- 博客(16)
- 收藏
- 关注
RSS订阅原创 笔记：杂记
1、实现一个深拷贝函数function deepClone(obj, hash = new WeakMap()) { //递归拷贝 if (obj instanceof RegExp) return new RegExp(obj); if (obj instanceof Date) return new Date(obj); if (obj === null || typ...
2019-08-09 11:32:05
84
原创 仿照vue实现双向数据绑定兼容IE6
vue的双向绑定原理：使用object.definproperty改写data数据属性的set内容，当属性发生更改时，set函数调用，通知vue组件绑定的watcher（一个组件一个watcher)，然后对相关试图进行刷新仿照这个思路，做了一下demo，因为vue依靠object.definproperty实现mvvm，由于ie不支持object.definproperty，所以vue不能兼容低...
2019-08-06 18:16:43
610
1
原创 数据结构：排序篇
算法可视化网站：https://visualgo.net/zh?tdsourcetag=s_pcqq_aiomsg1、选择排序思想：从左边开始，依次从未排序的所有值中选择最小的值放入左边2、冒泡排序思想：两两比较大数沉底3、插入排序思想：分为已排序和未排序的数据，依次把未排序的数据通过和已排序的数据的比较进行插入4、归并排序...
2019-08-02 09:58:57
115
原创 原生js+css 实现轮播图 完整代码
利用原生的js实现轮播图，可以添加到自己的UI库中，在以后的项目中对其进行修改然后添加到已有项目中。先写出css部分和html部分，直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>3</title></he...
2019-07-24 16:30:42
1640
原创 笔记：前端性能优化
通用的一些性能优化方法：1、减少网络请求数量（越少越好）例如：合并css文件合并js文件使用雪碧图2、减少文件体积（越小越好）通过压缩资源实现3、缓存（合理使用，避免重复请求）DNS缓存CDN部署与缓存http缓存总的目的还是减少网络请求，或者是提高网络请求速度4、异步请求按需加载：使用时生成，按需一次加载或分次按需加载首屏加载5、增加数据请求量按照贷款，...
2019-06-28 09:54:13
81
原创 笔记：2019年5月
关于更好地写出代码划分好的层次html，css，javascript不应该紧密耦合。使得显示问题的唯一来源应该是css，行为问题的唯一来源应该是javascript。应用和业务逻辑之间松散耦合的几条原则：（1）勿将event对象传给其他方法；只传来自event对象中所需的数据（2）任何可以在应用层面的动作都应该可以在不执行任何事件处理程序的情况下进行（3）任何时间处理程序都应...
2019-05-10 13:38:01
95
原创 笔记：2019年4月-有关vue
最近在做一个vue结合arrdio的桌面项目，记录一些其中的点1、跨组件传递值vue自带封装的on和on和on和emit，事件机制可以很好的解决这个问题。但是在项目中引入了一个Bus.js文件，长这个样子import Vue from 'vue'export default new Vue();就是用一个vue实例来当作桥梁，监听和发布事件。...
2019-05-06 11:04:17
112
原创 ionic：tabs在子页面中隐藏（终极武器）
问题描述：ionic4中tabs在进入二级页面时并不会隐藏，但我们往往需要其隐藏掉。思路：在试水百度的各种方法后，仍不见效，就有了以下的思路tabs在子页面的时候隐藏，那么子页面由路由进入后，地址url改变了，这可以用来区分是子页面还是tabs页面。根据页面，设置tab是否显示，display：none即可方法1：在子页面对tabs进行style设置方法2：在tabs页面对tabs根据ur...
2019-03-15 11:14:14
458
原创 JS：执行环境、作用域链、变量提升、this
重点：每一个函数都有自己的执行环境，每个执行环境都有一个与之关联的变量对象，环境中定义的变量和函数都保存在这个对象中。这个对象就是执行上下文对象：executionContextObj={ //变量对象 variableObject:{/*函数中的arguments对象，参数、内部的变量以及函数声明*/] //作用域 scopeChain:{/*variableObject以及所有父执...
2019-03-11 14:55:32
165
原创 笔记：2019年3月
1、内联元素留白问题在写小程序时，发现图片下方有留白的现象，问题解决方法有很多给外层元素加height属性给image加vertical-align属性，top，middle，bottom都可以用margin属性（不太建议）搜索问题之后发现html中内联元素也有留白的问题。（即两个display：inline或inline-block的元素之间）问题产生原因：两个内联元素如果之...
2019-03-07 15:22:02
95
原创 网页兼容性
BFC：添加链接描述块格式化上下文（Block Formatting Context，BFC） 是Web页面的可视化CSS渲染的一部分，是布局过程中生成块级盒子的区域，也是浮动元素与其他元素的交互限定区域。块格式化上下文对浮动定位（参见 float）与清除浮动（参见 clear）都很重要。浮动定位和清除浮动时只会应用于同一个BFC内的元素。浮动不会影响其它BFC中元素的布局，而清除浮动只能清除同...
2019-02-27 13:11:30
389
原创 css 垂直居中
1、利用display：table和display：table-cell；vertical-align: middle;·sa·效果
2019-02-27 11:05:59
93
原创 笔记：2019年2月
event.target中保存的是触发事件的DOM元素，通常用来与this比较来确定事件是不是由于冒泡而触发的。经常用于事件冒泡时处理事件委托。事件委托是利用事件冒牌，只指定一个事件处理程序就可以管理某一类事件。事件冒泡，就是从触发事件的元素开始向外层逐层传递，直到document层次。事件冒泡如： Title ...
2019-02-22 16:36:39
141
原创 《javascript高级程序设计》第六章 读书笔记 之 javascript对象的几种创建方式
本文首发于https://segmentfault.com/a/1190000017776314一、工厂模式工厂模式：使用字面量和object构造函数会有很多重复代码，在此基础上改进解决了多个相似对象的问题，但没有解决对象识别的问题（即怎样知道一个对象的类型）二、构造函数模式与工厂模式创建对象的不同之处：没有显示创建对象，直接将属性和方法赋给this对象，没有return语句。默认r...
2019-02-22 11:20:27
112
原创 《javascript高级程序设计》第六章 读书笔记 之 javascript继承的6种方法
本文首发于https://segmentfault.com/a/1190000017840651ECMAScript只支持实现继承，主要依靠原型链来实现。与实现继承对应的是接口继承，由于script中函数没有签名，所以无法实现接口继承。一、原型链基本思想：利用原型让一个引用类型继承另一个引用类型的属性和方法。构造函数、原型和实例的关系：每一个构造函数都有一个原型对象，原型对象都包含一个指向...
2019-02-22 11:12:41
136
原创 ionic3 ion-input进入页面自动获取焦点
本文首发于2018-4-23 https://segmentfault.com/a/1190000014357947在项目需求中，有需要用到输入框在进入这个页面的时候就自动定位获取这个输入框的焦点。查了许多资料，也问了ionic3的大神，现将知识点记录如下：1、能不能直接设置ion-input的属性值来达到自动获取焦点的目的使用autofocus=&quot;true&quot;属性值效果：⑴在网页端浏览...
2019-01-16 10:20:59
1781
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人