![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web项目
b7410852963
这个作者很懒,什么都没留下…
展开
-
JS 中的钩子(Hook)实现
转载 : https://juejin.im/post/6844904131602153485Hook 简介Hook 这个词很多人都听过,就算不知道,也直接或间接地用到过。它通常是系统或框架开放出来供上层应用开发者执行代码的一种方式。例如,Vue 的生命周期钩子,本质就是框架内部在对应时机调用了组件定义的钩子函数;此外,Webpack 所使用 tapable 更是将 hook 的应用发挥的淋漓尽致,tapable 最值得称赞的就是,它对 hook 做了很好的抽象和分类。Hook 的表现形式对.转载 2020-10-27 17:45:01 · 4826 阅读 · 0 评论 -
短视频小程序坑 分享
短视频小程序分享常见问题点赞图片显示webp 优化资源预加载可视范围 按照流播放常见问题点赞图片显示webp 优化资源预加载可视范围 按照流播放原创 2020-09-29 18:48:47 · 527 阅读 · 0 评论 -
简单看一下-微信文章 做了哪些优化
这里写目录标题目录前言JS 资源加载dns-prefetch (DNS 预解析)SEO信息上报 (图片模式)图片资源懒加载其他 CDN,接口请求,就不吹了哈目录前言为什么 要分析微信文章 ?微信文章 每天有大量的阅读量,而且 访问速度很快,想知道 他们做了那些优化JS 资源加载资源请求方面资源加载:一次 请求 加载了多个资源好处可能的问题资源合并 减少了请求 ,加快了页面渲染时间需要服务器支持服务端设置 缓存好处缺点资源原创 2020-08-27 18:36:04 · 198 阅读 · 0 评论 -
可视化之-JSON- function 二次绑定
function 的 二次绑定前言核心难点前言在 做 可视化的时候 ,我们的页面展示 全部是 是由JSON 处理来的 而组件 的 方法 都是写在组件内的 ,在布局复杂的JSON 里面去单独找方法 找数据,代码容易混乱结论 :事件系统 来进行 统一处理核心难点遍历数据中的所有functionfunction 参数获取插入 自定义 function// 1. 遍历所有的function const treeDay = (list, obj, id) => {原创 2020-08-11 16:51:55 · 188 阅读 · 0 评论 -
在我心中--(前端 备注知识点)
前端-备注知识点(一)浏览器端协议相关https (TLS / SSL)http2.0js防抖和节流浏览器端垃圾回收机制(二)服务器端(一)浏览器端协议相关https (TLS / SSL)http2.0js防抖和节流浏览器端垃圾回收机制(二)服务器端...原创 2020-06-17 14:04:28 · 189 阅读 · 0 评论 -
React项目 cdn引用
React项目 cdn引用怎么写一个一个cdn 引用的lib怎么创建一个hook为什么引用 三个js怎么写一个一个cdn 引用的lib怎么创建一个hook<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /><script src="https://cdn.bootcdn.net/ajax/libs/react/16.13.1/umd/react.product原创 2020-06-04 12:36:21 · 7962 阅读 · 0 评论 -
JS代码注释规范
JS代码注释规范基本参数基本参数@param @argument 指定参数名和说明来描述一个函数参数@returns 描述函数的返回值@author 指示代码的作者@deprecated 指示一个函数已经废弃,而且在将来的代码版本中将彻底删除。要避免使用这段代码@see 创建一个HTML链接,指向指定类的描述@version 指定发布版本@requires 创建一个HTML链接,指向这个类所需的指定类@throws @exception 描述函数可能抛出的异常的类型{@link} 创建转载 2020-06-02 19:00:16 · 1689 阅读 · 0 评论 -
React 学习之 Effect 问题
React 学习之 Effect 问题前言深入学习 ()useEffect 的常见问题前言记录一次Effect bug 引发的深入了解,线上 代码const pageInfo = ({orgFindpage,dispatch}) => { let fun4form = {}; const [form, upForm] = useState({...}); const fun = { async updateForm(){ const {current} =原创 2020-05-28 11:02:15 · 1657 阅读 · 0 评论 -
可视化项目搭建(流程)React
可视化项目搭建第一阶段第二阶段第三阶段第四阶段第一阶段基础核心建设构建基础组件库搭建拖拽 依赖项目(即 拖拖拽拽可以生成能用的开发 文件)构建依赖包(npm or cdn)可以下载可以依赖第二阶段根据基础库 扩展 高阶组件在基础库的基础上,构建组合组件模板对组合的模板进行二次封装 简易开发,上传到模板库(可以 按需加载)附属 到 拖拽项目 进行构建页面 和组件第三阶段项目自动化构建(类似 阿里的 飞冰)使用 前端桌面开发工具(Electron,new.j原创 2020-05-26 18:20:02 · 644 阅读 · 0 评论 -
React Hook 基础学习(一)
React Hook 基础学习前言熟悉API快问快答useEffectuseReduceruseMemo / useCallbackuseRef资料前言Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。Hook 允许我们按照代码的用途分离他们熟悉APIhook而外需要注意点useState一般来说,在函数退出后变量就会”消失”,而 state 中的变量会被 React 保留useE原创 2020-05-23 16:36:41 · 211 阅读 · 0 评论 -
拖拽表单-QLView(第一版)
拖拽表单-QLViewQLView起因需要解决的问题项目结构使用QLView起因受前同事触发,避免复写代码,打算写个拖拖拽拽的 项目 来进行 页面拼凑,完成项目开发,由于比较熟悉Vue 所以主要使用的是 Vuex + Vue + vuedraggable + view-design 完成需要解决的问题怎么保证数据一致行 - JSON怎么构建一个table ; 两种方案使用table 来处理,每个格子采用render 缺点是太复杂特别是嵌套的情况(舍弃)参考 栅格 来进行自定义划分原创 2020-05-19 17:25:59 · 378 阅读 · 0 评论 -
web-基本常识-----1-------缓存
缓存分类前言:之所以写这一类文章 主要是 对自己 的知识 梳理 总结,如果能帮助大家 当然更好html 标签缓存 设置服务端 nginx 缓存设置cdn 缓存设置浏览器缓存规则本地数据缓存 cookie ,localstorage,sesstionStorage,DB 等一:html 标签缓存...原创 2020-03-05 18:03:03 · 116 阅读 · 0 评论