- 博客(32)
- 资源 (4)
- 收藏
- 关注
RSS订阅
原创 前端开发常用插件（长期连载）
git ----- GitLens git合并插件js ----- Big.js, ramda.js, lodash, copy-to-clipboard, cuid, file-saver, filesize, js-base64, js-sha256,css ---- classnames,
2019-08-14 11:22:08
373
原创 js 面试题 - 编程题
1.var obj = { name: 'baidu', arr: ['a', 'b', 'c']}var obj2 = obj;var arr = obj.arr;obj2.arr = ['a', 'b', 'c', 'd'];obj2.name = 'inke';console.log(arr); console.log(obj.name);console.log(obj === obj2);console.log(obj.arr === obj2.arr);co
2020-12-25 11:06:46
317
原创 js乱序数组
面试题 - js乱序数组将此数组乱序var arr = [0,1,2,3,4,5,6];解决思路：随机生成索引，然后将原数组数据进行换位方案一var arr = [0,1,2,3,4,5,6]; var len = arr.length;for(var i=0;i<len;i++) { var index = Math.floor(Math.random()*(len-i)); var tem = arr[index]; arr[index] = ar
2020-12-23 14:18:16
164
原创 支付包小程序生成二维码 - 直接复制
api/qrcode.js//Core code comes from https://github.com/davidshimjs/qrcodejsvar QRCode;(function () { /** * Get the type by string length * * @private * @param {String} sText * @param {Number} nCorrectL
2020-12-21 16:27:14
337
转载 实现懒加载图片
<!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-UA-Compatible" content="ie=edge" /> <title>图片懒加
2020-12-21 16:16:21
145
原创 react diff算法
react diff 算法react 15diff 数据结构树结构关键计算点Diff 算法性能突破的关键点在于“分层对比”；类型一致的节点才有继续 Diff 的必要性；key 属性的设置，可以帮我们尽可能重用同一层级内的节点。react 16diff 数据结构链表结构， 每一个节点都存这上下文信息export type Fiber = { tag: TypeOfWork, // 类型 type: 'div', return: Fiber|null,
2020-12-21 16:13:28
209
1
原创 git 删除指定commit
找到提交记录如下：输入git命令：git rebase -i 1d6b81b138f89735265900b94fcd1ec39375e7b4 // 指定commitorgit rebase -i head~3 // 3 为最近几次提交记录用于删除多个commit按字母I键进入编辑模式，将需要删除的commit的pick改为drop，然后按esc退出编辑，：wq保存如图：再次执行git log命令，查看已提交记录，之前红色圈出的commit记录已被删除。推送远程：git p
2020-10-15 10:29:51
289
原创 ES6学习之let和const
在我们开发的时候，可能认为应该默认使用 let 而不是 var ，这种情况下，对于需要写保护的变量要使用 const。然而另一种做法日益普及：默认使用 const，只有当确实需要改变变量的值的时候才使用 let。这是因为大部分的变量的值在初始化后不应再改变，而预料之外的变量之的改变是很多 bug 的源头。我们来看下背后的是什么鬼！基础理论块级声明用于声明在指定块的作用域之外无法访问的变量。块级作用域存在于： 函数内部 块中(字符 { 和 } 之间的区域) let 和 const.
2020-07-27 14:20:16
106
原创 媲美阿里P7的前端技术架构图，你要不要试一试？
前言进阶是每一个程序员都要面对的问题。是转型到管理还是架构。都是需要自己去作出选择并朝着目标前进。-- 瞎说的！！！以上我自己的在迷糊。前端攻城狮该如何向前发展，如何拿到高薪？别的不说。首先技术得过关呀。今天梳理了一份技术进阶图。意在规划自己的进阶路线。大家可以结合自身制定自己的学习路线。进阶路线总揽ES6VueJSReactJSNodeJS前端安全开放平台移动端开发工程化自动化测试性能优化算法与数据结...
2020-07-24 16:58:58
1854
原创 React Hooks
前言今天我们来学习一下React在V16.8.0，发布的神器React Hooks。熟悉React的同学肯定知道我们在编写React应用会面临以下几个问题组件间状态难以复用复杂组件会变的非常难看和难以理解写class到吐这些问题在React Hooks出来之后将变的非常渺小，下面我们一起来学习下！什么示HooksHooks是一些可以让我们在函数组件里使用React state及生命周期等特性的函数。我们来看个栗子????Hooks写法import React, { useState }
2020-07-02 18:08:09
189
原创 前端电商 sku 的全排列算法
前端电商 sku 的全排列算法什么是sku聊聊常见的需求解决思路思路分解上代码什么是sku针对电商而言：1、SKU是指一款商品，每款都有出现一个SKU，便于电商品牌识别商品。2、一款商品多色，则是有多个SKU，例：一件衣服，有红色、白色、蓝色，则SKU编码也不相同，如相同则会出现混淆，发错货。SKU，定义为保存库存控制的最小可用单位，例如纺织品中一个SKU通常表示：规格、颜色、款式。 STOCK KEEP UNIT，这是客户拿到商品放到仓库后给商品编号,归类的一种方法。聊聊常见的需求我们有三个
2020-06-17 16:16:23
1727
3
原创 JavaScript 之 数据结构及算法(栈)
1. 栈的定义栈（stack）又名堆栈，它是一种运算受限的线性表。限定仅在表尾进行插入和删除操作的线性表。这一端被称为栈顶，相对地，把另一端称为栈底。向一个栈插入新元素又称作进栈、入栈或压栈，它是把新元素放到栈顶元素的上面，使之成为新的栈顶元素；从一个栈删除元素又称作出栈或退栈，它是把栈顶元素删除掉，使其相邻的元素成为新的栈顶元素。2. 上代码function Stack() { var items = []; // 使⽤数组存储数据 // push⽅法向栈⾥压⼊⼀个元素 this.push
2020-05-17 15:59:49
162
原创 js汉字转拼音加排序
`const test_arr = [{wordname:‘s’},{wordname:‘x’},{wordname:‘w’},{wordname:‘f’},{wordname:‘q’},{wordname:‘e’},{wordname:‘a’},{wordname:‘b’},{wordname:‘c’},{wordname:‘d’},...
2019-12-16 16:49:29
7276
原创 Node.js中package.json中^和~的区别
看截图1. ‘~’（波浪符号）:他会更新到当前minor version（也就是中间的那位数字）中最新的版本。放到我们的例子中就是：“react-dom”: “～16.11.0”，这个库会去匹配更新到16.11.x的最新版本，如果出了一个新的版本为16.12.0，则不会自动升级。波浪符号是曾经npm安装时候的默认 符号，现在已经变为了插入 ^符号。2. ‘^’（插入符号）: 这个符号就显得...
2019-11-20 10:47:07
635
原创 恢复 git reset掉的代码
场景描述：在日常开发中，我们经常会去git reset 代码，回滚到上一次commit, 但是在git reset，我们又需要将git reset的代码找回来，例如：我们有三条commit 记录commit 1commit 2commit 3，我们将 commit 1 reset掉了，剩下commit 2，commit 3，这个时候我们需要将 commit 1 找回来。操作流程...
2019-11-13 11:15:25
792
原创 javascript中数组的深拷贝的方法
1. 什么是浅拷贝在js当中，我们常常遇到数组复制的的情况，许多人一般都会使用“=”来直接把一个数组赋值给一个变量1 let a=[1,2,3];2 let b=a;3 console.log(b); //输出的是1,2,34 a[2]=0;5 console.log(b); //输出的是1,2,0把数组a用等号“=”的形式复制给变量b，这种就是js数组的浅拷贝。然而，正如上面...
2019-10-30 14:27:07
330
1
原创 There are multiple modules with names that only differ in casing. This can lead to unexpected behavi
There are multiple modules with names that only differ in casing.This can lead to unexpected behavior when compiling on a filesystem with other case-semantic.Use equal casing. Compare these module ...
2019-10-16 10:13:09
497
原创 深入React技术栈之setState详解
请看以下代码中问题：class Example extends Component { contructor () { super() this.state = { value: 0, index: 0 } } componentDidMount () { this.setState({value: this.state.va...
2019-09-24 17:25:11
140
原创 export 与 export default
export 与 export default 区别1.export与export default均可用于导出常量、函数、文件、模块;2. export与export default 导出后，引用区别1.export与export default均可用于导出常量、函数、文件、模块;a. export 如果导出多个常量、函数、文件、模块 ;b. export default 则默认导出一个常量...
2019-09-09 18:01:48
186
原创 Don't make functions within a loop.
先看一下翻译我们在for循环中使用了 function(){}, 或则是() => {}, 声名了函数。浏览器回报错。但不影响使用，会很不爽，所以建议使用，变量来代替function dummy() {return this.name_;}// Or: var dummy = function() {return this.name;};for (var i = 0; i<...
2019-08-29 16:59:42
3600
原创 拒绝执行内联事件处理程序，因为它违反了以下内容安全策略指令
Refused to execute inline event handler because it violates the following Content Security Policy directive: “script-src ‘self’ ‘unsafe-inline’ ‘unsafe-eval’ at.alicdn.com f.alicdn.com g.alicdn.com lo...
2019-05-27 09:35:14
5733
1
原创 React 中的 Component、PureComponent、无状态组件 之间的比较
React 中的 Component、PureComponent、无状态组件之间的比较
2019-05-07 16:20:22
849
转载 cookies、sessionStorage和localStorage解释及区别
HTML4的本地存储 cookie浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式，可以利用cookie,session等跟服务端进行数据交互。一、cookie和sessioncookie和session都是用来跟踪浏览器用户身份的会话方式。区别：1、保持状态：cookie保存在浏览器端，session保存在服务器端2、使用方式：（1）cookie机制：如果不在浏览器中设置...
2019-05-07 14:25:35
304
转载 js转换px与mm, cm
纸张宽度(毫米mm)： 纸张宽度(毫米cm)： function compute(t){var width=document.getElementById(“width”).value;var height=document.getElementById(“height”).value;console.log(“width:”+width)console.log(...
2019-05-06 16:10:59
4728
1
原创 箭头函数与普通函数的区别
箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式，一种只包含一个表达式，连{ … }和return都省略掉了。还有一种可以包含多条语句，这时候就不能省略{ … }和return。箭头函数是匿名函数，不能作为构造函数，不能使用new箭头函数不绑定arguments，取而代之用rest参数…解决箭头函数不绑定this，会捕获其所在的上下文的this值，作为自己的this值...
2019-05-06 15:34:49
378
原创 浏览器打印
window.document.body.innerHTML = window.document.getElementById(‘ReferenceForm’).innerHTML;window.print();window.location.reload();#ReferenceForm 的内容可以自定义布局等等
2019-05-06 13:59:34
692
原创 Django模型内置类Class Meta解读
通过一个内嵌类 “class Meta” 给你的 model 定义元数据, 类似下面这样:下面是所有可能用到的 Meta 选项. 没有一个选项是必需的. 是否添加 class Meta 到你的 model 完全是可选的：verbose_name_plural这个选项是指定，模型的复数形式是什么app_labelapp_label这个选项只在一种情况下使用，就是你的模型类不在默认的应用程序...
2019-04-28 11:45:23
630
原创 js中! 与！！的区别
！ 给一个变量取反。 true 取反(!true)，false,解读：true 的相反值未 false!! 给一个变量双重去翻，true 双重取反(!true) true解读： 先给 true 取反为 false, 在给false 取反为 true...
2019-04-25 17:11:07
362
原创 Class xxx has no 'objects' memberpylint(no-member)
vscode ,Class ‘Blog’ has no ‘objects’ memberpylint(no-member) 报错解决方案：在settings中设置 “python.linting.pylintArgs”: ["–load-plugins=pylint_django"]，如何还不行，pip install pylint-django，重新下载...
2019-04-22 10:05:21
5218
8
原创 mysql 高级
视图：创建视图： create view 视图名称（v_开头） as select 语句;查看视图： show tables;使用视图： select * from 视图名称删除视图： drop view 视图名称事物：四大特性（简称ACID），原子性（Atomicity），一致性（Consistency），隔离性（Isolation）， （Durability）开启事物： start...
2019-04-15 10:01:48
126
原创 mysql 基本操作
mysql 基本操作登陆数据库： mysql -u 用户名 -p || mysql -u 用户名 -p 密码退出数据库：exti / quit / ctrl+d提示操作数据库时一定要记得写 ；数据库本版号：select version();当前数据库时间 select now();显示当前数据库： show databases;创建数据库： create database 数据...
2019-04-15 09:59:17
145
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人