- 博客(15)
- 收藏
- 关注
原创 Bootstrap(一)认识Bootstrap
什么是Bootstrap?Bootstrap是一个用于快速开发web应用程序和网站的前端框架。 Bootstrap的优点。移动设备优先所有浏览器支持容易上手响应式设计内置组件基于web定制的开源 怎么使用BootstrapBootstrap官网提供了三种使用方式1.用于生产环境的 Bootstrap 编译并压缩后的 CSS、JavaS...
2018-07-20 08:59:34 344
原创 全面感知ES6
ES6有哪些新的东西1.扩展变量字符串数组对象函数解构赋值2.Map,Set两种数据解构 3.Promise 4.类 5.模块化 我会逐步在每个扩展上更新链接的,如果有兴趣的可以去看一下,如果上述代码有错误和不足,请评论或私信,我好及时改正。...
2018-06-13 20:34:03 321 1
原创 小程序实战开发(一)Promise封装request
wx.request是我们实际开发中很常用的一个东西但是我看到他第一个回忆起来的就是对异步的恐惧,还记得当年看得见抓不着的数据吗?还记得当年的回调地狱吗?onload: function () { wx.request({ url: 'https://api', // 接口地址 success: res => { console.log(...
2018-10-09 07:49:27 8231
原创 全面感知ES6(8)Class类
Class(类)ES6引入了Class,这个概念,作为对象的模板,通过Class定义类,新的Class写法只是让对象原型的写法更加清晰,更向对象编程的语法而已。ES6中类的基本用法就如下面这样。 class name{ constructor(name,age){ this.name = name; this.a...
2018-07-24 11:12:19 404
原创 Vue的10个生命周期钩子
什么是Vue的钩子每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会。怎么调用在实例生命周期的不同阶段被自动调用,不需要手动调用Vue的生命周期图示可以详细的看一下,对Vue的理解很有用...
2018-07-23 09:17:41 4700 1
原创 Bootstrap(四)列表组和附加导航
列表组普通列表组Ul添加类.list-group每一项li添加.list-group-item利用list-group-item-*给列表项设置预定义样式风格可以给列表项添加任何HTML内容列表项内容标题设置.list-group-item-heading列表项内容部分设置.list-group-item-text附加导航页面左侧或右侧的固定导航1.实现方法...
2018-07-20 09:40:40 1655
原创 Bootstrap(三)下拉菜单和分页器
下拉菜单用于显示连接裂变的可切换,有上下文的菜单下拉菜单中自定义属性的含义Data-* 触发器,操纵交互的aria-*和role类为不方便人士提供服务如屏幕阅读器aria-*一般表示行为,role当前的状态(separator为线)(disabled为禁用)<div class="container"> <div class="dropdown"...
2018-07-20 09:31:59 1776
原创 Bootstrap(二)栅格系统布局
Bootstrap为我们提供了两种布局。流体布局和固定布局。流体布局是按照百分比进行分配,平铺整个页面。固定布局是根据浏览器大小不同,固定尺寸不同,对应宽度不同,分为4个断点。>=1200 宽度为1170px>=920 宽度为970px>=768 宽度为750px<768 没有边距 栅格系统:什么是栅格系...
2018-07-20 09:15:01 985
原创 全面感知ES6(7)Promise
ES6中的Promise/* Promise 用途: 用来解决异步处理的 本质 把异步的写法变成同步, 实质还是异步的*/一些本质上的问题呢,我不是什么大牛,也理解的不是很透彻就不在这瞎比比了。Promise的常用用法做过数据请求的肯定知道,ajax分为异步和同步,但是为什么要这样分呢?/* 单个异步操作 ...
2018-06-24 20:21:39 271
原创 全面感知ES6(6)Map,Set数据解构
Map,Set两种数据解构我们首先来说 /* Set 特点: 数据不能重复,自带去重 属性: size 方法: add(value)添加某个值,返回Set结构本身 delete(value)删除某个...
2018-06-21 20:22:55 334
原创 全面感知ES6(5)解构赋值
ES6中的解构赋值解构 绝对不是 结构(拼音没有过8级的,绝对说不好这两个词的区别) /* 解构 分为 数组解构 对象解构 作用 更快速,更方便的从数组和对象中提取值。 规则 1...
2018-06-20 20:50:36 147
原创 全面感知ES6(4)函数的扩展
ES6中函数的扩展在ES6中,函数有新增了几个函数,分别是:/* 函数的扩展 箭头函数 生成器函数 * 异步函数(ES7)*/箭头函数的话,CSDN,博客园等一些专业性质的网站上都有很多人讲过,那我就不再多说了,生成器函数 生成器函数 中间可以暂停 ...
2018-06-18 20:30:31 169
原创 全面感知ES6(3)数组的扩展
ES6中数组的扩展继续更新比如数组的20个方法: /* 数组的方法 push 往数组中添加一个元素 unshift 向数组的开头添加一个元素,并返回新的长度 pop 用于删除最后一个元素并返回删除的元素 shift 用于删除第一个元素并返回第一个元素...
2018-06-14 20:18:31 139
原创 全面感知ES6(2)字符串的扩展
ES6中字符串的扩展最近不知道那个公司的那个面试官问起了这样一个面试题,请说出20个字符串的方法,少一个就算错,然后各大公司纷纷模仿了起来。然后我就很恐慌,已经离开学校那么久了,那些字符串的方法,数组的方法早就忘完了,没办法,只能从新记啊!整理的字符串比较常用和凑数量的方法,代码如下:/* 字符串方法: charAt:返回指定索引位置的字符 cha...
2018-06-14 19:54:29 165
原创 全面感知ES6(1)变量的扩展
ES6中的变量的扩展和var相比又有哪些区别呢?首先,让我们回想下var都有那些特点和缺点 /* var 声明变量的缺点: 1.可以重复声明 2.不能限制修改 3.没有块级作用域 特点: 有变量提升的功效 */想对比下,在让我们看下let的特点和缺点 /* le...
2018-06-13 21:09:58 189
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人