- 博客(20)
- 资源 (3)
- 收藏
- 关注
RSS订阅
原创 this的指向-个人总结
##this 是什么理解this之前， 先纠正一个观点，this 既不指向函数自身，也不指函数的词法作用域。如果仅通过this的英文解释，太容易产生误导了。它实际是在函数被调用时才发生的绑定，也就是说this具体指向什么，取决于你是怎么调用的函数。##this 的四种绑定规则this的4种绑定规则分别是：默认绑定、隐式绑定、显示绑定、new 绑定。优先级从低到高。###默认绑定什么叫默认...
2019-12-24 16:51:19
149
原创 项目husky 配置
在提交之前检测当前分支是否已经合并最新的master分支代码。node_modules存在，否则需要执行依赖包安装。检查代码是否通过eslint husky的配置检测。
2024-04-24 09:24:57
96
原创 ReferenceError: require is not defined 或 import error
【代码】ReferenceError: require is not defined 或 import error。
2022-11-08 10:27:47
1850
原创 Vue项目启动内存溢出 js stack overflow
编辑profile文件，添加exportNODE_OPTIONS=“–max-old-space-size=8192”第二步新建node.cmd内容为node2.exe--max-old-space-size=4096%*@vue/cli-service/bin/vue-clie-service.js文件中的首行加入。第一步在node根目录下找到node.exe，将node.exe修改为node2.exe。第三步修改npm.cmd文件，将node.exe修改为node2.exe。......
2022-07-27 10:43:42
1642
原创 mongoDB安装及启动
将安装mongoDB目录下的bin目录地址“exportPATH=${PATH}/Users/macusername/data/mongodb/mongodb-macos-x86_64-5.0.9/bin”添加到环境变量中。启动命令mongod--dbpath=“数据存储目录”，这个目录是需要自己手动创建的，放哪里都可以，一般都和MongoDB的安装目录放放一起，新建一个data目录。如果单独执行mongod，会默认使用执行mongod命令所处磁盘根目录/data/db作为数据存储目录。......
2022-07-19 14:36:05
2100
原创 Redis安装
使用launchctl启动redisserver。使用配置文件启动redisserver。停止redisserver的自启动。以下命令即可关闭redis服务。redis配置文件的位置。设置redis服务后台启动。开机启动redis命令。启动、关闭redis。
2022-07-18 10:45:45
164
原创 浏览器文本换行及换行规则的CSS设置
浏览器自带的自动换行各浏览器自身都带有自动换行功能，当浏览器显示文本的时候会让文本在浏览器或者div元素的右端自动换行。换行情况如下：1.non-CJK：会在半角空格或者连字符(-)位置自动换行，不会在长单词的中间换行2.CJK(中日韩)：可以在任何一个CJK字体后换行3.CJK中包含non-CJK:non-CJK部分按 non-CJK情况处理进行换行处理4.CJK中含有标点符号时，浏览器不会让标点符号位于一个行的行首，会使标点符号和前一个字符组成一个整体进行换行。从上面可知，如果文本中存在换行
2022-07-12 18:41:14
1812
原创 content-visibility css新属性 优化长列表页面性能
content visibility CSS属性控制一个元素是否呈现它的内容，同时强制一组强大的容器，允许用户代理潜在地忽略大量的布局和呈现工作，直到需要它为止。基本上，它允许用户代理跳过元素的呈现工作（包括布局和绘制），直到需要时为止—这使得初始页面加载速度更快Values:visible没有效果。元素的内容按常规进行布局和呈现。hidden元素跳过其内容。跳过的内容不能被用户代理功能访问，例如在页面中查找、选项卡顺序导航等，也不能是可选的或可聚焦的。这类似于显示内容：无。auto元素打开
2021-06-25 10:51:52
298
原创 amis 数据链流
1.一般场景：{ type: 'page', data: { "title": "Test Page Component", "date": "2017-10-13" }, "body": [ { type: 'tpl', tpl: '${title}' } ]}2.Api获取data在同时配置 初始化接口 和 data属性 时，数据域将会合并data属性值和初始化接口返回的数据page.jso
2021-06-16 10:17:18
654
原创 HTTP 缓存机制一二三
前言Web 缓存大致可以分为：数据库缓存、服务器端缓存（代理服务器缓存、CDN 缓存）、浏览器缓存。浏览器缓存也包含很多内容： HTTP 缓存、indexDB、cookie、localstorage 等等。这里我们只讨论 HTTP 缓存相关内容。在具体了解 HTTP 缓存之前先来明确几个术语：缓存命中率：从缓存中得到数据的请求数与所有请求数的比率。理想状态是越高越好。过期内容：超过设置...
2019-12-24 16:56:46
108
原创 JavaScript 关系运算的隐式转化
一、前言JavaScript是一门弱类型的语言，他在声明变量的时候不需要指定类型，对变量赋值也没有类型的检测，所以js是非常的灵活的，但是有时候也会出现一些非常匪夷所思的问题。比如下面的例子console.log(1+'1');隐式类型转换就是指，数据的类型在不用人工干预的情况下进行转换的行为。在js中，当运算符在运算时，如果两边数据不统一，CPU就无法计算，这时我们编译器会自动将运算符...
2019-12-24 16:55:52
178
原创 require时，exports和module.exports的区别
一 、前言前端面试的时候经常会问到：require 的运行机制和缓存策略你了解吗？require 加载模块的是同步还是异步？谈谈你的理解；exports 和 module.exports 的区别是什么？require 加载模块的时候加载的究竟是什么？我自己之前对require也是理解的比较模糊，后面也没更加深入了解，现在看到一文章比较深入介绍的说了require的关键字，所以分享一...
2019-12-24 16:54:52
108
原创 从URL输入到页面展现到底发生什么？
原文：从 URL 输入到页面展现到底发生什么？作者：浪里行舟###前言工作里有时候想要对页面进行优化，或者页面出现问题，如何才能快速定位，这些都需要我们了解熟悉页面是如何被渲染出来的。其实在面试的时候有时候也会被问到一个网页是如何被渲染出来的，之前也去了解熟悉过，但是时间太久之后，又不太记得具体如何了，只记得大概是如何的。打开浏览器从输入网址到网页呈现在大家面前，背后到底发生了什么？经历怎...
2019-12-24 16:53:32
257
原创 摇树优化
Tree shaking 是一个术语，通常用于描述移除 JavaScript 上下文中的未引用代码(dead-code)。它依赖于 ES2015 模块系统中的静态结构特性，例如 import 和 export。这个术语和概念实际上是兴起于 ES2015 模块打包工具 rollup。webpack 2发行版内置了对ES2015模块（别名 harmony 模块）的支持以及未使用的模块导出检测。比...
2019-12-24 16:50:11
809
原创 javascript的高阶函数
简要描述：介绍JavaScript中的高阶函数，在 JavaScript 中，函数是一种特殊类型的对象，它们是 Function objects。将通过高阶函数的定义来展开介绍及实际中的应用高阶函数英文叫Higher-order function。那么什么是高阶函数？在数学和计算机科学中，高阶函数是至少满足下列一个条件的函数:接受一个或多个函数作为输入输出一个函数高阶函数可以理...
2019-12-24 16:48:06
260
原创 全排列算法---简单理解实现
全排列全排列算法实现方法：实现思路：递归法；把字符串分解成不再分状态，把不可再分状态作为结果返回，然后进行插入排序，层层结算，返回最终结果。 通过一个简单的例子来说明一下，比如字符abc,abc作为传入参数，由于其长度不为1，将其分解为a和bc,然后把bc递归，由于bc的长度依旧不是1， 将其分解为b和c然后将c继续作为参数成进行递归，由于此时已...
2019-06-10 09:32:40
155
原创 前端框架组件设计的个人理解
1. 子组件不做数据请求，只接受新获得的数据2. 于是父组件的状态变化子组件不需要去监听3. 当父组件发生状态变更的时候（比如点击按钮）由父组件负责调用请求数据的方法（action）4. action 从哪儿来？从 controller 或者 route 来所以完整的路径是这样的：1. 首先，路由获得初始数据（一次请求），数据向下传递，一直传递给子组件进行渲染2. 然后，在路由或是控制器添加请求数据
2017-08-31 17:23:02
432
原创 JavaScript 中的try catch finally
定义与用法：try/catch/finally 语句用于处理代码中可能出现的错误信息。 错误可能是语法错误，通常是程序员造成的编码错误或错别字。也 可能是拼写错误或语言中缺少的功能（可能由于浏览器差异）。 try语句允许我们定义在执行时进行错误测试的代码块。 catch 语句允许我们定义当 try 代码块发生错误时，所执行的代码块。 finally 语句在 try 和 catch 之后无论有
2017-08-10 17:45:37
329
原创 JS Array的属性和常用方法
数组的对象属性。(1) constructor: 返回对创建此对象的数组函数的引用。(2) length: 设置或返回数组中元素的数目。比较常用来对比数组的长度。(3) prototype: 用来向对象添加属性和方法。一般用于重写Array。数组的常用方法：(1) concat，连接两个或更多的数组，并返回结果。一般用来拼接多个数组，拼接之后的数组元素的排序是根据拼接的数组顺序及其内部元素的顺序排
2017-08-10 14:56:30
272
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人