vue
关注
分享
扫一扫
sara-
这个作者很懒，什么都没留下…
展开
-
web前端兼容整理
vue兼容Vue 中使用 babel-polyfill 来兼容低版本浏览器vue兼容html兼容1.H5新标签在IE9以下的浏览器识别html5shiv.js下载地址https://github.com/aFarkas/html5shiv/releasescss兼容1.css的hack问题：主要针对IE的不同版本，不同的浏览器的写法不同IE的条件注释hack： 2.IE6双边距问题：IE6在浮动后，又有横向的margin，此时，该元素的外边距是其值的2倍解决原创 2020-07-13 19:54:35 · 323 阅读 · 0 评论 -
es5 es6 es7 es8新特性
https://blog.youkuaiyun.com/qq_34586870/article/details/89515336?utm_medium=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.nonecase&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.none原创 2020-06-20 13:17:54 · 823 阅读 · 0 评论 -
vue-elemen 表单封装 表格封装
组件：searchForm.vue<!-- 搜索表单 --><template><div class="ces-search"> <el-form :size="size" inline :label-width="labelWidth"> <el-form-item v-for='item in searchForm' :label="item.label" :key='item.prop'>原创 2020-05-28 17:57:39 · 746 阅读 · 0 评论 -
vue-小程序-移动端ui库
小程序的配置文件在全局的main.js中，配置小程序文档中的json配置(去文档复制过来)export default { confing: { 'window': { 'backgroundTextStyle': 'light', 'navigationBarBackgroundColor': '#fff', 'navigationBarTitleText': '邓俊玉', 'navigationBarTextStyle': 'black'原创 2020-05-28 17:54:32 · 823 阅读 · 0 评论 -
vue的优缺点
VUE官方的解释Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。VUE的特性1、轻量级的框架2、双向数据绑定3、指令4、插件化vue的优点1、简单易用2、灵活渐进式3、轻量高效（3-1）、压索之后20KB大小（3-2） 、虚拟DOM4、MVVM（4-原创 2020-05-15 13:50:52 · 4068 阅读 · 0 评论 -
微信公众号-微信小程序-移动端UI库及配置
https://www.cnblogs.com/polk6/p/6373519.htmlhttps://www.jianshu.com/p/4182f4a18cb6https://blog.youkuaiyun.com/j244233138/article/details/90720036?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2.nonecase&depth_1-utm_source原创 2020-05-15 13:49:18 · 428 阅读 · 0 评论 -
vue项目优化
1.vue-router优化路由懒加载因为在打包构建应用的时候，js包会特别大，影响页面的加载速度，所以需要把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应的组件，这样比较高效。是结合了vue的异步组件技术和webpack的代码分割功能，实现路由的懒加载2.http优化http协议定义的是：web客户端如何从服务器请求web页面，以及服务器如何把web页面传送给客户端，浏览器请求数据通过http链接完成，因此http连接优化是web项目优化的重要方向之一1.减少ht原创 2020-05-15 13:46:34 · 2239 阅读 · 1 评论 -
vue-class，style
vue中的class和style的使用v-bind：class的使用1.第一种使用方式v-bind:class=’[a,b,c]‘形式的用法a b c是data中的数据第二种使用方式v-bind:class=’{}'形式的用法当然也可以配合着数据一起使用3:第三种使用方式(其实和第二种方式是一样的)v-bind:class=‘json’,引号里可以直接存放一个json类型的...原创 2020-02-25 20:40:35 · 463 阅读 · 0 评论 -
vue-ui库
整理的vue前端UI框架。PC端：1、Elementi：一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。2、iView：一套基于 Vue.js 的开源 UI 组件库，主要服务于 PC 界面的中后台产品。3、vue-strap：基于 Vue.js 的 Bootstrap 组件，包含一系列基于 Bootstrap 标记和 CSS 的本地 Vue.js 组件。所以不需要...原创 2020-02-21 13:18:22 · 568 阅读 · 0 评论 -
vue基础最新版本
VUE学习整理http://doc.liangxinghua.com/vue-family/1.htmlvue的优点低耦合。视图（View）可以独立于Model变化和修改，一个ViewModel可以绑定到不同的"View"上，当View变化的时候Model可以不变，当Model变化的时候View也可以不变。可重用性。你可以把一些视图逻辑放在一个ViewModel里面，让很多view重用这段...原创 2020-02-14 21:37:55 · 1147 阅读 · 0 评论 -
vue基础
vue中获取dom，及操作dom 在watch或者created里面操作dom,用this.$nextTick(function(){xxxx})vue获取后端数据应该在created还是mounted 看情况了，一般放到created里面就可以了，这样可以及早发请求获取数据，如果有依赖d...原创 2020-02-07 15:21:16 · 610 阅读 · 0 评论 -
vue-slot
关于slot个人理解总结：是决定子组件在父组件如何显示的作用应用业务场景：同一个组件在不同的组件中被引用，需要显示的内容不同，就可以用到slot具名插槽在子组件中定义了三个slot标签，其中有两个分别添加了name属性header和footer<template> <div class="slottwo"> <div>slottwo...原创 2020-02-03 17:43:03 · 226 阅读 · 0 评论 -
vscode创建vue项目
新建项目打开Visual studio code打开一个你想要创建项目的文件夹打开集成终端：查看 –> 集成终端 或者直接按 ctrl+`如果没有安装vue-cli，在终端输入：npm install -g vue-cli全局安装vue-cli然后新建项目vue init webpack projectNameprojectName换为你想要的名字。这里我建立的项目名为 e...原创 2020-02-03 12:32:26 · 623 阅读 · 0 评论 -
vue指令
v-model、用于在表单上创建双向数据绑定、会忽略表单元素的value，checked，selected特性的初始值，因为它选择的是vue实例数据作为具体的值、默认情况下，v-model同步输入框的值和数据<div id="app"> <input v-model="somebody"> <p>hello {{somebody}}<...原创 2019-09-06 11:57:55 · 113 阅读 · 0 评论 -
JS.vue总结
vue数据双向绑定原理：1.实现一个监听器Observer，用来劫持并监听所有属性，如果有变动的，就通知订阅者。2.实现一个订阅者Watcher，可以收到属性的变化通知并执行相应的函数，从而更新视图。3.实现一个解析器Compile，可以扫描和解析每个节点的相关指令，并根据初始化模板数据以及初始化相应的订阅器。vue指令input中使用v-model ，就会把它的值当做是输入框的val...原创 2019-08-24 17:11:44 · 142 阅读 · 0 评论 -
JS.vue笔记--组件
组件组件化开发、组件化的开发其实就是把页面拆分成一块一块的，每一个块可以看做是一个组件、组件是一个可以重复使用的vue实例、语法：//vue的组件也是vue的一个实例//my-header 为组件的名字//{}组件的配置//组件对应的html结构 – 模板//使用该组件—>以标签的形式调用组件Vue.component(‘my-header’,{//全局注册组件 ...原创 2019-08-21 17:55:04 · 175 阅读 · 1 评论 -
JS.vue小笔记-计算属性/侦听属性/vue生命周期函数
计算属性、computed、书写形式为函数、有返回值、使用的话是和data中值使用一样 {{revereMsg}}、计算属性具有依赖性，如果原始值不发生变化，则不会执行，发生变化，会重新计算，执行次数和调用次数无关、特定条件下，计算属性优于方法，方法是每调用一次就会执行一次、应用场景，登录注册可以验证表单信息侦听属性、也叫做监听属性、在特定条件下，计算属性优于侦听属性总结任...原创 2019-08-21 13:52:07 · 224 阅读 · 1 评论 -
JS教程-vue语法整理
文章目录1、回顾2、模板语法2.1 文本2.2 纯HTML2.3 表达式2.4、指令2.5 缩写2.6 绑定属性3、 [class与style绑定](https://cn.vuejs.org/v2/guide/class-and-style.html)3.1 class 绑定4、[条件判断](https://cn.vuejs.org/v2/guide/conditional.html)5、循环遍历...原创 2019-08-21 10:07:33 · 149 阅读 · 0 评论 -
JS框架vue-教程1语法
语法文本：{{msg}}<body> <div id="app"> {{ msg }} </div></body><script src="vue.js"></script><script> new Vue({ el: '#app', // document.querySel...原创 2019-08-20 15:50:26 · 117 阅读 · 0 评论 -
vue基础
一、开发规范工作目录规范：页面存放目录：文件夹命名都以首字母大写静态文件存放目录：所有文件及文件夹命名都为小写vue，react 利用脚手架生产项目开发过程中，组件的首字母大写代码命名规范：BEM命名：核心思想是将页面拆分成一个个独立的富有予以的块（blocks），从而使得团队在开发复杂项目的时候可以高效，并且有利于代码复用，容易维护，和oop相似BEM是块block，元素elem...原创 2019-08-19 09:12:09 · 111 阅读 · 0 评论