• Home
  • 深度克隆从C#/C/Java漫谈到JavaScript真复制
    深度克隆从C#/C/Java漫谈到JavaScript真复制

    浅拷贝是指副本对象中的引用类型的数据成员与源对象的数据成员指向相同的对象。深拷则必须创建整个对象的结构，副本中的引用类型的数据成员与源对象的数据成员指向不同的对象。循环引...
    再谈react优势——react技术栈回顾

    react刚刚推出的时候，讲react优势搜索结果是几十页。现在，react已经慢慢退...
    再谈前端HTML模板技术

    在web2 0之前，写jsp的时候虽然有es和JSTL，但是还是坚持jsp。后面在外包公...
    浏览器http缓存机制剖析：存储策略与过期策略的机理分析

    缓存一直是前端优化的主战场, 利用好缓存就成功了一半 本篇从http请求和...
    Retina真实还原1px边框的解决方案

    业务中碰到了一个厉害的 UI 妹纸, 因为边框的 1px border 会被渲染成...
    webstorm,PHPstorm,intelliJ idea之sass实时编译详解

    最近开始用SASS，LESS等来写CSS，jetbrain系列软件中，它自带一个File Watc...

    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. 再谈BOM和DOM(8)：NodeList与HTMLCollection的区别

    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>>

    JavaScript 社区中的 AMD、CMD、CommonJS、ES Modules 等类似，CSS 社区也诞生了相应的模块化解决方案：BEM、OOCSS、SMACSS、ITCSS，

    1. 首屏/长列表性能优化：content-visibility优化渲染性能细讲
    2. CSS模块化方案PK：BEM/OOCSS/SMACSS/ITCSS、CSS Modules、CSS-in-JS
    3. css3多行文本多行文本缩略点击更多展开显示全部
    4. css3背景图片(background-image)透明度设置方案总结
    5. writing-mode&direction趣解—如何考察前端对css盒模型的熟悉度
    6. Retina真实还原1px边框的解决方案
    7. web app响应式字体设置！rem之我见
    8. css选择符思维导图，一张图看懂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>>

    各个平台的GUI开发有：GUI Winform WPF UWP Swing JavaFx Air 等，但是不能夸平台，Electron Cordova Xamarin QT C++等，给我们提供跨平台的多端技术解决方案有哪些优势，他们的工作原理是什么呢？ Flutter
    1. 低代码组件/平台从了解到实现（宏观笔记）
    2. 微前端学习笔记(5)：从import-html-entry发微DOM/JS/CSS隔离
    3. 微前端学习笔记(4):从微前端到微模块之EMP与hel-micro方案探索
    4. 微前端学习笔记(3):前端沙箱之JavaScript的sandbox（沙盒/沙箱）
    5. 微前端学习笔记(2): 无界方案分析
    6. 前端资源共享方案对比-笔记:iframe/JS-SDK/微前端
    7. 前端模块化方案：前端模块化/插件化异步加载方案探索
    8. XX Driven：数据驱动/模型驱动/领域驱动/元数据驱动/DSL

    AppDevmore>>

    为了保障用户和商户小程序的安全。在此基础上，小程序提出了双线程设计。渲染层和逻辑层分别由两个线程管理，数据传输实际上通过两边提供的 evaluateJavascript 实现。由于这之间他们是彼此独立的，是..
    1. Taro架构构析(2)：Taro 设计思想及架构
    2. Taro架构构析(1)：多端框架分析，Taro WePY uni-app对比
    3. taro微信小程序独立分包解决方案：将小程序按需加载子包
    4. taro微信同声传译:微信小程序获取语音转文字 与语言转文字
    5. jetbrains编辑器webstrom和intellij支持微信小程序开发：wss/rpx
    6. 小程序echarts图表全屏展示方案探讨与问题汇总总结
    7. 小程序全屏情况下怎样去适配刘海屏iphone？
    8. taro 全局变量四种方法

    visualizationmore>>

    canvas是web绘制的一种常用优化方式，通常能更快地渲染大型场景或动画（可以利用 GPU 进行绘制操作）。canvas 可以通过OffscreenCanvas来进一步做性能优化

    1. 数据可视化性能优化(0)：各类可视化平台产品理念/架构-杂记

    servermore>>

    在 Fastify 中，插件、装饰器、中间件和钩子是框架核心概念，各自承担不同的角色：插件（Plugins）：插件是 Fastify 应用中用于添加功

    1. Fastify JSON Schema 验证路由
    2. Fastify 插件、装饰器、中间件、钩子
    3. 为什么入坑Fastify：性能最好的 nodejs 框架？