随笔分类 - 前段相关
摘要：基础案例 01 模拟二维码 训练描述 利用CSS3动画属性，模拟扫描二维码的场景 训练提示 1. 在大盒子中上下正常排版两张图片 2. 利用动画，让第二张图片上下发生位移 3. 设置动画属性，注意动画设置的兼容问题 操作步骤 1. 创建index文件，新建css文件夹，创建base.css文件并初始
阅读全文
摘要：一、rotate 2d旋转指的是让元素在2维平面内顺时针旋转或者逆时针旋转 使用步骤： 1. 给元素添加转换属性 2. 属性值为 如 顺时针方向旋转 30度 二、三角 二、设置元素旋转中心点(transform origin) 1. 基础语法 2. 重要知识点 注意后面的参数 x 和 y 用空格隔开
阅读全文
摘要：基础案例 01 导航搜索 训练描述 搜索栏鼠标经过后出现搜索框，失去焦点还原，并且是以过渡的方式 训练提示 1. 搭建以项目为主的几个文件 2. 书写导航栏页面布局 logo原图比较大，需要设置父盒子宽度和自身的100% 设置导航项 右侧基本都是精灵图，所以不需要使用字体图标，注意间距的调整 3.
阅读全文
摘要：一、什么是 1. 的概念与定义 定义： 定义了 标准的最新版本，是对 的第五次重大修改，号称下一代的 两个概念： 是一个新版本的 语言，定义了新的标签、特性和属性 拥有一个强大的技术集，这些技术集是指： 、 、 , 这也是广义上的 2. 拓展了哪些内容 语义化标签 本地存储 兼容特性 、`3D` 动
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>css动画原理</title> <script src="../js/vue.js"></script> <!--官网：https://cn.vuejs.org
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>使用animate.js</title> <script src="../js/vue.js"></script> <!--animate,js官网:https
阅读全文
摘要：Vuex官网： https://vuex.vuejs.org/zh/ Vuex 是一个专为 Vue.js 设计的状态管理模式 vuex解决了组件之间同一状态的共享问题。当我们的应用遇到多个组件共享状态时，会需要： 多个组件依赖于同一状态。传参的方法对于多层嵌套的组件将会非常繁琐，并且对于兄弟组件间的
阅读全文
摘要：https://router.vuejs.org/ vue路由配置： 1.安装 npm install vue-router --save / cnpm install vue-router --save 2、引入并 Vue.use(VueRouter) (main.js) import VueRo
阅读全文
摘要：引入： cnpm install node-sass --save-dev //安装node-sass cnpm install sass-loader@7.3.1 --save-dev cnpm install style-loader --save-dev //安装style-loader we
阅读全文
摘要：父与子组件通信：--子组件里面通过props接收父组件传过来的数据 1.父组件调用子组件的时候 绑定动态属性<v-header :title="title"></v-header>2、在子组件里面通过 props接收父组件传过来的数据props:['title']props:{'title':Str
阅读全文
摘要：vue-resource: 推荐教程：https://www.runoob.com/vue2/vuejs-ajax.html 1. 需要安装vue-resource模块， 注意加上 --save npm install vue-resource --save / cnpm install vue-r
阅读全文
摘要：修改数据绑定的语法 通过ref获取标签 结果： $data 监听事件 v on 监听事件，v on 缩写为 @ 事件冒泡 事件修饰符 阻止冒泡 .stop 事件修饰符 优先触发 .capture 事件修饰符 只有自己能触发，子元素无法触发.self 事件修饰符 只能提交一次 .once 事件修饰符
阅读全文
摘要：table中td多行展示: div模态框: 绑定点击事件 寻找节点 孩子 .children() 第一个孩子:.children(":first") 最后一个.children(":last") 兄弟 .next() 标签内容: .text() 包含xx .indexOf("xx") 获取属性 .a
阅读全文
摘要：使用淘宝镜像 地址：http://npm.taobao.org/ 安装cnpm: 搭建vue的开发环境： 必须要安装nodejs 搭建vue的开发环境 ，安装vue的脚手架工具 官方命令行工具 创建项目 必须cd到对应的一个项目里面 另一种创建项目的方式 （推荐） 现在开始创建一个.vue文件，在s
阅读全文
摘要：Vue 一款切换镜像的工具：nrm npm install nrm g g`代表全局安装 通过 来指定要使用的镜像源 通过 来测试速度 cnpm命令，有时会有bug，不推荐 创建工程： 先输入： 进行初始化 安装Vue，输入命令： 每个 Vue 实例在被创建时都要经过一系列的初始化过程 ：创建实例，
阅读全文
posted @ 2019-01-07 14:08
fly_bk
摘要：Node.js安装 1、下载对应你系统的Node.js版本: "https://nodejs.org/en/download/" 命令提示符下输入命令 会显示当前node的版本 快速入门 1 控制台输出 如何在控制台输出，创建文本文件demo1.js,代码内容 在命令提示符下输入命令 2 使用函数
阅读全文
浙公网安备 33010602011771号