- 博客(22)
- 收藏
- 关注
RSS订阅原创 npm run dev报错 iview TypeError[ERR_INVALID_CALLBACK]: Callback must be a function
前言最近在iview官网克隆的那个ivew测试项目，克隆到本地之后，npm install下载完模块之后，powershell输入npm run dev发现控制台报了如下错误解决方法捣鼓了很久，发现是node 版本问题，node v10 以上 fs.write 的callback 是必须的，降低Node版本可解决。不安装node也可以，可以将webpack.dev.config.js和 webpack.prod.config.js 中的代码修改即可：给fs.write添加必要的callback函数
2020-05-11 21:15:48
459
转载 Iconfont(Unicode模式的使用）
前言最近在做一个webAPP的项目的时候，接触到iconfont，我们前端项目引入图标的方式要么是利用<img>标签，但这种方式使用起来不是很灵活，大小调节起来很麻烦，因此我们按照图标库官网上推荐的第一种unicode引用的方式，像调节字体一样调节图标，很方便。具体使用方式参考这篇文章：https://blog.csdn.net/laptoper/article/details/...
2020-05-04 22:26:20
1888
转载 页面加载时较长时间空白的可能原因
客户端方向1.JavaScript异常在头部加载js会阻塞页面渲染。资源的加载顺序决定页面逻辑是否能正常执行。2.客户端请求异常无效请求错误路径服务端方向1.反向代理服务器异常访问请求打到代理服务器上，代理服务器异常，无法正常解析路径等操作，导致资源加载异常。复制代码2.服务器异常服务器宕机，通常会报502错误。复制代码网络方向1.DNS解析异常DNS不能将域名转换...
2020-04-08 13:51:42
1360
原创 Node--Gulp基于流的自动化构建工具
什么是Gulp一个服务于前端的管道式构建系统Gulp是基于流的构建系统，我们可以通过对这些流的引导来创建构建过程，除了转译和缩码，还能做更多的事情。它有这些优点：易于使用：通过代码优于配置的策略，Gulp让简单的任务更简单，复杂的任务可管理构建快速： 利用Node.js流的威力，你可以快速的构建项目并减少频繁的IO操作。插件高质： Gulp严格的插件指南确保插件如你期望的那样简洁高效...
2020-04-06 21:40:33
217
原创 虚拟DOM的解读
前言我们知道virtual DOM的作用是为了避免直接操作DOM，因为直接操作DOM是一件很费性能的事情，但是虚拟DOM最后要渲染成真实的DOM，也是需要采用DOM操作的，那性能优化，优化在哪里？Virtual DOM原理用JS对象来模拟DOM对象我们知道相比于DOM对象，原生的JS对象操作起来会更简单，DOM节点的一些信息，我们都可以用JS对象来变现出来var element = ...
2020-04-06 21:38:41
186
原创 关于cookie和session的深究
前言接二连三受挫，想做一篇总结篇吧。cookie和session的区别cookie是客户端保持状态的方案，session是服务端保持状态的方案cookie是服务器在本地机器上存储的小段文本并随着每一个请求发送至同一个服务器。网络服务器用HTTP头向客户端发送cookies，在客户终端，浏览器解析这些cookies并将它们保存为一个本地文件，它会自动将同一服务器的任何请求缚上这些cookie...
2020-03-17 20:56:29
165
原创 Vue中的computed属性和nextTick方法
computedcomputed属性的实现原理Vue实例初始化时，给data的每个属性(dataKey)都添加getter和setter方法计算属性computed初始化时，提供的函数将作为对应属性(computedKey)的getter方法其中，computed属性采用函数式声明 computedKey: function(){ return this.dataKe...
2020-02-23 17:30:07
4789
转载 HTML中关于浮动的知识点
1.浮动原理：浮动在当前行，脱离原来文本，进入到新的一层（浮动层），然后在设定的方向（左右）移动，直到遇到父级盒子的边缘，或者其他浮动块的边缘停止2.浮动换行：当一行没有足够空间存放所有浮动块时，多出来的盒子会挤到下一行，然后按照设定的方向继续移动，直到遇到父级盒子的边缘或其他浮动块的边缘3.浮动坍塌：当父级盒子没有设置具体高度，并且子级浮动的情况下，父级的高度会丢失，就是浮动的坍塌。（导致与...
2020-02-14 23:02:00
449
原创 浏览器渲染过程
从键入url到页面显示发生了什么这个过程可以大致分为两个部分：网络通信和页面渲染。网络通信输入url按下回车之后，浏览器会去浏览器缓存中寻找该url的ip；没有的话去系统缓存中找，还是没有的话去路由器缓存中寻找；再没有就去系统host文件中找，还是没有最后只能去请求dns服务器，然后dns给一个ip给浏览器；浏览器根据这个IP地址，向服务器发送HTTP请求。HTTP经过传输层(TCP的三次握...
2020-02-13 16:07:13
151
原创 防抖与节流
前言你是否在日常开发中遇到一个问题，在滚动事件中需要做个复杂计算或者实现一个按钮的防二次点击操作。这些需求都可以通过函数防抖动来实现。尤其是第一个需求，如果在频繁的事件回调中做复杂计算，很有可能导致页面卡顿，不如将多次计算合并为一次计算，只在一个精确点做操作。PS：防抖和节流的作用都是防止函数多次调用。区别在于，假设一个用户一直触发这个函数，且每次触发函数的间隔小于wait，防抖的情况下只会...
2020-02-09 16:48:19
188
原创 Js中的函数
函数柯里化柯里化概念：只传递给函数一部分参数来调用它，让它返回一个函数去处理剩下的参数看一个例子：var add = function(x) { return function(y) { return x + y; };};var increment = add(1);var addTen = add(10);increment(2);// 3addTen(...
2020-02-06 16:49:53
222
原创 Http各个状态码的含义
状态码的含义http各个状态码的含义：由三位数字组成，第一位定义了状态码的类型2开头：（请求成功）表示成功处理了请求的状态代码200：（成功）服务器已成功处理了请求。通常，这表示服务器提供了请求的网页。201：（已创建）请求成功并且服务器创建了新的资源202：（已接受）服务器已接受请求，但尚未处理203：（非授权信息）服务器已成功处理了请求，但返回的信息可能来自另一资源。204：（...
2020-01-28 21:13:34
323
原创 几种常见的CSS布局
单列布局header,content和footer等宽的单列布局实现代码：<!DOCTYPE html><html><head> <title>test</title> <meta charset="UTF-8"> <meta name="viewport" content="wid...
2020-01-21 16:57:49
225
原创 https和http区别分析
前言纯面试需要而总结HTTPS和HTTP的区别主要如下https协议需要到ca申请证书，一般免费证书较少，因而需要一定费用。(但是现在在阿里云和腾讯云都可以免费从HTTP转HTTPS。会有免费的CA证书给你下载，时效为一年)http是超文本传输协议，信息是明文传输，https则是具有安全性的SSL加密传输协议。http和https使用的是完全不同的连接方式，用的端口也不一样，前者是80...
2020-01-20 16:55:29
361
原创 关于canvas元素和CSS中的flex属性
canvas元素解析什么是canvas？HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。画布是一个矩形区域，您可以控制其每一像素。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法创建canvas元素规定元素的 id、宽度和高度：<canvas id="myCanvas" width="200" height="100">&...
2020-01-19 16:41:10
872
原创 JavaScript中prototype解析
前言上一篇博客我们讲到关于JavaScript中this的解析，里面涉及到关于JavaScript中prototype的内容，讲的内容比较限定于this，对此专门做一篇完整一点的，只关于prototype的博文而与其相关的还有刷到一道前端笔试题跟其有关的关于prototype所有的 JavaScript 对象都会从一个prototype（原型对象）中继承属性和方法：Date 对象从 ...
2020-01-19 14:55:15
320
原创 JavaScript this解析
前言想码这篇博文的动力是源于刷了网易2020年正式批的前端笔试题，里面有一道涉及到关于JavaScript this的问题。由于这道题是我瞎蒙的，所以真正的解题思路是什么样的，我想真真正正了解一下。顺便全面地了解JavaScript的this不同环境中的this含义不一样全局中的this浏览器环境下在浏览器里，在全局范围内，this等价于window对象。用var声明一个变量和给th...
2020-01-19 01:13:01
165
原创 JavaScript基本知识
JavaScript前言JavaScript是一种运行在浏览器中的解释型的编程语言。在Web世界里，只有JavaScript能跨平台、跨浏览器驱动网页，与用户交互。JavaScript和ES6的区别ES6， 全称 ECMAScript 6.0 ，是 JavaScript 的下一个版本标准，2015.06 发版。ES6适应更复杂的应用；实现代码库之间的共享。目前只有chrome和firefo...
2020-01-17 16:18:48
188
原创 hexo categories和tags页面不显示解决办法，和给帖子中的代码块新增一键复制功能
解决hexo categories和tags页面不显示解决办法第一步 需要新建tags和categories页面在终端powershell下，确保此时是在hexo目录下，命令行输入hexo new page tags //新建tags页面然后会在hexo下的source目录看到tags文件夹，在index.md里输入---title: tagsdate: 2020-01-10 1...
2020-01-13 00:22:35
1807
原创 采用gitpages和hexo建立自己的个人博客
前言从开始搭建到完成，断断续续，毕竟自己也是照着别人的文章和官方文档再做，结果变成了搭建完，先优化主题，最后才开始写这篇博客。这其中还是有些坑需要记录一下第一步 准备工作首先确保自己的node.js已经安装好，而且环境变量配置好，有自己个人的github账户。接着在github上新建一个repository，命名为：你的github名称.github.io(下面是我的仓库名称) yinj...
2020-01-12 20:36:50
201
原创 网易2020前端正式批笔试题目解析
网易2020前端正式批笔试题目解析（待完善）第一题答案解析：实际上，这是浏览器的同源策略导致的问题：不允许JS访问跨域的Cookie。举个例子，现有网站A使用域名a.example.com，网站B使用域名b.example.com，如果希望在2个网站之间共享Cookie（浏览器可以将Cookie发送给服务器），那么在设置的Cookie的时候，必须设置domain为example.com。...
2020-01-11 22:36:40
1583
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人