03 2020 档案

摘要:当行内样式遇见背景图片 今天需要在行内样式中引入背景图片,但是发现游览器并不解析背景图片的地址 然后己经查询找到了一种解决方法 css ``` 但是不知其原理 阅读全文
posted @ 2020-03-26 18:30 懒惰ing 阅读(4255) 评论(3) 推荐(0) 编辑
摘要:立即执行函数 定义:此类函数没有声明,在一次执行过后即释放(被销毁)。适合做初始化工作。 针对初始化功能的函数:只想让它执行一次的函数 立即执行的函数也有参数,也有返回值,有预编译 立即执行函数的两种写法 在 W3C 建议使用这一种 能被执行符号执行的表达式,这个函数的名字就会被自动忽略(放弃名字) 阅读全文
posted @ 2020-03-25 17:15 懒惰ing 阅读(245) 评论(0) 推荐(0) 编辑
摘要:作用域 作用域定义:变量(变量作用于又称上下文)和函数生效(能被访问)的区域 函数外面不能用函数里面的。里面的可以访问外面的,外面的不能访问里面的,彼此独立的区间不能相互访问 外层函数不能访问里层的,里层的可以访问外层的,越往里权限越大 [[scope]]: 每个 函数都是一个对象,对象中有些属性我 阅读全文
posted @ 2020-03-24 21:06 懒惰ing 阅读(152) 评论(0) 推荐(0) 编辑
摘要:Js运行三部剧 语法分析 → 预编译 → 解释执行 预编译前奏 暗示全局变量:即任何变量,如果变量未经声明就赋值,此变量就为全局对象(就是 )所有。 一切声明的全局变量,全是 的属性 就是全局的域 预编译过程 预编译发生在函数执行的前一刻 (函数)预编译的四部曲: 1. 创建 对象 (执行期上下文, 阅读全文
posted @ 2020-03-24 21:02 懒惰ing 阅读(195) 评论(0) 推荐(0) 编辑
摘要:闭包 闭包是指有权访问另一个函数作用域中的变量的函数 当内部函数被保存到外部时,将会生成闭包。 闭包会导致原有作用域链不释放,造成内存泄露。 内存泄漏就是内存占用,内存被占用的越多,内存就变得越来越少了,就像内存被泄露了一样 闭包会导致多个执行函数共用一个公有变量,污染全局变量。 但凡是内部的函数被 阅读全文
posted @ 2020-03-24 20:55 懒惰ing 阅读(132) 评论(0) 推荐(0) 编辑
摘要:1.从属关系区别 是 提供的语法规则,只有导入样式表的作用; 是`HTML CSS RSS、rel` 连接属性等。 2.加载顺序区别 加载页面时, 标签引入的 被同时加载; 引入的 将在页面加载完毕后被加载。 3.兼容性区别 是 才有的语法,故只可在 才能识别; 标签作为 元素,不存在兼容性问题。 阅读全文
posted @ 2020-03-24 20:47 懒惰ing 阅读(154) 评论(0) 推荐(0) 编辑
摘要:ES6 的内置对象扩展 Array 的扩展方法 扩展运算符(展开语法) 扩展运算符可以将数组或者对象转为用逗号分隔的参数序列 扩展运算符可以应用于 合并数组 将类数组或可遍历数组转换为真正的数组 1. 2. 构造函数方法: 被转换的类数组 将处理后的值放入返回的数组,类似于数组的 map 方法 实例 阅读全文
posted @ 2020-03-23 20:05 懒惰ing 阅读(277) 评论(0) 推荐(0) 编辑
摘要:为什么是 ES6 每一次标准的诞生都意味着语言的完善,功能的加强, JavaScript 语言本身也有一些令人不满意的地方 变量提升特性增加了程序运行时的不可预测性 语法过于松散,实现相同的功能,不同的人可能会写出不同的代码 ES6 新增语法 let ES6 中新增的用于声明变量的关键字 let 声 阅读全文
posted @ 2020-03-23 19:59 懒惰ing 阅读(422) 评论(0) 推荐(0) 编辑
摘要:正则表达式概述 什么是正则表达式 正则表达式(Regular Expression) 是用于匹配字符串中字符串组合的模式。在 JavaScript 中,正则表达式也是对象 通常用来检索,替换哪些某个模式(规则)的文本,例如验证表单:用户名表单只输入英文字母,数字或者下划线,昵称输入框可以输入中文(匹 阅读全文
posted @ 2020-03-23 19:42 懒惰ing 阅读(217) 评论(0) 推荐(0) 编辑
摘要:继承 ES6 之前并没有给我们提供 extends 继承,我们可以通过 构造函数+原型对象 模拟实现继承,被称为 组合继承 .call() 调用这函数,并且修改函数运行时的 this 指向 xxx.call(thisArg,arg1,arg2,...) 1. thisArg:当前调用函数 this 阅读全文
posted @ 2020-03-23 19:36 懒惰ing 阅读(122) 评论(0) 推荐(0) 编辑
摘要:ES5 新增方法概述 ES5 中给我们创建了一些方法,可以很方便的操作数组或者字符串,这些方法主要包括: 数组方法 字符串方法 对象方法 数组方法 迭代(遍历)方法: 数组当前项的值 数组当前项的索引 数组对象本身 相似于 return 不会中止循环 创建一新的数组,数组中的元素是通过检查指定数组中 阅读全文
posted @ 2020-03-23 19:34 懒惰ing 阅读(412) 评论(0) 推荐(0) 编辑
摘要:构造函数和原型概述 在典型的 OOP 的语言中(如 java),都存在类的概念,类就是对象的模板,对象就是类的实例,但在 ES6 之前,JS 中并没有引入类的概念 ES6,全称 ECMAScript 6.0,2015.06 发版,但是目前游览器的 Javas 是 ES5 版本,大多数高版本的游览器也 阅读全文
posted @ 2020-03-23 19:24 懒惰ing 阅读(231) 评论(0) 推荐(0) 编辑
摘要:严格模式 什么是严格模式 JavaScript 除了提供正常模式外,还提供了 严格模式(strict mode) ES5 的严格模式是采用具有限制性的 JavaScript 变体的一种方式,即在严格的条件下运行 JS 代码 (IE10以上版本) 严格模式对正常的 JavaScript 语义做了一些修 阅读全文
posted @ 2020-03-23 19:20 懒惰ing 阅读(381) 评论(0) 推荐(0) 编辑
摘要:ES6 Promise 什么是Promise呢? ES6中一个非常重要和好用的特性就是Promise Promise是异步编程的一种解决方案 可以以一种非常优雅的方式来解决 网络请求的回调地狱 Promise基本使用 我们用一个定时器来模拟异步事件 假设下面的 是从网络上1秒后请求的数据 就是我们的 阅读全文
posted @ 2020-03-21 13:41 懒惰ing 阅读(134) 评论(0) 推荐(0) 编辑
摘要:keep alive遇见vue router 是`Vue`内置的一个组件,可以使被包含的组件保留状态,或避免重新渲染 它们有两个非常重要的属性 字符串或正则表达,只有匹配的组件会被缓存 字符串或正则表达式,任何匹配的组件都不会被缓存 也是一个组件,如果直接被包在 里面,所有路径匹配到的视图组件都会被 阅读全文
posted @ 2020-03-21 12:50 懒惰ing 阅读(207) 评论(0) 推荐(0) 编辑
摘要:什么是导航守卫? 提供的导航守卫主要用来监听监听路由的进入和离开的. 提供了 和`afterEach`的钩子函数, 它们会在路由即将改变前和改变后触发. 我们可以利用beforeEach来完成标题的修改 首先, 我们可以在钩子当中定义一些标题, 可以利用meta来定义 其次, 利用导航守卫,修改我们 阅读全文
posted @ 2020-03-21 11:59 懒惰ing 阅读(212) 评论(0) 推荐(0) 编辑
摘要:小程序的配置文件 小程序的很多 开发需求 被规定在了 配置文件 中 常见的配置文件 项目配置文件(较少修改) 项目配置文件 不同的项目开发者开发一个项目的时候能保持一个配置文件 小程序搜索相关的(较少修改) 所有页面都会被微信索引(默认情况) 规则文档地址 https://developers.we 阅读全文
posted @ 2020-03-17 22:34 懒惰ing 阅读(1031) 评论(3) 推荐(0) 编辑
摘要:markdown 常见用法 标题 前面带 号空格后面带文字 分别表示h1 h6,只到h6 而且h1下面会有一条横线 嵌套列表 列表可以嵌套,使用时在嵌套列表前按 tab 或 空格 来缩进,去控制列表的层数 代码块 在英文情况下点击键盘上面数字1的左边就会出现符号 ` 少量代码,单行使用,直接用,头尾 阅读全文
posted @ 2020-03-17 20:25 懒惰ing 阅读(152) 评论(0) 推荐(0) 编辑
摘要:小程序开发前准备 小程序是微信生态的一部分,它提供了一种更加 方便和高效 的用户交互方式 小程序的优点 用户使用的便捷性 远好于公众号和H5页面的体验 相对来说手机内存空间小 一端开发,多端运行(iOS端、Android端) 小程序开发主要分成三个部分 开发前准备 申请AppID(测试AppID有些 阅读全文
posted @ 2020-03-17 18:05 懒惰ing 阅读(258) 评论(0) 推荐(0) 编辑
摘要:事件 注册事件 给元素添加事件,称为 注册事件 或者 绑定事件 注册事件有两种方式: 传统方式 方法监听注册方式 传统注册方式 利用on开头的事件 onclick btn.onclick = function() {} 特点:注册事件的 唯一性 同一个元素同一个事件只能设置一个处理函数,最后注册的处 阅读全文
posted @ 2020-03-16 21:20 懒惰ing 阅读(146) 评论(0) 推荐(0) 编辑
摘要:伸缩布局 传统布局和伸缩布局 布局的传统解决方案,基于盒装模型,依赖display属性+position属性+float属性 对于特殊布局非常不便 CSS3在布局方面做了非常大的改进 使得我们对块级元素的布局排列变得十分灵活,适宜性非常强 其强大的伸缩性,在响应式开发中发挥极大的作用 重要属性 di 阅读全文
posted @ 2020-03-15 21:32 懒惰ing 阅读(3150) 评论(2) 推荐(0) 编辑
摘要:Github 目的 借助 Github托管项目 自动合并代码 注册 Github 账号 官方网站: Github.com 脚下留心 github操作指令 初始化仓库 文件夹会生成一个.git的隐藏文件,它所在的文件夹就是仓库 查看git配置信息 git配置本地仓库的userName(必须) 查看当前 阅读全文
posted @ 2020-03-15 14:21 懒惰ing 阅读(242) 评论(0) 推荐(0) 编辑
摘要:typeof 可以返回什么类型的值 基础值 数字 字符串 布尔 其他值 对象 空 函数值 显示类型转换 Number(mix) 是想把里面的东西转换成数字 parseInt(string,radix) 是转化,Int 是整型,整数,目的是把里面转换成整数 是基底的意思 写成 16,系统会认为是以 1 阅读全文
posted @ 2020-03-13 21:07 懒惰ing 阅读(185) 评论(0) 推荐(0) 编辑
摘要:条件语句 if、if else if if && 转换 格式 当 if 的条件成立时,才能执行{}内的语句 把条件转化为布尔值,如果为 true 就执行;如果为 false 就不执行 && 放在 if 中的,全真才为真,&&是并且的意思 || 放在 if 中是或者的意思,有一个是真就可以了,或的意思 阅读全文
posted @ 2020-03-13 20:57 懒惰ing 阅读(498) 评论(0) 推荐(0) 编辑
摘要:基本语法 先做个最简单的运算 下面是变量,例: 先运算等号右边的 a+b ,运算完后,再赋值给左边 c 先取值,再赋值 运算大于赋值的优先级 js 是动态语言,动态语言基本上都是解释性语言,解释性语言基本上都是脚本语言 js 是浮点型语言(带小数点) js 是弱语言 小数点后计算是不准确的,因为十进 阅读全文
posted @ 2020-03-13 20:02 懒惰ing 阅读(262) 评论(0) 推荐(0) 编辑
摘要:变量 HTML,css 不是编程语言,是计算机语言,编程语言需要有变量和函数 变量是存放东西,方便后续使用的框 变量声明 1. 声明、赋值分解 这个叫变量声明。 我们向系统中申请了 var 这个框,名叫 a 给 a 赋100,写作 a = 100,这里不是等于的意思,是赋值的意思 2. 单一var声 阅读全文
posted @ 2020-03-13 19:44 懒惰ing 阅读(165) 评论(0) 推荐(0) 编辑
摘要:JavaScript引用 页面级js 外部js文件 内联样式 页面级js 在网页中直接引用js,可以在head和body中写入 你好``` 阅读全文
posted @ 2020-03-13 19:37 懒惰ing 阅读(365) 评论(0) 推荐(0) 编辑
摘要:Web 发展史 Web(World Wide Web)即全球广域网,也称为万维网 它是一种基于超本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。是建在Internet上的一种网络服务,为浏览者在Internet上查找和浏览信息提供图形化的、易于访问的直观界面,其中的文档及超级链接将 阅读全文
posted @ 2020-03-13 19:29 懒惰ing 阅读(225) 评论(0) 推荐(0) 编辑
摘要:嵌套路由 认识嵌套路由 嵌套路由是一个很常见的功能 比如在home页面中, 我们希望通过/home/news和/home/message访问一些内容 一个路径映射一个组件, 访问这两个路径也会分别渲染两个组件 路径和组件的关系如下: 实现嵌套路由有两个步骤: 创建对应的子组件, 并且在路由映射中配置 阅读全文
posted @ 2020-03-13 14:50 懒惰ing 阅读(572) 评论(0) 推荐(0) 编辑
摘要:认识vue router 目前前端流行的三大框架, 都有自己的路由实现: Angular的ngRouter React的ReactRouter Vue的vue router vue router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。 我们可以访问其官方网 阅读全文
posted @ 2020-03-12 22:24 懒惰ing 阅读(144) 评论(0) 推荐(0) 编辑
摘要:前端路由规则 前端路由的核心是改变URL,但是页面不进行整体的刷新 URL的hash也就是锚点( ), 本质上是改变window.location的href属性 我们可以通过直接赋值location.hash来改变href, 但是页面不发生刷新 HTML5的history模式:pushState h 阅读全文
posted @ 2020-03-12 19:52 懒惰ing 阅读(567) 评论(0) 推荐(0) 编辑
摘要:Vue CLI3 vue cli 3 与 2 版本 vue cli 3 是基于 webpack 4 打造,vue cli 2 还是 webapck 3 vue cli 3 的设计原则是“0配置”,移除的配置文件根目录下的,build和config等目录 vue cli 3 提供了 vue ui 命令 阅读全文
posted @ 2020-03-12 19:33 懒惰ing 阅读(1382) 评论(0) 推荐(0) 编辑
摘要:Runtime Compiler和Runtime only的区别 简单总结 如果在之后的开发中,你依然使用template,就需要选择Runtime Compiler 如果你之后的开发中,使用的是.vue文件夹开发,那么可以选择Runtime only 运行时+编译器 如果你需要客户端编译模板 例如 阅读全文
posted @ 2020-03-12 15:33 懒惰ing 阅读(513) 评论(0) 推荐(0) 编辑
摘要:Vue CLI2详解 Vue CLI2初始化项目 1. 初始化命令,据你用的文件名创建一个文件夹,存放之后项目的内容 该名称也会作为默认的项目名称,但是 不能包含大写字母等 2. 项目名称不能包含大写 默认(回车)将上一个文件名作为项目名称 3. 作者的名称 默认(回车)从git中读取信息 4. 作 阅读全文
posted @ 2020-03-12 14:05 懒惰ing 阅读(1263) 评论(0) 推荐(0) 编辑
摘要:搭建本地服务器 webpack提供了一个可选的本地开发服务器,这个本地服务器基于node.js搭建,内部使用express框架,可以实现我们想要的让浏览器自动刷新显示我们修改后的结果 过它是一个单独的模块,在webpack中使用之前需要先安装它 devserver也是作为webpack中的一个选项, 阅读全文
posted @ 2020-03-12 13:28 懒惰ing 阅读(486) 评论(0) 推荐(0) 编辑
摘要:plugin(插件) plugin是插件的意思,通常是用于对某个现有的架构进行扩展 webpack中的插件,就是对webpack现有功能的各种扩展,比如打包优化,文件压缩等等 loader和plugin区别 loader主要用于转换某些类型的模块,它是一个转换器 plugin是插件,它是对webpa 阅读全文
posted @ 2020-03-12 13:27 懒惰ing 阅读(164) 评论(0) 推荐(0) 编辑
摘要:webpack配置vue 我们要使用Vuejs必须对其有依赖 Vuejs的安装,因为在实际项目中也会使用Vue,所以是运行时依赖 但是现在的情况下去写vue的代码打包不会报错,但是游览器编译会报错 主要是因为使用了runtime only版本的vue runtime only版本代码中,不可以有任何 阅读全文
posted @ 2020-03-12 12:45 懒惰ing 阅读(293) 评论(0) 推荐(0) 编辑
摘要:loader 什么是loader? loader是webpack中一个非常核心的概念 webpack用来做什么呢? 我们主要是用webpack来处理我们写的js代码,并且webpack会自动处理js之间相关的依赖。 但是,在开发中我们不仅仅有基本的js代码处理,我们也需要加载css、图片,也包括一些 阅读全文
posted @ 2020-03-11 19:14 懒惰ing 阅读(208) 评论(0) 推荐(0) 编辑
摘要:CSS3 3D转换 3D转换我们工作中最常用的是3D位移和3D旋转 主要知识点 3D位移 3D旋转 透视 3D呈现 3D位移 仅仅在X轴上移动 仅仅在Y轴上移动 仅仅是在Z轴上移动 注意: 一般用px单位 其中x,y,z分别指要移动的轴的方向和距离 x,y,z是不能省略的,没有写0 透视 在2D平面 阅读全文
posted @ 2020-03-10 20:15 懒惰ing 阅读(265) 评论(0) 推荐(0) 编辑
摘要:CSS3 动画 动画的基本使用 制作动画分为两不 先定义动画 再使用(调用)动画 用keyframes定义动画(类似定义类选择器) 元素使用动画 动画序列 0% 是动画的 开始 ,100% 是动画的 完成 ,这样的规划就是动画序列 再 中规定某项CSS样式,就能创建由当前样式逐渐改为新样式的动画效果 阅读全文
posted @ 2020-03-09 20:20 懒惰ing 阅读(145) 评论(0) 推荐(0) 编辑
摘要:CSS3 2D转换综合写法 CSS3 2D转换 转换(transfrom)是CSS3中具有颠覆性的特征之一,可以实现元素的位移、旋转、缩放等效果 转换(transfrom)可以简单的理解为变形 移动:translate 旋转:rotate 缩放:scale CSS3 2D转换综合写法 注意 同时使用 阅读全文
posted @ 2020-03-09 16:11 懒惰ing 阅读(152) 评论(0) 推荐(0) 编辑
摘要:CSS3 2D 转换之缩放 CSS3 2D转换 转换(transfrom)是CSS3中具有颠覆性的特征之一,可以实现元素的位移、旋转、缩放等效果 转换(transfrom)可以简单的理解为变形 移动:translate 旋转:rotate 缩放:scale CSS3 2D 转换之缩放scale 缩放 阅读全文
posted @ 2020-03-09 15:43 懒惰ing 阅读(462) 评论(0) 推荐(0) 编辑
摘要:CSS3 2D 转换之旋转 CSS3 2D转换 转换(transfrom)是CSS3中具有颠覆性的特征之一,可以实现元素的位移、旋转、缩放等效果 转换(transfrom)可以简单的理解为变形 移动:translate 旋转:rotate 缩放:scale CSS3 2D 转换之旋转rotate 2 阅读全文
posted @ 2020-03-09 13:38 懒惰ing 阅读(1395) 评论(0) 推荐(0) 编辑
摘要:CSS3 2D转换 转换(transform) 是CSS3中具有颠覆性的特征之一,可以实现元素的位移、旋转、缩放等效果 转换(transform) 可以简单的理解为变形 移动:translate 旋转:rotate 缩放:scale 二维坐标系 2D转换时改变标签在二维平面上的位置和形状的一种技术, 阅读全文
posted @ 2020-03-08 22:12 懒惰ing 阅读(409) 评论(0) 推荐(0) 编辑
摘要:CSS 过渡 过渡(transition)是CSS3中具有颠覆性的特征之一,我们可以在不使用Flash动画或JavaScript的情况下,当元素从一种样式变换为另一种样式时为元素添加效果 过渡动画: 是从一个状态渐渐的过渡到另外一个状态 可以让我们页面跟好看,更加动感十足,虽然低版本游览器不支持(i 阅读全文
posted @ 2020-03-08 21:12 懒惰ing 阅读(276) 评论(0) 推荐(0) 编辑
摘要:html5中input的type类型有哪些 button 定义可以点击的按钮(大多与JavaScript使用来启动脚本) 普通按钮 属性中输入的值为按钮上显示的文本 代表该按钮的名称 表示处理程序 按钮的消失效果也可以通过CSS样式来设置 checkbox 北京 type="checkbox" va 阅读全文
posted @ 2020-03-07 21:22 懒惰ing 阅读(278) 评论(0) 推荐(0) 编辑
摘要:什么是Vue CLI 如果你只是简单写几个Vue的 Demo程序 , 那么你不需要Vue CLI. 如果你在 开发大型项目 , 那么你需要, 并且必然 需要使用Vue CLI 使用Vue.js开发大型应用时,我们需要考虑代码目录结构、项目结构和部署、热加载、代码单元测试等事情。 如果每个项目都要手动 阅读全文
posted @ 2020-03-07 15:50 懒惰ing 阅读(178) 评论(0) 推荐(0) 编辑
摘要:定位 视觉格式化模型,大体上将页面分为三种方式: 1. 常规流 2. 浮动:float 3. 定位:position 定位:手动控制元素在包含块中的精确位置 涉及的css属性:position position 默认值:static,静态定位(不定位) relative:相对定位 absolute: 阅读全文
posted @ 2020-03-07 14:57 懒惰ing 阅读(105) 评论(0) 推荐(0) 编辑
摘要:浮动 视觉格式化模型,大体上将页面中盒子的排列分为三种方式: 1. 常规流 2. 浮动 3. 定位 应用场景 1. 文字环绕 2. 横向排列 浮动的基本特点 修改float属性值为: left:左浮动,元素靠上靠左 right:右浮动,元素靠上靠右 默认值为none 1. 当一个元素浮动后,元素必定 阅读全文
posted @ 2020-03-07 14:55 懒惰ing 阅读(129) 评论(0) 推荐(0) 编辑
摘要:常规流 盒模型:规定单个盒子的规则 视觉格式化模型(布局规则):页面中的多个盒子排列规则 视觉格式化模型,大体上将页面中盒子的排列分为三种方式: 1. 常规流 2. 浮动 3. 定位 常规流布局 常规流、文档流、普通文档流、常规文档流 所有元素,默认情况下,都属于常规流布局 总体规则:快盒独占一行, 阅读全文
posted @ 2020-03-07 14:51 懒惰ing 阅读(245) 评论(0) 推荐(0) 编辑
摘要:盒模型 box:盒子,每个元素在页面中都会会生成一个矩形区域(盒子,容器) 在游览器按F12或者右击检查可以在Elements的Styles找到盒模型 盒子类型 1. 行盒,display等于inline的元素 行盒在页面中不换行、块盒独占一行 常见的行盒: 2. 块盒,display等于block 阅读全文
posted @ 2020-03-07 14:25 懒惰ing 阅读(174) 评论(0) 推荐(0) 编辑
摘要:css中的声明冲突和继承 声明冲突:同一个样式,多次应用到同一个元素 层叠:解决声明冲突的过程,游览器自动处理(权重处理) 1. 比较重要性 重要性从高到低: 作者样式表:开发者书写的样式 1)作者样式表中的!important样式 2)作者样式表中的普通样式 3)游览器默认样式表中的样式 2. 比 阅读全文
posted @ 2020-03-06 20:04 懒惰ing 阅读(398) 评论(0) 推荐(0) 编辑
摘要:选择器 选择器:帮助你精准的选中想要的元素 简单选择器 ID选择器 元素选择器 类选择器 通配符选择器 :选中所有元素 属性选择器 根据属性名和属性值选中元素 伪类选择器 选中某些元素的某种状态 书写顺序: 超链接未访问下的状态 超链接访问后的状态 鼠标悬停状态 激活状态,鼠标按下状态 爱恨法则:l 阅读全文
posted @ 2020-03-06 19:40 懒惰ing 阅读(169) 评论(0) 推荐(0) 编辑
摘要:为网页添加样式 术语解释 css规则=选择器+声明块 选择器 用来选中元素,常见选择器 1. ID选择器: ID 2. 元素选择器:元素 3. 类选择器:.class 4. 通配符选择器: 声明块 出现在大括号 CSS代码书写位置 1. 内部样式表 书写在style元素中 2. 内联样式表 直接书写 阅读全文
posted @ 2020-03-06 19:34 懒惰ing 阅读(204) 评论(0) 推荐(0) 编辑
摘要:多媒体元素 video 视频 audio 音频 video 1. controls:控制控件的显示,取值只能为controls 2. autoplay:布尔属性,自动播放 3. muted:布尔属性,静音播放 4. loop:布尔属性,循环播放 html html controls: autopla 阅读全文
posted @ 2020-03-06 18:58 懒惰ing 阅读(262) 评论(0) 推荐(0) 编辑
摘要:图片元素 img元素 image缩写 空元素 1. src属性:图片地址(source) 2. alt属性:当图片资源失效式时,将使用该属性的文字替代图片 3. title属性:光标移动到图片上显示的文字 和a元素联用 和map(地图)元素 使用的方法是 1. 在map元素中添加一个name属性 2 阅读全文
posted @ 2020-03-06 18:02 懒惰ing 阅读(415) 评论(0) 推荐(0) 编辑
摘要:webpack的安装 安装webpack首先需要安装Node.js,Node.js自带了软件包管理工具npm 查看自己的node版本 全局安装webpack 指定版本号(这里我先指定版本号3.6.0,因为vue cli2依赖该版本) 局部安装webpack(后续才需要) save dev`是开发时依 阅读全文
posted @ 2020-03-06 14:45 懒惰ing 阅读(1082) 评论(0) 推荐(0) 编辑
摘要:模块化开发 JavaScript原始功能 在网页开发的早期,js制作作为一种脚本语言,做一些简单的表单验证或动画实现等,那个时候代码还是很少的。 那个时候的代码是怎么写的呢?直接将代码写在 import指令用于导入模块中的内容,比如main.js的代码 如果我们希望某个模块中所有的信息都导入,一个个 阅读全文
posted @ 2020-03-06 14:18 懒惰ing 阅读(9030) 评论(0) 推荐(0) 编辑
摘要:插槽 slot slot的基本使用 在真正学习插槽之前,我们需要先理解一个概念:编译作用域 官方给出了一条准则:父组件模板的所有东西都会在父级作用域内编译;子组件模板的所有东西都会在子级作用域内编译。 在子组件中,使用特殊的元素 按钮 哈哈哈 hehe lala xixi 我是组件 我是组件,哈哈哈 阅读全文
posted @ 2020-03-06 13:51 懒惰ing 阅读(230) 评论(0) 推荐(0) 编辑
摘要:父子组件的通信 首先,我们指导正常情况下子组件是不能访问父组件或者Vue实例的数据的 但是,在开发中,往往一些数据确实需要从上层传递到下层 比如在一个页面中,我们从服务器请求到了很多的数据。 其中一部分数据,并非是我们整个页面的大组件来展示的,而是需要下面的子组件进行展示。 这个时候,并不会让子组件 阅读全文
posted @ 2020-03-06 13:35 懒惰ing 阅读(643) 评论(0) 推荐(0) 编辑
摘要:组件数据存放 组件可以访问Vue实例数据吗? 组件是一个单独功能模块的封装: 这个模块有属于自己的HTML模板,也应该有属性自己的数据data。 组件中的数据是保存在哪里呢?顶层的Vue实例中吗? 我们先来测试一下,组件中能不能直接访问Vue实例中的data 我们用组件里的message去访问定义在 阅读全文
posted @ 2020-03-05 19:04 懒惰ing 阅读(2566) 评论(0) 推荐(0) 编辑
摘要:注册组件 注册组件的基本步骤 组件的使用分成三个步骤: 创建组件构造器:调用Vue.extend()方法 注册组件:调用Vue.component()方法 使用组件:在Vue实例的作用范围内 我们来看看通过代码如何注册组件 查看运行结果: 和直接使用一个div看起来并没有什么区别。 但是我们可以设想 阅读全文
posted @ 2020-03-05 18:28 懒惰ing 阅读(2807) 评论(0) 推荐(1) 编辑
摘要:组件化开发 什么是组件化 如果我们将一个页面中所有的处理逻辑全部放在一起,处理起来就会变得非常复杂,而且不利于后续的管理以及扩展。 但如果,我们讲一个页面拆分成一个个小的功能块,每个功能块完成属于自己这部分独立的功能,那么之后整个页面的管理和维护就变得非常容易了 组件化思想 组件化是Vue.js中的 阅读全文
posted @ 2020-03-05 16:32 懒惰ing 阅读(692) 评论(0) 推荐(0) 编辑
摘要:表单绑定 表单控件在实际开发中是非常常见的。特别是对于用户信息的提交,需要大量的表单 Vue中使用v-model指令来实现表单元素和数据的双向绑定 <div id="app"> <input type="text" v-model="message"> {{message}} </div> <scr 阅读全文
posted @ 2020-03-05 15:49 懒惰ing 阅读(648) 评论(0) 推荐(0) 编辑
摘要:v-for遍历数组 渲染一组数据的时候用 v-for v-for的语法类似于JavaScript中的for循环 格式如下:item in items的形式 我们来看一个简单的案例: 如果在遍历的过程中不需要使用索引值 v-for="movie in movies" 依次从movies中取出movie 阅读全文
posted @ 2020-03-04 15:03 懒惰ing 阅读(16399) 评论(4) 推荐(1) 编辑
摘要:条件判断 v-if和v-else <div id="app"> <div v-if="score>=90">优秀</div> <div v-else-if="score>=80">良好</div> <div v-else-if="score>=60">及格</div> <div v-else>不及格 阅读全文
posted @ 2020-03-04 14:38 懒惰ing 阅读(3525) 评论(0) 推荐(0) 编辑
摘要:事件监听 v-on介绍 在前端开发中,我们需要经常和用于交互。这个时候,我们就必须监听用户发生的时间,比如点击、拖拽、键盘事件等等 在Vue中如何监听事件呢?使用v-on指令 作用:绑定事件监听器 缩写:语法糖 @ 预期:Function | Inline Statement | Object 参数 阅读全文
posted @ 2020-03-04 14:33 懒惰ing 阅读(4836) 评论(0) 推荐(0) 编辑
摘要:计算属性 computed 特性:当他依赖的值发生变化的时候会重新计算其属性,所以对于任何复杂逻辑,你都应当使用计算属性 对数据进行一些转化后再显示,或者需要将多个数据结合起来进行显示 计算属性将被混入到 Vue 实例中。所有 getter 和 setter 的 this 上下文自动地绑定为 Vue 阅读全文
posted @ 2020-03-04 14:10 懒惰ing 阅读(340) 评论(0) 推荐(0) 编辑
摘要:v-bind基础 用于绑定一个或多个属性值,或者向另一个组件传递 props 值 比如通过Vue实例中的data绑定元素的src和href,代码如下: <div id="app"> <img v-bind:src="imgSrc" alt=""> <a v-bind:href="link">Vuej 阅读全文
posted @ 2020-03-04 13:33 懒惰ing 阅读(381) 评论(0) 推荐(0) 编辑
摘要:插值表达式的使用 将 data 中的文本数据,插入到HTML中可以通过 Mustache 语法(也就是双大括号),数据是响应式的 <div id="app"> <h2>Hello {{message}}</h2> <h2>{{firstName}} {{lastName}}</h2> <h2>{{n 阅读全文
posted @ 2020-03-04 12:20 懒惰ing 阅读(1091) 评论(0) 推荐(0) 编辑
摘要:Vue.js 认识 Vue(读音 /vjuː/,类似于 view) Vue是一个渐进式JavaScript 框架 Vue全家桶: Core+Vue-router+Vuex Vue有很多特点和Web开发中常见的高级功能 解耦视图和数据 可复用的组件 前端路由技术 状态管理 虚拟DOM 框架和库的区别 阅读全文
posted @ 2020-03-04 11:54 懒惰ing 阅读(206) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示