- 博客(16)
- 收藏
- 关注
原创 css工程化概述
css工程化概述 {ignore}css的问题类名冲突的问题当你写一个css类的时候,你是写全局的类呢,还是写多个层级选择后的类呢?你会发现,怎么都不好过深的层级不利于编写、阅读、压缩、复用过浅的层级容易导致类名冲突一旦样式多起来,这个问题就会变得越发严重,其实归根结底,就是类名冲突不好解决的问题重复样式这种问题就更普遍了,一些重复的样式值总是不断的出现在css代码中,维护起来极...
2020-02-26 12:45:54 295
原创 40 sinon spy间谍函数
sinon辅助我们进行前端测试。安装:npm install sinon -D引入: import sinon from ‘sinon’;spy 间谍函数const spy = sinon.spy();使用方法spy.called; 表示函数是否被调用,返回布尔值spy.callCount; 函数被调用的次数spy.calledOnce; 函数只被调...
2019-09-08 20:47:08 1106
原创 关于es6中import 中是否带花括号的问题
TestA.js文件中导出的东西是常量不能更改,如果更改不会渲染;但是在导出之前更改是可以实现数据的同步更新的let a = 10;export default a;//export default 后面不能接声明export let b = { n: 10, m: 20};export let c = 30;setInterval(function () { ...
2019-09-06 21:40:02 534
原创 防抖百度联想词
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> * { padding: 0; ma...
2019-09-04 09:40:41 174
原创 promise原理解析
Promise就是一个对象。(OK)承诺做某件事,然后成功了执行什么,失败了执行什么。 执行一段代码(执行一个函数),成功了执行另一段代码,失败了执行一段代码。一个Promise对象帮忙执行一个方法自动传入resolve和reject方法,resolve功能就是将状态置为成功,reject功能就是将状态置为失败。在原型上写入一个then方法,有俩参数,用户自定义的成功或失败。(庆功或帮养...
2019-09-03 22:48:21 371
原创 20v-slot指令插槽
slot作用是让组件可以正常的填写内容css部分 <style> .my-button { box-sizing: border-box; cursor: pointer; background: #fff; border: 1px solid #dcdfe6; color: #606266; tex...
2019-08-30 14:10:47 117
原创 17组件间通信
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
2019-08-29 23:57:05 64
原创 9.directive自定义vue指令
v-slice:11表示"11"表示传的参数为11".number"表示修饰符html:部分<div id="app"> <!-- :11表示传的参数 .number表示修饰符 --> <input type="text" v-slice:11.number="content...
2019-08-27 18:09:39 99
原创 ES7-Decorator装饰器
ES7-Decorator装饰器//张三let oInput = document.getElementById('inp');let oBtn = document.getElementById('btn');//装饰class@Skinclass Search { constructor() { this.keyValue = ''; } ...
2019-08-09 10:40:15 196
原创 HTML5:video
HTML5:video<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ht...
2019-08-06 20:36:40 169
原创 网络技术提升
网络技术提升localhost:5500 ----笔记<!–http://127.0.0.1:5500http://localhost:801. ajax ===> 封装ajax函数 ajax 用来请求资源 可以使页面局部刷新2. 网络的基础知识(1). 五层网络模型: 物理层 —》 数据链路层 ----》网络层—》 传输层—》 应用层duing 邓...
2019-06-28 22:12:20 120
原创 防抖百度搜索
防抖百度搜索<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{ padding: 0; ...
2019-06-28 18:06:37 234
原创 jQuery轮播图插件
轮播图插件在这里插入代码片(function ($) { function Swiper(options) { // 轮播图添加到的父级 this.wrap = options.wrap; // 轮播图片列表 this.imgList = options.imgList; // 轮播图片数量 ...
2019-06-13 22:15:15 305
原创 优化回调地狱
优化回调地狱// then (function () { return $.ajax({ url: 'https://easy-mock.com/mock/5c09f40d3c098813c612cce6/movie/power', type: 'POST', ...
2019-06-11 22:10:39 185
原创 回调地狱
回调地狱回调地狱详细代码回调地狱详细代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l...
2019-06-11 22:06:08 260
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人