个人写这个弹出的原因就一个,就是能给我带来可复用,追求新,要简单,可扩展。要达到炫酷有点难度,分析后还是决定以功能为主,因为是用jq和animation实现的弹出组件,所以看起来难度不大,简称co-dialog。演示效果DEMO灵感来源,因为工作中用到dialog,发现UI设计的弹出的风格一直在变化,于是每次都要重新写一个弹出,无意中增加了无用的工作量,所以果断就封装成一个弹出组件,目前
转载 2024-09-11 01:09:05
1555阅读
加速你的 Vue.js 开发当我们可以通过使用库轻松实现相同的结果时,为什么还要编写自定义功能?开发人员最好的朋友和救星就是这些第三方库。我相信一个好的项目会利用一些可用的最佳库。Vue.js 是创建用户界面的最佳 JavaScript 框架之一。这篇文章是关于 Vue.js 的优秀库系列的第四部分,在该系列中,我总是每篇介绍 7 个 Vue.js 相关库,它们将在您的开发之旅中提供帮助。1、vu
最近在通过《Vue.js实战》系统学习Vue,虽然在项目中已多次使用Vue进行开发,但是对于一些非常基础性的知识点还不是很了解,因此这次通过结合数字输入组件实战来谈谈简单的组件开发。源代码:https://github.com/zndada/learnVue项目整体结构├── src 项目代码 │ ├── common 公共js库 │ │ ├── number.js 判断是否为数字 │ ├──
给大家推荐一个基于Vue2的右键弹出菜单插件,支持单一SPA页面以及可以在循环绑定中使用。 项目地址为:https://github.com/chIIC/vue-...demo1: 父组件绑定右键事件的效果: demo2:列表循环绑定,识别当前点击对象: 项目地址为:https://github.c
转载 2020-01-20 20:55:00
559阅读
2评论
节点内容{{ foo }}实例化vue const app = new Vue({ el:“#app”, data:{ foo:“foo” } }) vue源码中render函数渲染虚拟DOM (function anonymous() { with(this){return _c(‘div’,{attrs:{“id”:“app”}},[_c(‘p’,{staticClass:“p”}, [_v(
前言 这篇文章主要是分享一个时空穿梭功能,也就是我们平时用的选择功能。勾选了的项就会进入到另一个中。 时空穿梭之旅 示例演示:这个时空穿梭实现了:1、可以全选、反选2、没有选中时,不可以点穿梭按钮3、自动计数(共有多少个,选中了多少个)4、没有数据时,全选不可点击这里主要是想通过这个示例来抛砖引玉,更多的功能,你可以根据自己的实践需要来实现。下面我们就来看看这示例的相关文件及代码。
转载 2024-05-27 20:49:59
92阅读
Vue中各组件的安装和卸载前言vue的安装vue的卸载webpack的安装webpack的卸载vue-cli的安装vue-cli的卸载vue-router的安装Node.js的安装Node.js的卸载参考文档 前言在我们刚使用vue时,会发现还是有些繁琐的,他会涉及很多的安装,比如vue、webpack、vue-cli、vue-router等。本章就针对这种情况,将涉及到的安装整理一下。vue
转载 2024-04-30 21:02:53
106阅读
通过js创建一个Object对象来模拟真实DOM结构,这个对象包含标签名 (tag)、属性 (attrs) 和子元素对象 (children) 三个属性,通过vue中的render()函数把虚拟dom编译成真实dom,在通过appendChild()添加到页面中。再来一张图:是不是一下子秒懂 没懂再来一张创建虚拟DOM就是为了更好将虚拟的节点渲染到页面视图中,所以虚拟DOM对象的节点与真实DOM的
跨域设置 http://www.ituring.com.cn/article/200275 打包 npm adduser 如果长时间不登录,可能会过期,使用 npm login 进行登录就可以 pu
原创 2021-07-23 11:32:15
393阅读
eslint用于代码检查,prettier用于代码格式化,具体操作如下1.安装以下eslint插件 安装以下eslint插件,并增加.eslintrc.js配置文件,.eslintignore配置忽略检查的文件(1)eslint 用于检查和标示出ECMAScript/JavaScript代码规范问题工具。 (2)@babel/eslint-parser 简而言之就是一个解析器,允许您使用ES
转载 2024-05-29 12:57:59
283阅读
main.js App.vue action.js getters.js index.js mutation.js types.js
转载 2017-06-24 05:50:00
220阅读
vue2
原创 2021-08-01 18:40:40
412阅读
最近项目开发中遇到需要用到ie浏览器的情况,因为是内网开发,大致记录下兼容过程。问题1:ie11浏览器页面无法加载首先遇到的问题是谷歌浏览器运行无问题,控制台也不报错,但是ie11浏览器就打不开,控制台报错----显示语法错误:,了解后发现ie浏览器不支持es6,可以通过core-js/stable及regenerator-runtime/runtime编译,vue cli官方推荐使用,main.
转载 2024-04-03 14:52:36
210阅读
10个vue2必备开发插件 Vetur:Vue.js开发插件,提供了语法高亮、错误提示、自动补全等功能。 Vue 2 Snippets:Vue.js 2代码段,可以快速生成常用的Vue.js代码。 ESLint:JavaScript语法检查工具,在Vue.js开发中可以帮助我们规范代码。 Prettier:代码格式化工具,可以帮助我们自动格式化代码。 Bracket Pair Colorize
原创 2023-03-20 12:45:56
747阅读
jebox [url]http://www.jayui.com/jebox/[/url]
q
原创 2023-06-04 10:27:21
66阅读
# 实现 jQuery 弹出插件的步骤 ## 1. 引入 jQuery 库 首先,我们需要在 HTML 文件中引入 jQuery 库。在 `` 标签内添加以下代码: ```html
原创 2024-02-03 09:43:33
70阅读
vue2 项目的 vscode 插件整理
文章目录一、Vue插件大全二、Vue插件举例1. 轮播图插件vue-awesome-swiper)2.
原创 2022-09-30 10:27:30
363阅读
引言相信大家经常会遇到展示一堆数据的需求,几十条数据还好,要是几百上千条,甚至带上了图片。那就会卡得不行。这时候就需要按需加载。按需加载有懒加载和虚拟列表。懒加载:通过JS滚动或触底触发事件来加载更多的数据,类似分页。虚拟列表:只加载可视区域的数据,通过计算长度区间反推需要加载的数据来实现假滑动。二者异同很明显,懒加载虽然也有优化,可是当用户疯狂下拉刷新时候最后还是会卡,虽然很难有那种场景。懒加载
/ 监听当前消息列表,更新时,保持滚动条位于底部。// 滚动滑钮到滚动条顶部的距离=滚动条的高度。
  • 1
  • 2
  • 3
  • 4
  • 5