摘要:
1.前言 node.js的模块系统,就是参照CommonJS规范实现的,模块化的使用过程中包含两个操作:定义和引入 2.模块定义 通俗的说,一个js文件就是一个模块,每个模块默认暴露的是一个空对象 //引入一个空白的js文件 const empty = require('./empty.js') c 阅读全文
摘要:
###1.MVVM和MVC MVC: M(model):数据层 V(view):视图层 C(Controller):控制层 MVVM: M(model):数据层,前端所说的DOM,通常给用户展示各种信息。 V(view):视图层 VM(ViewModel):视图模型层,它是View和Model的桥梁 阅读全文
摘要:
###1.Vue的生命周期 vue的生命周期分为8个阶段: beforeCrete( 创建前 ):在实例初始化之后,数据观测和事件配置之前被调用,此时无法访问methods, data, computed等上的方法和数据。 created( 创建后 ):创建实例之后执行,此时可以访问到methods 阅读全文
摘要:
###1.响应不同的屏幕宽度 根据屏幕的尺寸设定不同的样式 实例:模仿bootstrap的栅格布局,让不同尺寸的屏幕下容器有不同的宽度 当设定的屏幕宽度范围有重合时,后面的设定会覆盖前面的。所以要把宽度范围小的放到后面 <body> <div class="box"></div> </body> * 阅读全文
摘要:
1.基本使用 a标签常用属性: 属性名 说明 href 规定链接的目标 URL target 已什么形式打开这个连接 target属性有以下几个值 属性名 说明 _self 默认,当前页面跳转 _blank 新窗口打开 _parent 在父窗口中打开链接 _top 在当前窗体打开链接,并替换当前的整 阅读全文
摘要:
###1.前言 本节讲述如何封装一个操作粘贴板的方法 原理:选中某个Dom元素(比如文本域),执行区域复制命令即可。 相关API:document.execCommand():该方法允许运行命令来操纵可编辑内容区域的元素。传入"Copy"参数表示拷贝当前选中内容到剪贴板。(启用这个功能的条件因浏览器 阅读全文
摘要:
1.前言 网格布局(Grid)是最强大的 CSS 布局方案,它将网页区域划分成一个个网格,做出各种各样的布局 网格通过指定列数和行数来控制,除了可以指定列宽和行高,还可以指定每个格子的跨列和跨行展示 2.基本使用 在父容器中设置 display: grid,然后设定列数和行数 grid-templa 阅读全文
摘要:
1.思路分析 监听页面尺寸变化(防抖),动态设置canvas大小 监听鼠标移动事件(节流),动态创建小球,小球包含大小,原点坐标,移动方向等信息,其内部方法支持移动和缩小 开启定时器,更新画布内容(清屏后根据数据重新渲染) 2.主函数 事件监听以及全局变量设定 开启循环定时器实时渲染,过滤无效小球( 阅读全文
摘要:
1.对象含义和创建 含义:对象是拥有属性和方法的数据 创建方式一:字面量声明 var person = {} 创建方式二:使用关键字new var person = new Object() 2.增(添加属性) 通过点语法添加属性 var person = {} person.name = "kyo 阅读全文
摘要:
###1.前言 uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。 ###2.项目创建 项目创建有两种方式: (1)使用npm创建 ( 阅读全文