- 博客(23)
- 收藏
- 关注
RSS订阅转载 简单的订阅发布模式
const Vue = (function () { let uid = 0;// 消息管理员，用于存储订阅者并发布消息 class Dep { constructor () { this.id = uid++; // 设置ID，用于区分新watcher this.subs = []; // 存储订阅者的数组 ...
2019-05-25 17:05:25
474
转载 vue如何打包成库
一，创建一个组件在xxx目录下，所有的单个组件都以文件夹的形式存储，所有这里创建一个目录xxxx/ 在xxxx/目录下创建src/目录存储组件源码 在/xxxx目录下创建index.js文件对外提供对组件的引用 在xxx/xxxx/index.js下面代码导出整个组件 整合所有组件，对外导出，即一个完整的组件库// 导入组件，组件必须声明 nameimpor...
2019-05-11 11:39:12
3457
转载 高级js学习
一：自定义bind函数// 第一版 修改this指向，合并参数Function.prototype.bindFn = function bind(thisArg){ if(typeof this !== 'function'){ // 这里的this指的就是调用bindFn的方法，这里指的就是original方法，如果this不是一个方法那么直接抛出错误 throw...
2019-04-01 23:04:37
158
转载 webpack学习
一，output中filename：'[name].bundle.js'中的name属性取决于entry中定义的入口变量，例： entry: { app: './src/index.js', print: './src/print.js' }, output: { filename: '[name].bundle.js', //...
2019-04-01 23:04:17
256
转载 es6学习（三）
Class 的基本语法1，简介//定义类class Point { constructor(x, y) { this.x = x; this.y = y; } toString() { return '(' + this.x + ', ' + this.y + ')'; }}2，constructor 方法constructor方法...
2019-04-01 23:03:27
72
转载 纯CSS实现滚动进度条效果
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>电子票据个人应用</title> <style> body { position: relative; padding: 50px; f
2019-01-10 10:36:54
1121
转载 JavaScript 对象所有API解析
一：Object构造器的成员Object.prototype：该属性是所有对象的原型（包括 Object对象本身），语言中的其他对象正是通过对该属性上添加东西来实现它们之间的继承关系的。所以要小心使用。二：Objetc.prototype的成员Object.prototype.constructor：该属性指向用来构造该函数对象的构造器Object.prototype.const...
2018-12-27 15:24:35
138
原创 简单的箭头样式
<div class="a"><div class="b">美团红包</div><div class="c"></div></div>.a {display: flex; align-items: center;}.b {flex: 1;}.c { padding
2018-12-10 17:18:43
786
转载 es6学习（二）
Set 和 Map 数据结构1，Set：类似于数组，但是成员都是唯一的，可以用来去重增加变量的方法： add，在set看来两个对象都是不相等的， delete(value)删除某个值 has(value)判断有没有某个值 clear(value)清除整个set对象数组与set互相转换： const set = new Set(xxx数组)和[...xxxSet]，数组还可以用Array...
2018-11-06 14:14:14
96
翻译 es6学习（一）
一： let和constlet： let用法类似var，但是所声明的变量，只在let命令所在的代码块内有效。对于for循环，有两个作用域，设置循环变量的那部分是一个父作用域，而循环体内部是一个单独的子作用域，var变量在声明之前是undefined，let变量在声明之前是ReferenceError// var 的情况console.log(foo); // 输出undefinedv...
2018-10-26 15:42:19
305
转载 移动端rem学习
rem： 用来替换px的单位，在页面根元素设置大小后，每个rem就是页面根元素的大小，例：html {font-size: 12px;}h1 { font-size: 2rem; } /* 2 × 12px = 24px */p { font-size: 1.5rem;} /* 1.5 × 12px = 18px */div {width: 20rem;} /* 20 * 12px =...
2018-10-17 16:25:41
133
转载 import、require、export、module.exports使用理解
目前看到的有用到export的方法的地方：exports、module.exports， export、export default在一个node执行一个文件时，会给这个文件内生成一个exports和module对象，而module又有一个exports属性。他们之间的关系如下图，都指向一块{}内存区域。//utils.jslet a = 100;console.log(m...
2018-10-16 18:05:20
837
原创 React学习
一：创建react项目cnpm install -g create-react-app // 全局安装构建react项目的工具create-react-app xxx // 用工具创建名为xxx的react项目cd my-app && npm start // 进入项目并运行二：react元素渲染根元素： <div id="example">&...
2018-10-14 22:13:56
144
原创 cordova热更新插件cordova-hot-code-push学习
热更新插件地址：https://github.com/nordnet/cordova-hot-code-push准备工作：安装cordova hot code push客户端工具npm install -g cordova-hot-code-push-cli一、本地热更新开发1、创建一个新的测试demo工程并进入该项目2、添加热更新插件：cordova plugin add c...
2018-09-26 17:29:26
685
原创 js中call， apply， bind的自我心得
apply 和 call 的区别apply和call: apply和call作用相同，只是在传参上面有点小差别，两个方法一个是将调用函数中的参数放在一个数组中传过去，一个是一个一个传过去。 这里用apply方法做讲解，apply方法传入两个参数：一个是作为函数上下文的对象，指的是调用这个apply方法的函数，他的函数内部this由你传过来的对象代替了，另外一个是作为函数参数所组成的数组。实...
2018-09-26 14:29:12
142
原创 iview的Tree自定义数据
可以自定义显示的格式，但是children、expand等关键属性还是不能改变<template> <Tree :data="data5" :render="renderContent"></Tree></template><script> export default { data ()
2018-08-23 15:46:44
5592
2
原创 CSS3 学习（二）
CSS3 动画要创建CSS3动画，你将不得不了解@keyframes规则。@keyframes规则是创建动画。 @keyframes规则内指定一个CSS样式和动画将逐步从目前的样式更改为新的样式。例：@keyframes myfirst { 0% {background: red;} 25% {background: yellow;} 50% {background: blue;...
2018-08-23 09:07:56
154
原创 CSS3 学习（一）
CSS3 字体<style> @font-face{ font-family: myFirstFont; src: url(sansation_light.woff);} div{ font-family:myFirstFont;}</style>CSS3 border-image 属性指定作为div元素周围边框的图像...
2018-08-22 11:00:34
151
原创 HTML5新标签学习
HTML <abbr> 标签<abbr> 标签用来表示一个缩写词或者首字母缩略词，如"WWW"或者"NATO"。HTML <base> 标签<base> 标签为页面上的所有的相对链接规定默认 URL 或默认目标。HTML <bdo> 标签<bdo> 标签用来覆盖默认的文本方向（dir
2018-08-21 16:00:34
127
原创 H5学习
video：autoplay：如果出现该属性，则视频在就绪后马上播放。controls： 如果出现该属性，则向用户显示控件，比如播放按钮。height：设置视频播放器的高度。loop： 如果出现该属性，则当媒介文件完成播放后再次开始播放。preload：如果出现该属性，则视频在页面加载时进行加载，并预备播放。如果使用 "autoplay"，则忽略该属性。src：要播放的视频...
2018-08-16 17:41:01
411
原创 less学习（二）
LESS 重复检测.cont-main,.style { font-family: "Comic Sans MS"; font-size: 30px;}.cont-main{ font-size: 30px;}.cont:extend(.cont-main, .style) {}结果：由于第一项和第二项都匹配所以会产生两个重复的被扩展类.cont-main,...
2018-08-09 14:17:38
176
原创 less学习（一）
1.Less 嵌套规则.container{ h1{ font-size: 25px; color:#E45456; } p{ font-size: 25px; color:#3C7949; }}.container h1 { font-size: 25px; color: #E45456;}.contai...
2018-08-08 09:19:00
223
转载 Promise的基础用法
ES6规定，Promise对象是一个构造函数，用来生成Promise实例const promist = new Promise(function(resolve,reject){ if(/*异步操作成功*/){ resolve(value); }else{ reject(error); }})resolve函数的作用是，将Prom...
2018-07-18 14:22:41
456
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人