webFE
文章平均质量分 87
LynnWonderLu
https://github.com/LynnWonder
展开
-
webpack知识点与踩坑点
webpack知识点简介文章目录webpack知识点简介loadercss-loader style-loaderfile-loader url-loaderstyle-resources-loaderpluginHtmlWebpackPlugin配置多个html页面配置自定义模版有关于webpack 的dll文件dll文件是什么?(百度百科)vendors是什么关于process.env.NO...原创 2019-08-23 12:17:17 · 637 阅读 · 2 评论 -
学习笔记(10)
学习笔记(10)文章目录学习笔记(10)react组件的划分展示型组件展示型组件+容器型组件容器型组件展示型组件+容器型组件其他分类方法类与函数组件有状态与无状态组件纯组件与非纯组件promise关于promise.all的源码tcp三次握手的具体内容tcp四次挥手的具体内容注释如下js的event-loop事件循环机制cookie和session的区别cookie和session-IDsess...原创 2019-08-27 23:36:33 · 225 阅读 · 0 评论 -
http响应状态码
对于一些工作中用到的非常见状态码的整理,持续更新中文章目录http状态码2xx206含义断点续传references:HTTP 206 状态码http状态码2xx206含义206 Partial Content表示该服务器已经成功处理了部分 GET 请求。类似于 FlashGet 或者迅雷这类的 HTTP下载工具都是使用此类响应实现断点续传或者将一个大文档分解为多个下载段同时...原创 2019-09-20 15:30:19 · 613 阅读 · 0 评论 -
前端开发工作流程
学习部门岗位分类与职责熟悉部门内岗位分类和职责有利于我们开发中做好工作对接,分工细致明确,各级协调工作。具体步骤下面从8步介绍一个项目从评审到上线的全过程需求评审 :参与:项目经理、产品经理、UI、开发、测试目标:根据产品需求文档(PRD)评审产品需求,并确保项目组成员对用户需求的理解达成一致要求:①明确要做什么(需求概要)②明确为什么做(即此需求要解决的问题)③明确怎么...原创 2019-08-29 11:47:03 · 876 阅读 · 0 评论 -
前端埋点学习笔记
应用场景:数据埋点的发生场景便是在表层-UI层里,其作用是监控用户在UI层产生的行为。也就是用户对界面的操作。 基础认识:数据埋点我们可以分成两类,其一是页面统计,其二是行为统计。页面统计可以帮我们知晓某个页面被多少人访问了多少次。 行为统计是指用户在界面上的操作行为,应用最为广泛的便是按钮的点击次数。前端埋点的过程:1。埋点阶段:2。数据收集:解析、获取用户各种信息 将上步的...原创 2019-06-12 20:22:31 · 2707 阅读 · 0 评论 -
前端工程中常用的文件夹命名(扫盲帖)
readme.md:首先阅读 dist /:distribution,它通常包含编译后的软件 package.json:描述包 lib /:包含软件包的依赖关系 src /:包含包的源 test /:包含项目的测试 bin /:这些是在安装此软件包时添加到您的路径的文件npm是什么?npm是 JavaScript 世界的包管理工具,并且是 Node.js 平...原创 2019-05-27 20:03:03 · 6734 阅读 · 0 评论 -
前端工程化开发
前段时间对于前端工程化的理解尚停留在用gulp或者webpack自动构建的层次,但其实包括自己在做项目的过程中早就在践行「工程化」开发,以下结合一些博客以及自己的理解详述前端工程化开发的含义。文章目录前端工程化开发概念内容技术选型代码规范模块化开发,组件化开发模块管理自动化测试构建部署一点思考前端工程化开发references:浅析前端工程化个人对前端工程化的理解对前端工程化的理解...原创 2019-09-20 22:55:56 · 1702 阅读 · 0 评论 -
offsetWidth&offsetLeft详解
今天手写方格移动的时候遇到了一点问题,主要是针对el.style.left和el.offsetLeft无法区分,其实这个问题一直以来没有具体总结过,只在我的学习笔记(7)里面进行过一次不完全的概述,这次rearrange一下offsetWidth&offsetLeft详解文章目录offsetWidth&offsetLeft详解快捷位置和尺寸offsetWidth,clien...原创 2019-08-30 16:27:26 · 2294 阅读 · 0 评论 -
学习笔记(12)涉及 GPU 加速
best wishes for myself学习笔记(12)文章目录学习笔记(12)htmlinput & textarea区别如何让textarea变成富文本编辑器呢css如果不设置内边距和外边距,默认是什么状态呢?详解z-index和position的关系参与关系顺序规则定位规则默认值规则从父规则GPU加速如何开启GPU加速GPU加速优势浏览器渲染一个页面的步骤javascri...原创 2019-10-10 23:42:16 · 342 阅读 · 0 评论 -
HTML+CSS+JS实现拖动进度条以及点击进度增加的功能
HTML: <p class="progress"> <p class="progress_bar"> </p> <p class="progress_bg"></p> <p class="progress_btn"></p> <p class="text"&g...原创 2018-04-13 20:48:44 · 9110 阅读 · 3 评论 -
架构方面学习笔记(3)-前端架构设计
前端架构原创 2022-02-08 16:19:13 · 2042 阅读 · 0 评论 -
Vue2 compositon api & Vue 3
Vue2 compositon api & Vue3原创 2021-11-07 11:19:08 · 407 阅读 · 0 评论 -
http request handler 与 web 应用开发框架
http request handler 与 web 应用开发框架文章目录http request handler 与 web 应用开发框架express create server vs http.createServerevent handlerevent handler 是处理所有程序中接收到的输入事件的一个回调,通常是异步执行。js 中的 event handler 可以用来处理和验证用户输入、用户操作或浏览器操作。以 event handler 的概念对比,http request原创 2021-10-24 22:39:43 · 736 阅读 · 0 评论 -
webstorm 断点调试 tips
webstorm debug 记录文章目录webstorm debug 记录调试前端代码调试工具函数前置配置具体调试背景: ts 作为 js 的超集,我们常常用其来开发一些工具函数直接上传到 npm 使用,抑或是直接用来开发服务端,vscode 调试方便,网上教程也很多。这篇文章用来记录用 webstorm 调试的一些 tips调试前端代码调试工具函数前置配置webtorm Running and debugging TypeScriptnpm install ts-node --save原创 2020-09-17 11:47:44 · 2220 阅读 · 1 评论 -
CSS tips 整合
CSS tips文章目录CSS tipsposition 与 display:flex 冲突吗文字折行文字不折行,省略号显示css选择器优先级:css3常用关系选择器first-child vs first-of-type本文旨在记录本人开发过程中一些常用到的 css 配置2020/07/07 add 文字折行相关2020/08/10 add css 选择器 first-child 等position 与 display:flex 冲突吗结论: 只要不脱离文档流就不冲突即:如原创 2020-08-11 13:34:02 · 262 阅读 · 0 评论 -
FE 每周问题总结
JS每周问题总结原创 2020-04-20 00:48:10 · 1186 阅读 · 1 评论 -
react 问题整合
文章目录@[toc]react this 丢失问题业务逻辑思考react 16 生命周期废弃与新增关于受控与非受控关于新增对 componentWillReceiveProps getDerivedStateFromProps 派生 state 的滥用更好的解决方式完全可控的组件有 key 的完全不受控的组件使用 getDerivedStateFromProps使用 refs本文主要整合了自己在平常开发过程中遇到的一些 react 相关的问题的总结2020/06/17 add 业务逻辑思考原创 2020-07-05 21:16:26 · 164 阅读 · 0 评论 -
tips
tips文章目录tips概念类函数副作用原理类二维码扫码登陆原理概念类函数副作用函数副作用是指当调用函数时,除了返回函数值之外,还对主调用函数产生附加的影响。副作用的函数不仅仅只是返回了一个值,而且还做了其他的事情,比如:修改了一个变量直接修改数据结构设置一个对象的成员抛出一个异常或以一个错误终止打印到终端或读取用户输入读取或写入一个文件在屏幕上画图原理类二维码扫码登...原创 2019-10-15 11:37:04 · 196 阅读 · 0 评论