• Home
  • 开发模型的理解：瀑布模型/增量式/迭代/敏捷开发——笔记

    瀑布模型 增量式开发 迭代开发，三个模型相互不排斥，而且经常一起使用，...
    vue3函数式与函数式组件的太监文

    vue3函数式用hooks做业务封装相比vue2还是蛮好的，但是函数式组件？UI层面的...
    vue3溢出文本tooltip或title展示解决方案—如何获取文本宽度

    解决文本溢出，鼠标悬浮展示tooltips，要解决2大难题。第一个是解决文本宽度...
    vue2升级vue3：vue-i18n国际化异步按需加载

    vue2异步加载之前说过，vue3还是之前的方法，只是把i18n setLocaleMessage...
    SDK设计与封装：从基础概念入门到架构设计落地笔记

    什么是 SDK?SDK 全称 Software Development Kit，广义上的 SDK 是为...
    插件化架构设计(3):前端可视化化平台插件架构-grafana实践

    插件化架构可以链接多个子系统，而做到开闭原则。即插件核心和接口不变，系...
    前端资源共享方案对比-笔记:iframe/JS-SDK/微前端

    前端页面资源如何分享，常见的有iframe,其次是js-sdk。这两类的在地图类工具...
    前端代码复用学习笔记:整洁架构与清晰架构

    基础代码的复用往往比较简单，但是业务代码的复用通常是困难的，如果没有特...
    custom element 创建自定义元素与new Event创建自定义事件

    custom element 创建自定义元素与new Event创建自定义事件 结合起来可以...
    插件化架构设计(2):插件化从设计到实践该考量的问题汇总

    读《插件化思维》后的感想与学习随笔
    vue-grid-layout数据可视化图表面板优化过程所遇问题汇总

    此文为数据可视化vue-grid-layout拖曳布局实践总结，在实现过程中的一些避坑点
    storybook 编写stories的story基础语法

    基本编写语法很简单，是 export 任意多个 function，每一个就是一个 sto...
    storybook插件说明： integrations与addons推荐

    一般安装完，官方默认给配了actions,插件和links插件，本篇文章把story的插...
    storybook组件属性详解：组件props到strorybook Args

    首先我们查看官方文档：https: storybook js org docs vue writing-...
    storybook添加全局样式与sass全局变量设置

    storybook添加全局样式比较简单，但是添加全局变量非常麻烦。比如是直接修改...
    target.closest妙用：UI(click/mousemove/drag/drop)事件元素查找捷径

    在jQuery时代，$( e target ) closest( "li ") toggleClass( "hilig...
    vite/storybook/rollup搭建一个自己的组件库

    storybook入门手册，手把手教你构建一个项目来尝鲜storybook
    vue2升级vue3：vue2与vue3里vue-router如何实现跳转时打开新页面

    vue2与vue3里vue-router如何实现跳转时打开新页面？其实都是一样的。const ...
    vue2升级vue3：vue3真的需要vuex或者Pinia吗？hooks全有了

    在写《vue2升级vue3：TypeScript下vuex-module-decorators vuex-class to...
    vue2升级vue3：getCurrentInstance—Composition api/hooks中如何获取$el

    Vue3 x中的核心方法：getCurrentInstance，用于 获取当前组件的实例、上下...

    SGMLmore>>

    之前写《再谈BOM和DOM(4):HTML DOM Event 对象》时候，对event对象及各种dom事件没有详细道来，这里收集各种详细数据的表格备查。
    1. 再谈BOM和DOM(7):HTML DOM Event 对象属性及DOM事件详细列表
    2. 再谈BOM和DOM(6):dom对象及event对象位值计算—如offsetX/Top,clentX
    3. 再谈BOM和DOM(5):各个大流浪器DOM和BOM里面的那些坑—兼容性
    4. 再谈BOM和DOM(4):DOM0/DOM2事件处理分析
    5. 再谈BOM和DOM(3):DOM节点操作-元素样式修改及DOM内容增删改查
    6. 再谈BOM和DOM(2):DOM节点层次/属性/选择器/节点关系/操作详解
    7. 再谈BOM和DOM(1):BOM与DOM概述
    8. 详解Sitemap

    ECMASmore>>

    自1993年Mosaic诞生后，标志着web时代的开始，1995年Netscape Navigator 1 0诞生，自称Mozilla 1 0(Win3 1)，现在各类浏览器user-agent都带走。都能跑Navigator 2 0实现的LiveScript。LiveScrip..
    1. ECMAScript进化史(3):ES5/ES6/ES7/ES8/ES9/ES10新特性大盘点
    2. 从λ演算到函数式编程聊闭包(2)：彻底理解JavaScript闭包规则
    3. 从λ演算到函数式编程聊闭包(1)：闭包概念在Java/PHP/JS中形式
    4. 再谈JavaScript垃圾回收机制：分析与排查JS内存泄露情形
    5. 再谈js数据类型与对象数据结构底层实现原理-object array map set
    6. 再唠叨JS模块化加载之CommonJS、AMD、CMD、ES6
    7. 深度克隆从C#/C/Java漫谈到JavaScript真复制
    8. ECMAScript进化史(2):​Web2.0时代的JavaScript1.5到ES5

    stylemore>>

    从形式上来说，CSS3 标准自身已经不存在了。每个模块都被独立的标准化。但是每个模块都可以追溯其来龙去脉。从印刷出版到互联网的兴起，这期间板式设计可以构成一篇雄文。
    1. css父元素设置了min-height但子元素设置height:100%无效
    2. css布局优化：布局计算限制— contain/will-change/合成层
    3. chrome表单自动填充完成后input/textarea/select背景色无法去除
    4. 多列等高布局的方法汇总，分别css2.1，css3实现
    5. css闭合浮动与清除浮动

    browsermore>>

    优化JS的执行效率 降低样式选择器的复杂度 避免大规模、复杂的布局 尽可能避免触发布局 避免强制同步布局事件的发生 避免快速连续的布局 简化绘制的复杂度 减小绘制区域 优先使用渲染层合并属性..
    1. 浏览器层面优化前端性能(1):Chrom组件与进程/线程模型分析
    2. JS引擎(3)：java项目里面的JS业务集成—Rhino/Nashorn
    3. JS引擎(2)：Java平台上JavaScript引擎—Rhino/Nashorn概述
    4. JS引擎(1):JS引擎擂台赛，JavaScript引擎的特征比较及术语科普
    5. JS引擎(0):JavaScript引擎群雄演义—起底JavaScript引擎
    6. 浏览器史话中chrome霸主地位的奠定与国产浏览器的割据混战
    7. chrome对页面重绘和回流以及优化进行优化
    8. Chrome扩展程序导出备份与本地导入浏览器

    engineermore>>

    瀑布模型 增量式开发 迭代开发，三个模型相互不排斥，而且经常一起使用，尤其是对大型系统的开发。对大型系统，综合瀑布模型和增量开发模型的优点是有意义的。
    1. SDK设计与封装：从基础概念入门到架构设计落地笔记
    2. 插件化架构设计(3):前端可视化化平台插件架构-grafana实践
    3. 前端资源共享方案对比-笔记:iframe/JS-SDK/微前端
    4. 前端代码复用学习笔记:整洁架构与清晰架构
    5. 插件化架构设计(2):插件化从设计到实践该考量的问题汇总
    6. 插件化架构设计(1):插件化架构能解决什么问题？为啥选它？
    7. 前端模块化方案：前端模块化/插件化异步加载方案探索
    8. 从源码分析express/koa/redux/axios等中间件的实现方式

    AppDevmore>>

    开发者需要将小程序划分成不同的子包，在构建时打包成不同的分包，用户在使用时按需进行加载。微信小程序主包限制为2MB，虽然限制大小是对小程序启动速度的考虑，但是业务不能砍掉呀。只能用微信小程序..
    1. taro微信同声传译:微信小程序获取语音转文字 与语言转文字
    2. jetbrains编辑器webstrom和intellij支持微信小程序开发：wss/rpx
    3. 小程序echarts图表全屏展示方案探讨与问题汇总总结
    4. 小程序全屏情况下怎样去适配刘海屏iphone？
    5. taro 全局变量四种方法
    6. taro 全局变量四种方法
    7. Taro开发小程序h5调试，网络请求出错汇总
    8. taro本地开发接口调试以及cookies认证鉴权问题解决

    visualizationmore>>

    Monaco的实现采用worker的方式，事件监听有：onDidChangeOptions 配置改变事件、onDidChangeLanguage 语言改变事件、onDidChangeModelContent 内容改变事件
    1. Monaco Editor的对标优势—为什么选择Monaco为在线编辑器内核
    2. web在线代码编辑器ace.js前端工程实现

    servermore>>

    next js nuxt js nest jsNext jsNext js是一个React框架，允许使用React构建SSR和静态web应用安利下：《next js静态页面渲染技术(静态生成

    1. Next.js/Nuxt.js/Nest.js/Fastify