- 博客(97)
- 收藏
- 关注
RSS订阅
原创 微前端的应用
我心目中的微前端大厂基本在使用的基于经验 自己的考虑（以 Vue 项目 为例子）1.路由加载异步加载2.数据同步3.变量隔离4.事件消息5.公共 方法的 提取暴露6. 环境配置7. SSR 项目关联大厂基本在使用的美团 https://tech.meituan.com/2019/12/26/meituan-bifrost.html阿里 https://qiankun.umijs.or...
2020-03-25 18:04:47
1363
1
原创 web-基本常识-----1-------缓存（进阶）
上一篇文章说了缓存 的基本东西， 但是没有什么实践的操作 ，这篇文章主要介绍 我在对这些缓存中的 使用场景 和大厂的使用场景cookie 淘宝案列验权，统计起因 ：在去年的时候 当初想做 淘宝客 使用node 爬取淘宝联盟的接口数据，发现 他们在做接口的时候做了 3次判断第一次：不传Cookie 接口返回 没有数据 同时set Cookie第二次：拿到set 的Cook...
2020-03-06 14:14:46
124
原创 web-基本常识-----1-------缓存
缓存分类前言：之所以写这一类文章 主要是 对自己 的知识 梳理 总结，如果能帮助大家 当然更好html 标签缓存 设置服务端 nginx 缓存设置cdn 缓存设置浏览器缓存规则本地数据缓存 cookie ,localstorage,sesstionStorage,DB 等一：html 标签缓存...
2020-03-05 18:03:03
112
原创 js-过滤数据，多层赋值
JS处理脏数据-深度遍历-多层赋值起因思路 - 比较 两个对象 的属性和值代码Demo起因由于后端数据的不可控 ，总会出现不按照约定的情况处理，影响前端数据思路 - 比较 两个对象 的属性和值1.基础属性满足 ？ 是,则进行值判断 ： 否，加入脏数据集合2. 单属性 最终值 类型判断 若未 string boolean number 断值3.判断值是否 undifind nul...
2018-11-16 12:38:13
1596
原创 Docker（学习）
Docker 学习1. 基础概念1.1 自问自答Docker 是什么？容器，快速轻量级的虚拟机Image 是什么？一个只读层被称为镜像，一个镜像是永久不会变的网络穿透（怎么和本机端口通讯）?Docker-compose 是什么？负责快速在集群中部署分布式应用dockerfile 怎么用 !!!!!!!基础镜像信息维护者信息镜像操作指令容器启动时执行指令底层实现怎么迁移到不同项目本地文件上传至docker容器获取容器ID docker ps -a
2021-11-04 14:39:16
292
原创 amqplib/callback_api 链接失败引出问题
amqplib/callback_api 链接失败引出问题Node 网络基础connect.jsdomain.jsnet.jsdns.jsNode 网络基础connect.jsConnect是一个框架，它使用被称为中间件的模块化组件，以可重用的方式实现web程序的逻辑。在Connect中，中间件组件是一个函数，它拦截HTTP服务器提供的请求和响应，执行逻辑，然后，或者结束响应，或者把它传递给下一个中间件组件。Connect用分配器把中间件“连接”在一起domain.js简化异步代码的异常处
2021-09-17 22:12:57
460
原创 JS执行 EL 表达式
目的： 执行 EL 表达式场景给定一个数据 获取内容 - 环境作用域 {a:1,b:{a:1},c:[{a:1},{b:2}]} ${a}=>1 ${a===1}=>false ${a===1 ?'是':'否'} => 是 // 对象数组类型 ${b}=>{a:1} ${c}=>[{a:1},{b:2}]方案1：模板字符串 不满足模板字符串，最终返回的字符串 ，不能满足我们的诉求方案2：自定义作用域链，执行返回f
2021-04-21 16:40:30
190
原创 TS总结
TS 总结参考：https://juejin.cn/post/6905913837715718152#heading-15为什么要用TS类型检测：可以在编译阶段就发现大部分错误，这总比在运行时候出错好便于重构：增加了代码的可读性和可维护性静态类型静态类型检查可以做到early fail，编写的代码即使没有被执行到，但是发生类型不匹配的时候，语言在编译阶段(解释执行也一样),可以在运行前发现静态类型对阅读代码是友好的，针对大型应用，方法很多，调用关系复杂，不可能每个函数都有人编写细致的
2021-03-30 14:58:03
169
原创 React cdn 引用 为什么要 ＜script type=‘text/babel‘＞＜/script＞
1. 关于一个 React.CreateElement 的思考<!-- * @Author: QL * @Date: 2020-11-18 11:19:32 * @LastEditTime: 2020-11-18 14:01:36 * @FilePath: /react-master/Users/ql/Downloads/index.html--><!DOCTYPE html><html lang="en"><head> <me
2020-11-18 15:27:02
4753
1
原创 开篇
开篇一个URL 请求到展示了界面 进过了那些流程一个URL 请求到展示了界面 进过了那些流程几乎每次面试 都会 问这些问题，能打出来 ，但是不深入。因此 做个加强版。cache 缓存，强缓存 协商缓存DNS 解析tcp/udpnginx / openresty 缓存验证cdn 缓存命中率 （缓存更新频率）回源浏览器 相关事件循环，消息队列微任务 ，宏任务进程 线程 协程渲染流程解析流程光栅化重绘 重排 合并堆 、栈内存 泄漏、内存膨
2020-11-09 15:40:10
113
转载 【前端工程化】 剖析npm的包管理机制（完整版）
现如今，前端开发的同学已经离不开npm这个包管理工具，其优秀的包版本管理机制承载了整个繁荣发展的NodeJS社区，理解其内部机制非常有利于加深我们对模块开发的理解、各项前端工程化的配置以加快我们排查问题（相信不少同学收到过各种依赖问题的困扰）的速度。本文从三个角度：package.json、版本管理、依赖安装结合具体实例对npm的包管理机制进行了详细分析。一、剖析 package.json在Node.js中，模块是一个库或框架，也是一个Node.js项目。Node....
2020-10-28 13:49:44
1135
转载 JS 中的钩子（Hook）实现
转载 : https://juejin.im/post/6844904131602153485Hook 简介Hook 这个词很多人都听过，就算不知道，也直接或间接地用到过。它通常是系统或框架开放出来供上层应用开发者执行代码的一种方式。例如，Vue 的生命周期钩子，本质就是框架内部在对应时机调用了组件定义的钩子函数；此外，Webpack 所使用 tapable 更是将 hook 的应用发挥的淋漓尽致，tapable 最值得称赞的就是，它对 hook 做了很好的抽象和分类。Hook 的表现形式对.
2020-10-27 17:45:01
4758
原创 手写一个小程序开发工具(可以写 插件 可以写 小程序)
手写一个小程序插件开发工具手写一个小程序插件开发工具需要了解的技术语法糖映射关系手写一个小程序插件开发工具需要了解的技术ASTGulpBabelUmdParse5Postcss而外的EslintPrettierVue引用到的包{ "@babel/core": "^7.11.6", "@babel/plugin-transform-runtime": "^7.11.5", "@babel/preset-env": "^7.11.5", "e
2020-10-14 16:30:48
264
原创 js code注释
终究还是找到了一个自动获得参数名称添加注释的快捷方法，现在分享给大家：“/**”+“enter”，描述出来意思就是: 左斜杠加两个星号加回车键
2020-10-09 13:12:22
408
原创 短视频小程序坑 分享
短视频小程序分享常见问题点赞图片显示webp 优化资源预加载可视范围 按照流播放常见问题点赞图片显示webp 优化资源预加载可视范围 按照流播放
2020-09-29 18:48:47
505
原创 简单看一下-微信文章 做了哪些优化
这里写目录标题目录前言JS 资源加载dns-prefetch (DNS 预解析)SEO信息上报 （图片模式）图片资源懒加载其他 CDN,接口请求，就不吹了哈目录前言为什么 要分析微信文章 ？微信文章 每天有大量的阅读量，而且 访问速度很快，想知道 他们做了那些优化JS 资源加载资源请求方面资源加载：一次 请求 加载了多个资源好处可能的问题资源合并 减少了请求 ，加快了页面渲染时间需要服务器支持服务端设置 缓存好处缺点资源
2020-08-27 18:36:04
195
原创 可视化之-JSON- function 二次绑定
function 的 二次绑定前言核心难点前言在 做 可视化的时候 ，我们的页面展示 全部是 是由JSON 处理来的 而组件 的 方法 都是写在组件内的 ，在布局复杂的JSON 里面去单独找方法 找数据，代码容易混乱结论 ：事件系统 来进行 统一处理核心难点遍历数据中的所有functionfunction 参数获取插入 自定义 function// 1. 遍历所有的function const treeDay = (list, obj, id) => {
2020-08-11 16:51:55
167
转载 JS 常用正则
一、校验数字的js正则表达式1 数字：^[0-9]*$2 n位的数字：^\d{n}$3 至少n位的数字：^\d{n,}$4 m-n位的数字：^\d{m,n}$5 零和非零开头的数字：^(0|[1-9][0-9]*)$6 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$7 带1-2位小数的正数或负数：^(\-)?\d+(\.\d{1,2})?$8 正数、负数、和小数：^(\-|\+)?\d+(\.\d+)?$9...
2020-07-08 17:35:34
651
原创 在我心中--(前端 备注知识点)
前端-备注知识点（一）浏览器端协议相关https (TLS / SSL)http2.0js防抖和节流浏览器端垃圾回收机制（二）服务器端（一）浏览器端协议相关https (TLS / SSL)http2.0js防抖和节流浏览器端垃圾回收机制（二）服务器端...
2020-06-17 14:04:28
185
转载 需要知道的几类npm依赖包管理
你需要知道的几类npm依赖包管理在一个Node.js项目中，package.json几乎是一个必须的文件，它的主要作用就是管理项目中所使用到的外部依赖包，同时它也是npm命令的入口文件。npm 目前支持以下几类依赖包管理：dependenciesdevDependenciespeerDependenciesoptionalDependenciesbundledDependencies / bundleDependencies如果你想使用哪种依赖管理，那么你可以将它放在package.j
2020-06-04 15:03:40
259
原创 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
7919
转载 JS代码注释规范
JS代码注释规范基本参数基本参数@param @argument 指定参数名和说明来描述一个函数参数@returns 描述函数的返回值@author 指示代码的作者@deprecated 指示一个函数已经废弃，而且在将来的代码版本中将彻底删除。要避免使用这段代码@see 创建一个HTML链接，指向指定类的描述@version 指定发布版本@requires 创建一个HTML链接，指向这个类所需的指定类@throws @exception 描述函数可能抛出的异常的类型{@link} 创建
2020-06-02 19:00:16
1650
原创 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
1647
原创 可视化项目搭建（流程）React
可视化项目搭建第一阶段第二阶段第三阶段第四阶段第一阶段基础核心建设构建基础组件库搭建拖拽 依赖项目（即 拖拖拽拽可以生成能用的开发 文件）构建依赖包（npm or cdn）可以下载可以依赖第二阶段根据基础库 扩展 高阶组件在基础库的基础上，构建组合组件模板对组合的模板进行二次封装 简易开发，上传到模板库（可以 按需加载）附属 到 拖拽项目 进行构建页面 和组件第三阶段项目自动化构建（类似 阿里的 飞冰）使用 前端桌面开发工具（Electron，new.j
2020-05-26 18:20:02
637
原创 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
203
原创 拖拽表单-QLView（第一版）
拖拽表单-QLViewQLView起因需要解决的问题项目结构使用QLView起因受前同事触发，避免复写代码，打算写个拖拖拽拽的 项目 来进行 页面拼凑，完成项目开发，由于比较熟悉Vue 所以主要使用的是 Vuex + Vue + vuedraggable + view-design 完成需要解决的问题怎么保证数据一致行 - JSON怎么构建一个table ; 两种方案使用table 来处理，每个格子采用render 缺点是太复杂特别是嵌套的情况（舍弃）参考 栅格 来进行自定义划分
2020-05-19 17:25:59
368
转载 当IE低于11时跳到升级提示页
国产浏览器大多是双内核，甚至是三内核。一个Chromium内核，也就是Chrome使用的内核，切换到这个内核的模式一般叫极速模式；一个IE内核，称之为IE模式；有的甚至还有一个修改过的IE内核，称之为兼容模式。这些浏览器这样做的原因是国内还有大量为IE浏览器量身定做的网站，为了兼容这些网站，不默认启用极速模式，而是根据代码判断选择IE模式或者兼容模式或者极速模式。问题在于，浏览器自动选择...
2020-05-05 20:44:33
908
原创 腾讯 TRTC Web SDK 的应用实践
核心是看文档哦文档新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入文档参考：https://trtc-12...
2020-04-28 09:24:06
4066
原创 在我心中---Node经典问题(具体用的时候再去深入了解一些吧)
Node 经典问题必问（一） EventLoop（二）进程 和线程 ，线程通信（三） 高并发（四）process.nextTick 的 基本原理和运行方式必问（一） EventLoop（二）进程 和线程 ，线程通信（三） 高并发（四）process.nextTick 的 基本原理和运行方式...
2020-04-23 09:47:58
130
原创 在我心中---Vue 源码解读（明天继续写吧）
Vue 源码解读-2.6.11Vue 基础原理new Vue 做了什么各种初始化初始化 $mount("#app") 做了什么data 值是怎么绑定的呢生命周期 是怎么绑定的，各个阶段都在干什么数据绑定是怎么实现的事件绑定是怎么实现的虚拟Dom 干了啥Vue 基础原理new Vue 做了什么各种初始化初始化流程描述initLifecycle初始化生命周期init...
2020-04-09 15:48:44
185
原创 在我心中---css经典问题
css经典问题布局（一）圣杯布局、双飞翼布局（二）上下高度固定，中间自适应（三）垂直剧中CSS 常见问题（一）CSS优先级算法如何计算（二）src与href的区别（三）box-sizing 盒子模型（四）清除浮动（五）块级元素、行内元素（六）CSS3有哪些新特性（七）margin 折叠布局（一）圣杯布局、双飞翼布局圣杯布局 <div class="box"> ...
2020-04-07 15:22:08
111
原创 一个要做全站的男人 ---001 -- SpringBoot 搭建
第一技能： 接触idea 第一技能是 live Templete 这个功能简而言之 就是对常用方法进行 快捷键封装第二技能：springboot 搭建设置：springboot 基础maven配置 org.springframework.boot spring-boot-starter-parent
2017-08-16 22:53:17
301
原创 缓存加载 新思路 localStorage
JS 丢在Html 进行异步多方加载，替代 JS+CSS Md5 值 （代码是微信的哦）var Loader = (function () { function Loader(options) { this.options = options; if (this.options.stylesheets) {
2017-03-24 10:37:56
521
原创 前端获取QQ音乐（mp3+m4a）
前言：这个本来不是我的需求，我起因是打算用nw.js 写个桌面应用show一下技能，发现其他的都好写 但是我没有资源，新闻类的太简单了，视频呢又感觉不好弄，算了弄音乐吧，每天都在听QQ音乐，算了，就他了，技术涉及：JSONP一：获取mp3 路径可能是qq团队测试太自信了 ，这是上面鬼，有个mp3？可以播放吗？果断点击，插真的能播放，好吧，内容里看看具体在哪儿写的搜索资源 查找目录 具体查看son
2016-11-15 13:37:38
8596
3
原创 细说JavaScript 导出 上万条Excel数据
首先这是个鸡肋的方法 合理的做法是 后端直接生成 前端给个链接就行了（先说原因与过程最后上代码）1. 先说说为什么会出现这个需求吧。 ： 在写运维网站时 自己粗略的看了一下bootstarp-table 就是 基于bootstarp的一个table框架 发现其扩展插件有个导出的功能 Excel 于是乎，就和老板夸下海口 说什么分页的 导出的就在前端做吧 于是。。。呵呵，起初在测试服时由
2016-04-20 07:26:18
11961
2
原创 Jsoup +JavaScript 扒取网站模板 bootstarp
1. 心情特别兴奋，最近公司要做一个 基于bootstarp的网站 ，由于找不到好的免费模板 目标瞄上了 国外收费的，但是炸眼一看好多美元啊 ，不行 太贵小子付不起 于是 想到以前扒网站的事情 灵光闪现 扒吧：先上代码 JAVA package com.test;import java.io.BufferedWriter;import j
2016-04-08 10:17:14
1753
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人