3 FBm2016

尚未进行身份认证

我要认证

君子终日乾乾,夕惕若厉,无咎 github地址:https://github.com/FBmm

等级
TA的排名 6w+

【前端性能优化】公共js库引入方式优化

在日常的开发中,我们经常会用到一些js的库比如 lodash、rxjs 等等,就 lodash 而言,比如我们要使用 lodash 的深拷贝 cloneDeep 方法,现在分别对比两种引入方式构建的速度与体积。测试的 webpack.config.js 配置const path = require('path');module.exports = { mode: 'development', devtool: 'inline-source-map', entry: './src/inde

2020-08-24 09:48:54

element-ui 树形列表 自定义图标

通过 css 替换树形列表收起子节点图标的 content// scss 代码/deep/ .el-table .el-table__expand-icon .el-icon-arrow-right:before { content: "\e6d9";}/deep/ .el-table .el-table__expand-icon--expanded { transform: rotate(0); .el-icon-arrow-right:before { content: "\

2020-08-05 19:34:06

Vue源码学习

Vue中的虚拟DOM的作用vue是数据驱动,数据发生变化则需要更新视图如果要更新视图,则必须进行dom操作但是因为浏览器标准把DOM设计的非常复杂(数据结构复杂)所以,频繁的dom操作非常消耗性能因此,虚拟DOM的作用就是提升DOM操作的性能既然要更新视图必须进行DOM操作,那么要提升性能,我们必须减少无效的DOM操作如何提升DOM操作性能?原理:通过对比数据变化,计算只需要更新的地方,用JS的计算换取DOM操作消耗的性能,尽量减少DOM操作实现:通过DOM-Diff算法计算需要更新的虚

2020-06-27 23:58:47

一些很有道理值得反复推敲的好句子

职业前端,一个让我沉迷的岗位前端,一个将一张张UI效果图变成一个个生动的项目的岗位一个将冰冷的后台数据转换为有趣的视觉享受的岗位你的职业不一定是你100%热爱的,但它一定不能是你厌恶的作者:千锋教育链接:https://www.zhihu.com/question/321208666/answer/738274807来源:知乎著作权归作者所有。商业转载请联系作者获得授权...

2020-04-15 18:25:12

网站黑白色调之filter属性

2020.4.4清明节全国哀悼,各大网站变成黑白色调,第一次访问CSDN时,看到头像竟然也变黑白色,当时以为是网站经过某种算法实现这种效果。当时感觉有点复杂,所以选择性跳过了这个问题哈哈。但是下午江哥(成都oppo前端大佬~~),突然提出一个问题,你们知道网站怎么实现黑白色吗?然后分享了现实原理,竟然一行代码。。。// 在html或body元素设置css属性filter: graysc...

2020-04-04 16:30:14

股票本质

犹太人“卖烧饼”中的炒股思维庄家是怎么拉升股价的有一个市场,有两个人在卖烧饼,有且只有两个人,我们称他们为烧饼甲、烧饼乙。他们的烧饼价格没有物价局监管,他们每个烧饼卖一元钱就可以保本(包括他们的劳动力价值),并且他们的烧饼数量一样多。这段时间,他们生意很不好,一个买烧饼的人都没有,甲说:“好无聊”,乙说:“我也好无聊”,此时看故事的你们也说:好无聊。这个时候的市场,我们就称之为不活跃!为了让大...

2020-03-20 00:02:23

egg.js + mongoose

实现 mongodb 数据库增删改查新建 egg 项目$ mkdir egg-mongoose-demo && cd egg-mongoose-demo$ npm init egg --type=simple$ npm i安装 egg-mongoosenpm i egg-mongoose --saveegg 配置// config\plugin.jsmod...

2020-03-08 15:58:25

爬虫介绍

爬虫百度百科网络爬虫是一种按照一定的规则,自动地抓取万维网信息的程序或者脚本。网络爬虫(又称网络蜘蛛,机器人),就是模拟客户端发送网络请求,接收请求响应,一种按照一定的规则,自动地抓取互联网信息的程序。只要浏览器能够做的事情,原则上,爬虫都能够做到。简单来说,爬虫就是自动从网络上收集信息的一种程序,复杂点来说,就是一整套关于数据请求、处理、存储的程序。原理发送请求 -> 接...

2020-01-23 16:42:10

vue报错 Avoid using non-primitive value as key, use string/number value instead.

问题原因1. v-for 循环时的 key 值是引用类型(对象或者数组)解决<!-- 检查这里的key --><el-option v-for="item in cities" :key="item.id" ...></el-option>3. v-model绑定的值 可能是数组对象或者或数组嵌套数组解决<!-- 检查这里的defaultV...

2019-12-09 10:26:14

vue报错 Property or method "***" is not defined on the instance but referenced but referenced during.

控制台报错信息Property or method "showData" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components,...

2019-12-04 11:16:41

es6、es7、es8、es9、es10各版本特性

es6(2015)let const模板字符串 (``)箭头函数 (() => {})函数参数默认值对象属性简写延展操作符 (…)Promise类 (class)模块化(import export)es7(2016)Array.prototype.includes()指数操作符(**)es8(2017)async/awaitObject.values(...

2019-12-02 16:58:48

js原型、原型链、原型链继承

每次面试都要被原型虐一次,写个帖子加深一下记忆。继承、原型、原型链概念首先要知道两个概念:几乎所有函数有 prototype 属性,几乎所有对象有 __proto__ 属性。(注意几乎所有这个词,例如:Obejct.create(null) 创建的对象没有任何属性)实例对象的 __proto__ 指向创建它构造函数的原型对象。console.log(Obejct.creat...

2019-11-22 19:12:16

浅谈 Object.prototype.toString.call()

浅谈 Object.prototype.toString.call()今天学习 vue 看 node_modules 源码,看到 shallow-clone、以及 clone-deep 时,isPlainObject() 方法源码中使用 Object.prototype.toString.call(o) === ‘[object Object]’ 判断 o 是否是对象。所以后面将自己的理解...

2019-11-20 16:52:58

vue + element-ui + axios + webpack + mock.js项目构建(简书前端)

vue仿简书博客该项目为vue仿简书前端静态模板,功能:实现登陆,主页,详情等模块;公共:封装header组件,svg-icon加载组件等;解决问题:web基本的布局,静态图标加载,路由,webpack打包,vue组件化等更新日志2019.8.11目前增加Mock实现登陆功能封装了axios拦截器等效果图登陆主页主详情...

2019-08-11 22:01:25

彻底理解cookie,session,token

彻底理解cookie,session,token发展史1、很久很久以前,Web 基本上就是文档的浏览而已, 既然是浏览,作为服务器, 不需要记录谁在某一段时间里都浏览了什么文档,每次请求都是一个新的HTTP协议, 就是请求加响应, 尤其是我不用记住是谁刚刚发了HTTP请求, 每个请求对我来说都是全新的。这段时间很嗨皮2、但是随着交互式Web应用的兴起,像在线购物网站,需要登录的网...

2019-07-24 22:43:38

git简易教程

新建代码库# 在当前目录新建一个Git代码库git init # 新建一个目录,将其初始化为Git代码库git init [project-name]#克隆项目和整个historygit clone [url]配置# 查看当前项目配置git config --list# 设置提交代码时的用户信息git config [--global] user.name "[nam...

2018-11-24 11:27:16

webpack执行npx webpack报错

报错信息npm ERR! code ENOLOCALnpm ERR! Could not install from "Files\nodejs\node_cache\_npx\11132" as it does not contain a package.json file.npm ERR! A complete log of this run can be found in:npm E...

2018-09-23 15:30:53

webpack入门

webapck是基于JavaScript 的静态模块打包工具。它可以将各式各样的静态资源根据依赖关系图打包压缩成一个或多个文件。但是webpack本身只支持javascript资源,我们可以通过配置loader打包其他类型的资源。

2018-09-23 15:14:33

从零开始学前端:javascript解析与执行过程

预处理(编译)创建一个词法环境,对所有声明的变量和函数(var 表达式和 function 声明)进行处理,并添加到词法环境中。词法环境将var创建的变量和声明方式创建的函数提到作用域最前面变量只进行声明,默认值为undefined函数则指向函数的一个引用变量console.log(a); // 控制台打印 undefinedconsole.log(b); // 控制台打印 u...

2018-09-19 16:13:02

js正则实例

javascript正则表达式匹配、替换、分组规则积累日期格式处理var dateStr = '2018-08-08';var res = dateStr.replace(/[\D]/g,"").slice(0,8).replace(/(\d{4}[\D]*)(\d{2}[\D]*)(\d{1,2}[\D]*)/,"$1/$2/$3");console.log(res)//...

2018-08-08 11:36:52

查看更多

勋章 我的勋章
  • 签到新秀
    签到新秀
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。