- 博客(106)
- 收藏
- 关注
RSS订阅转载 Node 跨域 CORS 模块
Node 跨域 CORS 模块只有 Web 才有跨域 CORS，移动端 iOS 与 Android 就没有，谁让 Web 能看源代码呢，沙盒机制也不如移动端健全。同源策略的限制：XmlHttpRequest 只允许请求当前源（域名、协议、端口）的资源，所以AJAX是不允许跨域的。相反就是跨域：如果想让XmlHttpRequest 按照自己意愿（域名、协议、端口）请求数据，那就需要跨域那为什么有同源策略限制？没有同源策略的话，资源（如HTTP头、Cookie、DOM、localStorage等
2020-07-30 21:03:52
820
原创 几个布局
一、三行布局1、老办法不管你是用calc还是直接写，本质都是固定定位Css部分<span style="font-family:Microsoft YaHei;"><style>html,body{ margin:0; padding:0; height:100%; overflow:hidden;}#top{ position:absolute;...
2019-09-07 15:22:38
191
原创 单例模式
单例要求一个类有且只有一个实例最简单的单例 var singleton = { attr : 1, method : function(){ return this.attr; } } var t1 = singleton ; var t2 = singleton ; t1 =...
2019-09-06 11:04:58
99
原创 按列取数组的最大值
var n = []; var arr = [[1, 3, 5], [4, 1, 6], [5, 3, 7], [3, 6, 0]]; for (var i = 0; i < 3; i++) { var m = []; for (var j = 0; j < 4; j++) { m.push(arr[j][i]); ...
2019-08-27 21:01:07
274
转载 前端渲染与后端渲染
前端渲染：指的是后端返回JSON数据，前端利用预先写的html模板，循环读取JSON数据，拼接字符串（es6的模板字符串特性大大减少了拼接字符串的的成本），并插入页面。好处：网络传输数据量小。不占用服务端运算资源（解析模板），模板在前端（很有可能仅部分在前端），改结构变交互都前端自己来了，改完自己调就行。坏处：前端耗时较多，对前端工作人员水平要求相对较高。前端代码较多，因为部分以前在后台处理...
2019-08-27 18:31:42
261
原创 原生js写promise函数
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script> /* *Promise实现思路 * ...
2019-08-27 10:23:26
985
原创 链表的反转js
function reverse( linkedList ){ var head = linkedList.head; // 如果只有一个节点 或者 是空链表 if( head === null || head.next === null ){ return; } var p = head; var q = p.next; ...
2019-08-26 10:45:15
442
转载 雪碧图的制作
雪碧图：多个图片集成在一个图片中的图使用雪碧图可以减少网络请求的次数，加快运行的速度。例如要使用下面的雪碧图：需要用到background-position属性代码示例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <style> ...
2019-08-26 10:28:47
203
原创 for in,for of,Object.keys()
for infor in一般用于遍历对象的属性；作用于数组的for in除了会遍历数组元素外，还会遍历自定义可枚举的属性，以及原型链上可枚举的属性；作用于数组的for in的遍历结果是数组的索引，且都为字符串型，不能用于运算；某些情况下，可能按照随机顺序遍历数组元素； Array.prototype.sayLength = function(){ console.lo...
2019-08-26 10:20:49
970
原创 Object.defineProperty()解析
深入浅出Object.defineProperty()在JavaScript中，对象的属性分为可枚举和不可枚举之分，它们是由属性的enumerable值决定的。可枚举性决定了这个属性能否被for…in查找遍历到。一、怎么判断属性是否可枚举js中基本包装类型的原型属性是不可枚举的，如Object, Array, Number等，如果你写出这样的代码遍历其中的属性：var num = new ...
2019-08-26 09:39:15
152
原创 关于Proxy
一、proxy的拦截操作精简版https://blog.csdn.net/qq_30100043/article/details/534429211 get()get方法用于拦截某个属性的读取操作。 上文已经有一个例子， 下面是另一个拦截读取操作的例子。var person = {name: " 张三 "};var proxy = new Proxy(person, {get: fu...
2019-08-25 11:45:43
205
原创 react源码解析
1、ReactDom.render()太难了：https://blog.csdn.net/cao_dan/article/details/81743393简化版：ReactDOM.render(）是渲染React组件并插入到DOM中的入口方法，它的执行流程大概为React.createElement(),创建ReactElement对象。他的重要的成员变量有type,key,ref,pr...
2019-08-24 21:58:44
148
原创 redux的好处，以及几个源码解析
一、为什么要使用redux，而不用state？redux主要用于状态管理使用Redux的主要优势之一是它可以帮你处理应用的共享状态。如果两个组件同时需要访问同一状态的现象称为“共享状态”。你可以将该状态提升到附近的父组件，但是如果该父组件在组件树中向上好几个组件的位置，那么将状态当做属性向下一个一个地传递，这项工作很快就会变得乏味。此外，在该父组件和该子组件之间的组件甚至根本不需要访问该状态！...
2019-08-24 18:15:26
2225
原创 react、redux、react-redux之间的关系
本文介绍了react、redux、react-redux之间的关系，分享给大家，也给自己留个笔记，具体如下：React一些小型项目，只使用 React 完全够用了，数据管理使用props、state即可，那什么时候需要引入Redux呢？ 当渲染一个组件的数据是通过props从父组件中获取时，通常情况下是 A --> B，但随着业务复杂度的增加，有可能是这样的：A --> B --&...
2019-08-24 17:58:56
302
转载 发布订阅模式介绍
发布---订阅模式又叫观察者模式，它定义了对象间的一种一对多的关系，让多个观察者对象同时监听某一个主题对象，当一个对象发生改变时，所有依赖于它的对象都将得到通知。现实生活中的发布-订阅模式； 比如小红最近在淘宝网上看上一双鞋子，但是呢 联系到卖家后，才发现这双鞋卖光了，但是小红对这双鞋又非常喜欢，所以呢联系卖家，问卖家什么时候有货，卖家告诉她，要等一个星期后才有货，卖家告诉小红，要是...
2019-08-24 12:22:22
975
原创 洗牌算法 js
如何测试洗牌程序Fisher–Yates shuffle 洗牌算法随机洗牌算法洗牌算法shuffle如何为德扑圈设计洗牌算法迭代步骤演示1.倒序循环这个数组2.取范围从1到n的随机数k3.k与n交换4.直到循环至数组的首个元素/** * Fisher–Yates shuffle */Array.prototype.shuffle = function() ...
2019-08-23 16:06:26
263
原创 伪类和伪元素
CSS的元素选择器除了根据id（#）、class（.）、属性（[ ]）选取元素以外，还有很重要的一类，就是根据元素的特殊状态来选取元素。它们就是伪类和伪元素。跟id选择器、类选择器、属性选择器以及派生选择器等等这些从HTML文档层次结构（DOM树）中获取元素不同的是，伪类和伪元素是预定义的、独立于文档元素的。它们获取元素的途径也不是基于id、class、属性这些基础的元素特征，而是在处于特殊状态的...
2019-08-23 15:28:57
178
原创 最大堆和最小堆
最大堆和最小堆 参考：https://blog.csdn.net/guoweimelon/article/details/50904346一、堆树的定义堆树的定义如下：（1）堆树是一颗完全二叉树；（2）堆树中某个节点的值总是不大于或不小于其孩子节点的值；（3）堆树中每个节点的子树都是堆树。当父节点的键值总是大于或等于任何一个子节点的键值时为最大堆。 当父节点的键值总是小于或...
2019-08-23 15:08:31
93
原创 valueOf()函数
valueOf()函数用于返回指定对象的原始值。该方法属于Object对象，由于所有的对象都"继承"了Object的对象实例，因此几乎所有的实例对象都可以使用该方法。所有主流浏览器均支持该函数。语法object.valueOf( )返回值valueOf()函数返回指定对象的原始值。JavaScript的许多内置对象都重写了该函数，以实现更适合自身的功能需要。因此，不同类型对...
2019-08-23 14:58:12
39660
1
原创 无语了，这也太难了
https://blog.csdn.net/bian_qing_quan11/article/details/74999463
2019-08-22 11:10:35
130
原创 react组件传值
1.父组件向子组件传值（通过props来传值，这种应用，很多时候我们某个组件在不同的地方用到，但是就只是内容不一样，这样在调用组件就是父组件的时候给各自自己的值就好）//子组件class Es6cComponent extends React.Component{ constructor(props){ super(props); } render()...
2019-08-21 20:45:41
167
原创 react组件的生命周期
菜鸟教程讲的挺好的：https://www.runoob.com/react/react-component-life-cycle.html
2019-08-21 19:55:15
102
原创 MVC，MVP，MVVM
https://www.jianshu.com/p/b0aab1ffad93https://segmentfault.com/a/1190000010748309https://segmentfault.com/a/1190000019991211
2019-08-21 16:11:02
76
转载 虚拟DOM与真实DOM比较
首先，Virtual DOM并没有完全实现DOM，即虚拟DOM和真正地DOM是不一样的，Virtual DOM最主要的还是保留了Element之间的层次关系和一些基本属性。因为真实DOM实在是太复杂，一个空的Element都复杂得能让你崩溃，并且几乎所有内容我根本不关心好吗。所以Virtual DOM里每一个Element实际上只有几个属性，即最重要的，最为有用的，并且没有那么多乱七八糟的引用，比...
2019-08-21 11:15:39
1531
原创 ajax，axios与fetch的区别
一、首先来看ajax和axios的实现1、axios 原理还是属于 XMLHttpRequest， 因此需要实现一个ajax。2、还需要但会一个promise对象来对结果进行处理。ajax实现（原生）var Ajax={ get: function(url, fn) { // XMLHttpRequest对象用于在后台与服务器交换数据 ...
2019-08-20 20:19:36
290
转载 了解gzip
**做了个个人vue项目，一上线首页加载时间10~20s，这加载速度简直不能忍。特别是一个chunk-vendors.js，大小达到了800k+，而且还要这个js载入完才显示首页图片。于是查了很多资料无外乎从这几点入手优化；1、路由懒加载2、gzip3、cdn4、图片的处理（css精灵这类的），总之就是把小图片弄到一起，达到减少请求的目的5、其他我看了看，感觉其实对于优化效果影响最...
2019-08-19 09:51:42
122
原创 文件上传
<!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-18 20:16:43
114
原创 symbol的应用场景
Symbol类型的应用 应用场景1：使用Symbol来作为对象属性名(key)在这之前，我们通常定义或访问对象的属性时都是使用字符串，比如下面的代码：let obj = { abc: 123, "hello": "world"}obj["abc"] // 123obj["hello"] // 'world'而现在，Symbol可同样用于对象属性的定义和访问：co...
2019-08-18 11:52:39
2925
4
转载 内存泄漏
内存泄漏：指一块被分配的内存既不能使用，又不能回收，直到浏览器进程结束。1、JS的回收机制JavaScript垃圾回收的机制很简单：找出不再使用的变量，然后释放掉其占用的内存，但是这个过程不是实时的，因为其开销比较大，所以垃圾回收系统（GC）会按照固定的时间间隔,周期性的执行。到底哪个变量是没有用的？所以垃圾收集器必须跟踪到底哪个变量没用，对于不再有用的变量打上标记，以备将来收回其内存。用...
2019-08-18 10:53:51
162
原创 垃圾回收机制
1. 概述JS的垃圾回收机制是为了以防内存泄漏，内存泄漏的含义就是当已经不需要某块内存时这块内存还存在着，垃圾回收机制就是间歇的不定期的寻找到不再使用的变量，并释放掉它们所指向的内存。C#、Java、JavaScript有自动垃圾回收机制，但c++和c就没有垃圾回收机制，也许是因为垃圾回收机制必须由一种平台来实现。在JS中，JS的执行环境会负责管理代码执行过程中使用的内存。2. 变...
2019-08-17 21:37:22
325
原创 数据类型转化
先介绍一下 typeof 的使用方法：typeof(mix) 或者 typeof mix其中 mix 可以是任何数据类型js有六种数据类型：五种简单数据类型，又叫基本数据类型，分别为：Number,String,Boolean,Null,Undefined；一种基本数据类型：...
2019-08-17 15:39:07
113
原创 token机制
一、什么是tokentoken的意思是“令牌”，是服务端生成的一串字符串，作为客户端进行请求的一个标识。当用户第一次登录后，服务器生成一个token并将此token返回给客户端，以后客户端只需带上这个token前来请求数据即可，无需再次带上用户名和密码。简单token的组成；uid(用户唯一的身份标识)、time(当前时间的时间戳)、sign(签名，token的前几位以哈希算法压缩的一定长度的...
2019-08-17 12:27:55
217
原创 CSS引入的三种方式
目的：为了把样式和内容分开，并且使网页元素更加丰富，引入了CSSCSS页面引入有三种方式：1）内联式：比较不常用，因为内容和样式仍然在一起，不方便。示例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title&l...
2019-08-16 19:38:49
707
转载 浏览器的渲染机制
了解浏览器如何进行加载，我们可以在引用外部样式文件，外部JS时，将它们放到合适的位置，是浏览器以最快的速度，将文件加载完毕。了解浏览器如何进行解析，我们可以在构建DOM结构，组织CSS选择器的时候，选择最优的写法，提高浏览器的解析速率。了解浏览器如何进行渲染，明白渲染的过程，我们在设置元素属性，编写JS文件时，可以减少“重绘”，“重新布局”的消耗。二 ： 要了解清楚渲染机制，要先弄明白...
2019-08-16 17:02:56
178
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人