lifangAccount的博客

原创 vue3.0系列

原创 网络请求

1、xhrhttps://blog.csdn.net/z550449054/article/details/805386232、https://blog.csdn.net/yiyueqinghui/article/details/108827723

转载 前端路由

路由这个概念最先是后端出现的。在以前用模板引擎开发页面时，经常会看到这样http://hometown.xxx.edu.cn/bbs/forum.php有时还会有带`.asp`或`.html`的路径，这就是所谓的SSR(Server Side Render)，通过服务端渲染，直接返回页面。其响应过程是这样的1.浏览器发出请求2.服务器监听到80端口（或443）有请求过来，并解析url路径3.根据服务器的路由配置，返回相应信息（可以是 html 字串，也可以是 js...

原创 DNS相关

1、DNS工作机制：细节2、

原创 CDN全过程

1、为什么引入CDN2、CDN工作机制3、如何使用

原创 浏览器cookie

原创 前端调试工具

1、firebug2、web developer

原创 浏览器协商缓存及强缓存

参考：https://blog.csdn.net/qq_43271330/article/details/108335974

原创 脚手架

参考：https://blog.csdn.net/weixin_38788347/article/details/81239527https://www.cnblogs.com/zhangycun/p/12097752.html

原创 免费抓包工具whistle

http://wproxy.org/whistle/install.html

原创 js引擎的执行过程

原创 vue2.0 diff

原创 Redux

1、Fluxflux是facebook推出的一套前端应用架构模式，核心概念是单向数据流。包括三部分：action dispatcher storedispatcher用来dispatch信息分发及连接action和store。store会调用dispatcher的register方法，注册actiontype的回调函数。view会订阅store中的state，当state变化后，change回调被执行，在这个方法里可以修改状态刷新视图更新。当需要更新数据状态时，调用dispatche

原创 当前时间格式化

export function formatDate(date){let d = date || new Date(), m, day, h,mi;m = (d.getMonth() + 1) < 10 ?`0${(d.getMonth() + 1)}`:`${(d.getMonth() + 1)}`;day = d.getDate() < 10 ? `0${d.getDate()}`:`${d.getDate()}`;h = d.getHours() < 10 ?`0${

原创 vue环境变量

https://www.cnblogs.com/song-zmin/p/11818918.html1，关于文件名：必须以如下方式命名，不要乱起名，也无需专门手动控制加载哪个文件　　.env 全局默认配置文件，不论什么环境都会加载合并　　.env.development 开发环境下的配置文件　　.env.production 生产环境下的配置文件2，关于内容　　注意：属性名必须以VUE_APP_开头，比如VUE_APP_XXX3，关于文件的加载：　　根据启动命令vue会自.

原创 webpack

https://webpack.docschina.org/guides/asset-management/#loading-images1、加载cssnpm install --save-dev style-loader css-loadermodule: {+ rules: [+ {+ test: /\.css$/i,+ use: ['style-loader', 'css-loader'],+ },+ ],.

原创 浏览器进程

主进程插件进程GPU进程渲染进程：渲染线程；js引擎线程；eventloop线程；定时器线程；网络线程主进程 Browser Process负责浏览器界面的显示与交互。各个页面的管理,创建和销毁其他进程。网络的资源管理、下载等。第三方插件进程 Plugin Process每种类型的插件对应一个进程,仅当使用该插件时才创建。GPU 进程 GPU Process最多只有一个,用于 3D 绘制等渲染进程 Renderer Process称为浏览器渲染进.

原创 React之事件体系

1、react合成事件：React组件上声明的事件最终绑定到了document这个DOM节点上，而不是React组件对应的DOM节点；React以队列的方式，从触发事件的组件向父组件回溯，调用它们在JSX中声明的callback；React有一套自己的合成事件SyntheticEvent，不同类型的事件会构造不同的SyntheticEvent；React使用对象池来管理合成事件对象的创建和销毁，这样减少了垃圾的生成和新对象内存的分配，大大提高了性能；ReactEventLis..

原创 dom的事件体系

1、dom事件级别：dom0级 ：一个事件的处理程序只能对应一个函数dom2级：可以为特定对象的事件注册多个事件监听dom3级：2、事件流事件捕获阶段：事件从最上一级标签开始往下查找，直到捕获到事件目标(target)：window->document->html->body-> ... ->elementwindow是浏览器窗口，是bom的核心document是window的一个属性，BOM是浏览器对象模型，提供了一组独立于内容的对象，例如

原创 macbook上开启vue 80端口

浏览器默认占用80端口mac电脑中使用80端口，需要sudo权限超级管理员权限

原创 react setState更新流程-ReactDOM.render&this.setState

ReactDOM.render ->创建fiberRootNode及rootFiber并将两者关联->初始化updateQueue->创建Update来开启一次更新->将reactDOM.render的入参组件及callback放在update上update放入updateQueue中-》调度更新-》render阶段-》commit阶段-》this.setState->通过组件实例获取fiber节点-》获取优先级-》创建up.

原创 npm publish一个包

1、登录：https://www.npmjs.com/注册一个账号，填入账号，秘密，邮箱，邮箱会发邮件验证2、本地创建项目3、npm adduser4、执行 npm publish期间报错：ERR! code ENEEDAUTHnpm ERR! need auth auth required for publishingnpm ERR! need auth You need to authorize this machine using `npm adduser`npm...