VUE
文章平均质量分 60
晓鱼仔
天空一无所有,为何给我安慰
展开
-
vue原理及其部分重点
mvvmMVVM是Model-View-ViewModel缩写,也就是把MVC中的Controller演变成ViewModel。Model层代表数据模型,View代表UI组件,ViewModel是View和Model层的桥梁,数据会绑定到viewModel层并自动将数据渲染到页面中,视图变化的时候会通知viewModel层更新数据。响应式数据原理响应式对象响应式对象,核心就是利用 Object.defineProperty 给数据递归添加了 getter 和 setter,目的就是为了在我们访.原创 2021-06-01 11:01:03 · 206 阅读 · 0 评论 -
vue项目的实践总结
1. vue-cli配置1.1 通过命令查看配置结果:vue inspect 全部配置vue inspect --rules 查看全部规则vue inspect --rule vue 查看指定规则vue inspect --plugins 查看全部插件vue inspect --plugin vue-plugin 查看指定插件vue inspect --mode development 指定模式vue ui 查看可视化配置界面1.2 svg-sprite-原创 2020-05-22 17:02:29 · 4198 阅读 · 0 评论 -
vue 2 组件之间传值
对vue2版本的组件之间传值的一个简单整合:父组件 =》 子组件: props 和 refs- props: { msg: String }//parent<hello-world :msg="welcome to vue.js" />this.$ref.helloWorld.msg子组件 =》 父组件 : 自定义事件//childthis.$emit('send', msg)//parent<hello-world @send="sendMsg($eve原创 2020-05-18 14:05:40 · 551 阅读 · 0 评论 -
vue项目中页面响应式布局设计方案
针对全屏页面开发,兼容 19201080,以及 1366768js设置原型属性$screen: 获取当前是什么屏幕isS: 1366定义的最小屏幕isM: 1366-1600的中间屏幕isB: 1600以上的大屏在主文件app.vue中设置:let _w = window.innerWidth, _h = window.innerHeight, isS = fals...原创 2019-11-27 17:09:49 · 7226 阅读 · 0 评论 -
webpack配置多种打包方式
配置多种打包方式npm run build:test 测试服务器npm run build:innet 内网服务器具体配置:配置package.json "build:innet": "set NODE_ZNV='innet' && node build/build.js"ps: set NODE_ZNV=‘innet’ 这个参数可以通过process...原创 2019-08-28 18:00:52 · 393 阅读 · 0 评论 -
在vue中 storge 和vuex使用的用法区别
在vue中 storge 和vuex使用的用法区别1.联动性:storge对于属性的改变不能触发其他页面的改动storage: 存取login之后就不会改变的信息,比如userId, isAdmin(是否是管理员)vuex: 存取login之后可能在某个组件会改变的信息, 比如isInMyPort,isInPort比如:我在A页面改了userInfo 不经过刷新。b对他的调用并不知...原创 2019-08-28 17:49:19 · 1346 阅读 · 0 评论 -
vue源码基础点
1.Object.defineProperty(obj, propertyName, {})1.writeable: 默认为false 只读2.get:获取属性值3.set:监视属性值的变化4.configurable: 是否可以重新定义2.Object.keys() 得到对象可枚举属性组成的数组3.Object.hasOwnProperty(‘属性名称’): 属性是存在于自身。而不...原创 2019-03-24 15:55:32 · 447 阅读 · 0 评论 -
vue2.0用axios来进行referer伪造
当使用跨域jsonp接口时。referer属性是前台接口告诉服务器该接口的域名,而后台可以对应设置请求头referer从而对接口进行限制访问。 比如qq音乐的一个jsonp数据接口 https://c.y.qq.com/splcloud/fcgi-bin/fcg_get_diss_by_tag.fcg 其后台接口对referer和host的设置如下referer: 'https://...原创 2018-05-08 11:28:59 · 21983 阅读 · 2 评论 -
vuex简单入门:singer实例创建以及读写全过程
Vuex 是什么?Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 原理图对于原理图的分析理解: Vuex 使用单一状态树——是的,用一个对象就包含了全部的应用层级状态。至此它便作为一个“唯一数据源 (SSOT)”而存在。这也意味着,每个应用将仅仅包含一个 store ...原创 2018-05-14 14:37:31 · 908 阅读 · 0 评论 -
vue实现音乐播放器实战笔记
其他此应用的全部数据来自 QQ音乐,利用 axios 结合 node.js 代理后端请求抓取全局通用的应用级状态使用 vuex 集中管理全局引入 fastclick 库,消除 click 移动浏览器 300ms 延迟页面是响应式的,适配常见的移动端屏幕,采用 flex 布局疑难总结 &amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp; 小技巧关于 Vue原创 2018-05-10 13:52:44 · 14350 阅读 · 3 评论 -
vue开发拖拽进度条滑动组件
分享一个最近写的进度条滑动组件,以前都是用jq写,学会了vue,尝试着拿vue来写觉得非常简单,代码复用性很强! 效果图如下:调用组件如下:<slider :min=0 :max=100 v-model = "per"></slider><template> <div class="slider" ref="slider"原创 2018-05-02 17:18:14 · 22449 阅读 · 13 评论 -
VUE构建虚拟DOM的原理剖析以及render函数
要想通过VUE来写HTML结构,一般官方推荐都是tempplate属性,使用起来简单方便;具体code如下例一:例一:使用template进行渲染ul列表var vm = new Vue({ el:"#demo1", template:` <ul class = "bg" style = "fontSize:20px" abc = "yyy"&...原创 2018-04-23 11:27:02 · 2909 阅读 · 0 评论