随笔分类 - 知识梳理
摘要：探索Vue高阶组件 高阶组件(HOC)是 React 生态系统的常用词汇，React 中代码复用的主要方式就是使用高阶组件，并且这也是官方推荐的做法。而 Vue 中复用代码的主要方式是使用 mixins，并且在 Vue 中很少提到高阶组件的概念，这是因为在 Vue 中实现高阶组件并不像 React
阅读全文
摘要：深入虚拟DOM和DOM-diff 实现一下虚拟DOM 这个目录结构是用create-react-app脚手架直接生成的，也是为了方便编译调试 // 全局安装 npm i create-react-app -g // 生成项目 create-react-app dom-diff // 进入项目目录 c
阅读全文
摘要：Visual Studio Code 一款好用的IDE 集成开发工具 就是Eclipse啦，Visual Studio啦这类的工具。IDE (Integrated Development Environment) 集成开发环境 集成开发环境（简称IDE）软件是用于程序开发环境的应用程序，一般包括代码
阅读全文
摘要：webpack是什么 本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个
阅读全文
摘要：函数的节流 函数节流的原因 DOM操作操作比非DOM操作需要更多的内存和CPU时间比如 onresize事件处理程序DOM操作，高频率会让浏览器崩溃，解决这个问题可以用定时器对该函数进行节流 函数节流基本思想 每隔一段时间执行， 比如第一次调用函数，创建一个定时器，在指定时间隔执行代码，第二次调用函
阅读全文
摘要：在数学和计算机科学中，柯里化是一种将使用多个参数的一个函数转换成一系列使用一个参数的函数的技术。 命令式编程中“典型”的方法和过程都深深地根植于它们所在的环境中，通过状态、依赖和有效作用达成；纯函数与此相反，它与环境无关，只要我们愿意，可以在任何地方运行它 面向对象语言的问题是，它们永远都要随身携带
阅读全文
摘要：Promise 基本用法及实现原理 一、promise 是什么？ Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。Promise 是一个对象，从它可以获取异步操作的消息。 1.1、promise的两个特点： （1）对象的状态不受外界影响。Promise
阅读全文
摘要：dom操作查询一览表 获取id和属性 1、getElementById //获取id 返回一个给id属性值的元素节点对应对象 2、getElementsByTagName //获取比标签 返回一个对象数组，每个对象分别对应着文档有着给定标签的一个元素 3、getElementsByClassName
阅读全文
摘要：关于服务器部署方面完全小白，最近也想整一个服务器摸索一下，顺便搞个小项目练练手，于是整了一个服务器，小白日常记录： 一、小白篇 进入腾讯云服务器--实例 操作设备 mac 1.1、安装nginx和httpd ssh -p 22 root@IP 输入密码 进入根目录cd / 安装nginx和httpd
阅读全文
摘要：最近公司在招外面包，面试也是一项体力活，得所有的问题梳理一遍。你得理解更深入，希望能和被面试者一起探讨问题，通过面试能学到一些知识，疫情时期，招人不易，找工作也不容易呀！也是查了很多资料，若有整理不对之处欢迎纠正！ES5有几种方式可以实现继承？分别有哪些优缺点？1. 原型链继承 原型链继承的基本思想
阅读全文
摘要：数组定义了5个迭代方法和归并方法 上一篇总结数组的基础用法，感兴趣可以可以看之前总结： https://www.cnblogs.com/pikachuworld/p/12404521.html 今天主要总结一下ECMASCript5为数组定义了5个迭代方法和归并方法reduce()和reduceRg
阅读全文
摘要：js数组篇--常用方法 1、创建数组的2种方式 // 第一种创建方式 let colors= new Array() let colors= new Array(20) //length为20的数组 let colors= new Array('red', 'blue', 'green')//创建3
阅读全文
摘要：css篇——flex布局详解 --关于fle布局 常用的还是那几个属性flex-direction，justify-content，align-items，这两天重现翻阅动手都操作了一遍感觉收获不少，测试google浏览器现在系统整理一，如下： 一、Flex 布局是什么？ Flex 是 Flexib
阅读全文
摘要：dev.js const HOST = '"http://dev"' // const HOST_M = '"http://dev"' const GLOBAL_ENV = 1 module.exports = { env: { NODE_ENV: '"development"' }, define
阅读全文
摘要：查看所有分支 git branch -a 2、查看当前所在分支 git branch 3、删除本地的dev-2019分支 git branch -d dev-2019 4、删除远程的dev-2019分支 git push origin --delete dev-2019 5、打分支切换 git br
阅读全文
摘要：const path = require('path'); // const CleanWebpackPlugin = require('clean-webpack-plugin'); const {CleanWebpackPlugin} = require('clean-webpack-plugi
阅读全文
摘要：安装 brew install pyenv 查看当前版本 pyenv install --list 安装指定版本 pyenv install -v 3.7.4 Pyenv 的 versions 选项: pyenv versions --help 查看 pyenv 下都安装了哪些具体的版本 pyenv
阅读全文
摘要：一、 source map 现在，让我们来做一些调试，在 print.js 文件中生成一个错误： src/print.js 二、使用观察模式 三、用 webpack-dev-server webpack-dev-server 为你提供了一个简单的 web 服务器，并且能够实时重新加载(live re
阅读全文
摘要：项目接过来突然报这些被折磨死了：上网查各种奇怪的答案的都有还是没有解决 静下心挨个注释页面只剩导航切换了，还是报错我就纳闷了。 周末回家挨个注释， 项目重启，开发工具重启（为了去掉缓存之类的） 结果定位到每次滑倒下面一定距离，这个是猜你喜欢的那块分页的逻辑， 然后下滑请求接口注释就不报错了，后来请求
阅读全文
摘要：配置好上传的域名 上传的图片的域名后来更换了但是小程序后台没换，重新加下就好了。 灵感链接： https://developers.weixin.qq.com/community/develop/doc/00004449ea460025fde8f3ebb56c00
阅读全文
浙公网安备 33010602011771号