- 博客(46)
- 收藏
- 关注
RSS订阅原创 tabel cell 是行内元素无法继承父元素宽高
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> .outer { width: 500px; height: 500px; background: aqua; ...
2019-07-31 19:06:48
722
转载 Echarts 1 基本环节搭建
1.导入Echarts2.scripts引用3.var myChart = echarts.init($("#e1")[0]);4.myChart.setOption(option)<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title...
2019-07-30 11:06:21
172
原创 千位格式化
function format(num) { num += ''; var arr = num.split(''); arr = arr.map((item, index) => { if ((index + 1) % 3 == 0 && (index + 1) != arr.length) { item += ','; re...
2019-07-23 22:44:11
119
原创 数组扁平化
var arr1 = [1,2,3,4,[5,6,[8]]]; function combine(arr){ var newArr = []; arr.forEach((item,index)=>{ if(typeof item == 'object'){ var temp = combine(item); newArr = newArr.concat...
2019-07-23 21:55:07
166
原创 数据解析 + 日期格式化
var str = "小明:80;小李:60"; var obj = objParse(str); var average = average(obj); function objParse(str) { var arr = str.split(";"); var obj = {}; arr.forEach((item) => { var key ...
2019-07-21 11:13:34
121
原创 计算范围内字符出现次数
countAll(21) function countAll(num){ var countAllNum = 0; for (var i = 1; i <= num; i++) { countAllNum+=countSingle(i); } console.log(countAllNum) return countAllNum; }...
2019-07-21 11:11:42
160
原创 面试 【中软-软通】
for in for of区别for in 会遍历所有属性包括静态属性和原型属性上的值for of 遍历属性 只遍历这个对象的键值对 <script type="text/javascript"> var arr = [1,2,3]; arr.b = 'ssssssssss' Array.prototype.c='xxxxxxxxxx' for (l...
2019-07-18 21:49:37
869
原创 关于一次面试总结[软通--中软]
父组件传递一个对象，子组件修改他，视图是否会刷新1.传输组 使用push 变化 返回的是新的数组对象2.传对象 只增加一个属性 不会改变 必须返回一个新的地址3.2的行为就像arr = [0,1]arr[3]=2这种形式是不可能刷新视图的...
2019-07-18 20:29:23
1853
原创 react导入图片方式 + webpack 绕坑
1.必须写在行内2.导入本地分为require 和 import推荐使用requirerequire能得到正确的地址 imgs/Pikachu.0cf77408.jpgimport拿到的是base64地址，视觉太难受<div style={{width:300,height:300,backgroundImage:'url(https://lc-gold-cdn.xitu.io...
2019-07-16 17:49:41
739
原创 再次认识 v-model
v-model —>:value=“variable” +@input=“variable=$event.target.value”---------------------------分割线-----------------------------------------------在父组件使用v-model A.监听 input B.绑定 variable<i...
2019-07-14 22:36:24
93
原创 nodeJS 中间件
const express = require('express')const {pre} = require('./listener')const app = express()app.use(pre);app.use("/app",(req,res)=>{ console.log("进入/app") res.end("中间件成功")})app.listen...
2019-07-13 22:53:36
425
原创 mobx autoRun computed 你学会了吗？
查了很多资料，关于mobx的autorun方法，在网上很少，自己写了这一篇在mobx里面autoRun基本上等同于watch了上面是一个mbxData的定义，就不写了。。。。。。let mbxData = new MobxData();autorun(() => { console.log("autorun") if (mbxData.quan) { ...
2019-07-13 19:08:54
2073
原创 mobx + immutable 注意要点
immutable对象操作完之后，本身不发生变化，但是，返回一个全新的对象此处我的goods是一个immutable对象必须返回一个新的goods才能刷新视图很明显，对于数组使用Map，Map会返回一个新数组，但是goods本身未改变，所以还需要把map返回的新数组返回给goods,才能刷新视图，所以，使用immutable还是有一些小细节需要注意...
2019-07-13 18:59:03
515
原创 watch computed data
datavue实例的数据源1computedvue实例的数据源2，computed里面的数据必须依赖data里面的数据，但是不可以与data里面的数据重复watch提供set监听 对data里的属性，和computed属性都可以监听watch可以监听computed里面的属性意义???computed 属性demo的get() {return someth...
2019-07-12 23:38:36
149
原创 VUE methods,computed,watch,钩子函数里面的函数里面的this到底都包含了那些东西
VUE里面能轻松对数据进行操作是他最大的优点最奇妙的东西之一就是他的this对象这个this到底是谁？这里是data部分 data: { firstName: "A", lastName: "B", fName_w:"A B", count:0 },这里是 computed...
2019-07-12 21:11:52
835
原创 immutable 比深拷贝更优秀的操作数据的方法
const { fromJS } = require('immutable');let imu = {a:1,b:[1,5,'5',{a:4,b:[1,5,6]}]};let imu_js = fromJS(imu);let imu_js_copy = imu_js;imu_js_copy = imu_js_copy.setIn(["a"],5);//返回新的对象才是immutable...
2019-07-12 17:34:41
330
转载 虚拟DOM原理简述
1.为什么需要虚拟DOMJS操作DOM速度很慢，但是内存的速度很快如何把DOM结构用JS对象表示出来，再用JS对象一次性修改DOM,成为了开发者的目标。2.什么是虚拟DOM用javascript对象可以很容易地表示DOM节点通过velement方法将当前js对象转换成DOM节点比如这种 var vdom = VElement('div', { 'id': 'container'...
2019-07-11 22:06:28
1486
原创 MOBX TODOLIST
目录结构数据源import {observable, action, computed, autorun} from "mobx";class MobxData{ @observable dataList = []; @observable computedData = 0; @observable var1 = 0; @observable var2...
2019-07-10 17:36:10
146
原创 原生手写双向绑定
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> 数量<input type="text" id="num"> 价格<input type="t...
2019-07-10 12:41:30
123
原创 H5新特性 存储之离线存储
声明使用离线存储在html里面声明manifest 属性，指定文件名<!DOCTYPE HTML><html manifest = "cache.manifest">...</html>1.CACHE:表示需要离线存储的资源列表，由于包含manifest文件的页面将被自动离线存储，所以不需要把页面自身也列出来。 2.NETWORK:表示在它下面列出...
2019-07-09 14:00:45
246
原创 面试题 异步处理
要求点击之后li元素的内容被替换<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <ul> <li src="./resource/1.txt...
2019-07-09 11:02:39
276
原创 数组去重 两种
第一种 var arr = [0,1,2,5,9,7,5,8,4,6,7,8,9,2]; var newArr = []; arr.forEach((item)=>{ if(newArr.indexOf(item) == -1){ //不存在就装进去 newArr.push(item); } }) console.log(newAr...
2019-07-08 20:18:59
109
原创 关于 event 对象 event 在函数内部可以直接读取
eventfunction ch(e){ console.log(e) var e = e||event; var text = e.target.value; a.b = text; console.log(a.b) } function ch(){ var e = e||event; console.log(e) var tex...
2019-07-08 19:34:47
284
原创 手写双向绑定
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> 输入1<input type="text" oninput="ch()"><br> 输入2...
2019-07-08 19:20:44
400
原创 面向对象思想 封装 + 继承 + 多态
面向对象目标：实现代码重用性、灵活性和扩展性特点：功能模块化，代码复用性号，易于维护怎样实现OOP## 对客观事实进行抽象## 一般实物存在一些特点和特定行为## 特点抽象成属性## 行为抽象成方法封装然后把属性和方法进行集成到一个实体中，这就是OOP的封装## OPP有三个特点：封装 继承 多态## 封装就是将客观实物的特点和行为抽象为属性和方法，集成到一个实体，这个...
2019-07-07 22:56:40
277
原创 Excution Context上下文 作用域链 全局作用域 函数作用域 块级作用域
EC,执行上下文（简称上下文）决定了Js执行过程中可以获取哪些变量、函数、数据先声明一下EC不等于作用域,先有上下文，再有作用域EC 执行上下文，决定了Js执行过程中可以获取哪些变量、函数、数据，一段程序可能被分割成许多不同的上下文，每一个上下文都会绑定一个变量对象（variable object），它就像一个容器，用来存储当前上下文中所有已定义或可获取的变量、函数等。位于最顶端或最外层的上下...
2019-07-07 18:58:56
267
原创 字面量的函数this指向 【不一定始终指向这个对象,this指向可以被修改】
var obj = { name:this.age, age: '1996', getNameFunc: function() { return this.name; //根据前一篇文章《this的指向问题》，这个this指向 obj } };重申一遍：字面量的属性都是私有的，也就是可以理解为块级作用域的存在，外部无法直接读取，必须通过字面量对象才能读取到...
2019-07-07 09:33:59
629
原创 let const 块级作用域 +禁止变量提升
1.变量提升：所有变量的声明会全部压入栈顶执行，也就是声明语句优先执行，统一设置为undefined2.块级作用域：ES5本身是没有块级作用域的，但是有私有作用域，需要使用自运行函数形成闭包，形成私有作用域，禁止外部读取内部变量；3.let const 这两个关键字就能够限制变量只作用在当前代码块,{}就是一个代码块，还可以让变量进入暂时性死区，防止变量提升...
2019-07-07 09:09:01
354
原创 verticla-align top 为什么能解决图片的对齐问题
1.图片是inline-block元素，有inline元素特性2.inline元素默认基线对齐3.把图片看成一个可以设置宽高的文本4.文本和当前line-box的基线对齐5.盒子的基线是margin-bottom6.对齐之后发现文本会在line-box的margin-bottom下面一些，所以出现了文本下沉的问题7.让文本盒line-box top对齐，文本就不会撑开line-box了...
2019-07-06 23:52:45
232
原创 原型与继承【七 Function】
Function所有的函数都是Function的实例，包括Function本身，Object,Array,Date等问题来了，怎么让一个函数成为自己的实例呢？？？function fun(){ return this.constructor}var a = new fun();失败了…...
2019-07-06 22:45:33
102
原创 原型与继承【六 prototype继承为什么要修正constructor】
function funA(){ } funA.prototype.A = "55555"; function funB(){ } funB.prototype.B = "66666"; var f2 = new funB(); funA.prototype = f2; // funA.prototype.constructor = funA; v...
2019-07-06 22:08:44
535
原创 原型与继承【五 字面量】
var variable = {a:1} console.log(variable)字面量对象的原型指针指向Object 和 函数一样的效果
2019-07-05 15:18:38
96
原创 原型与继承【四 __proto__ prototype 原理讲解】
知识点前瞻在javascript里引用类型都是对象对象是通过函数创建的(也可以是字面量的形式，但是字面量没有构造函数，也就不存在与构造函数相关的的原型链继承的问题了，但是可以通过Object.create()实现字面量的继承，这篇文章谈的都是构造函数创建的对象)，而函数又是另一种对象每个函数都有一个prototype每个对象都有一个__proto__demo1 认识 函数的原型属...
2019-07-05 14:58:05
184
原创 原型与继承【三 __proto__属性讲解(1) 】
function foo() { this.a = 5; } foo.prototype = { foo_prop: "foo val" }; function bar() {} var proto = new foo(); proto.bar_prop = "bar val"; /** * 构造函数的原型 bar.prototype ...
2019-07-05 13:55:42
475
原创 原型与继承 【二 通过Object.create实现继承】
var a = {a: 1}; // a ---> Object.prototype ---> nullvar b = Object.create(a);// b ---> a ---> Object.prototype ---> nullconsole.log(b.a); // 1 (继承而来)var c = Object.create(b);// ...
2019-07-05 11:00:25
150
原创 原型与继承【一 最基本的继承实现 通过prototype】
function father() { this.a = 1; this.b = 2; } let instance = new father(); father.prototype.b = 3; father.prototype.c = 4; console.log(instance)此时原型链指向{a:1, b:2} ---> {b:3, c:...
2019-07-05 10:31:28
152
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人