• Home
  • css3背景图片(background-image)透明度设置方案总结

    希望某个的背景图透明，怎么弄？如果是纯色背景，使用8位hex、rgba或者hsla...
    前端预览页面优化解决思路笔记

    比如可视化话数据仪表盘预览，如下图所示：常规的预览方案就是弹窗预览，比...
    unstated-next配合hooks取代redux做全局数据管理

    unstated 是基于 Class Component 的数据流管理库，unstated-next 是针...
    koa遇上TS：koa为什么不用TS重构？Egg.js真香

    npm i --save-dev @types koa @types koa-router @types koa2-cors...
    koa环境变量设置：nodejs设置开发环境与相关系统变量

    Node js 中开发和生产可以通过export NODE_ENV=production，但是怎么在成...
    koa网站安全之koa-session：cookie和session认证与统一登录

    《koa网站安全之JWT鉴权详解》，token 现在非常流行，但是koa-session登录...
    koa网站安全之koa2-cors：指定请求域名\方法

    koa网站后台没有nginx代理，nodejs裸奔，如何限制请求方法，设置域名白名单？
    nodejs连接数据：mysql/mysql2/Knex.js/Sequelize库区别

    MySQL2 模块是由官方提供的，有官方库当然一统官方。Knex js vs Sequeli...
    typescript定义type为枚举类型的key值，枚举类型转对象数组

    枚举转对象数组，枚举转对象，枚举获取keys values 如何操作？如何取值限...
    vue2老项目从mac还到windows环境跑不起来，npm无法安装

    npm ERR! ERESOLVE could not resolve， vue@ "^2 6 11 " from...
    window powerShell node.js npm很多命令无法使用，如yarn vue

    在powershell 有nodejs tnpm yarn等，但是cmd 没有，我卸载了nodejs ，...
    window powerShell node.js npm很多命令无法使用，如yarn vue

    在powershell 有nodejs tnpm yarn等，但是cmd 没有，我卸载了nodejs ，...
    再谈Object与Map的使用场景分析：性能对比分析

    Map和Object有非常多相似的地方需要我们去更深入的了解和对比，才能分析出他...
    从获取URL参数到JS URL()和URLSearchParams() 接口

    获取url的search 参数，之前一种是循环切片，一种是政策匹配。如今JS URL(...
    开发模型的理解：瀑布模型/增量式/迭代/敏捷开发——笔记

    瀑布模型 增量式开发 迭代开发，三个模型相互不排斥，而且经常一起使用，...
    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实践

    插件化架构可以链接多个子系统，而做到开闭原则。即插件核心和接口不变，系...

    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