• Home
  • unstated-next配合hooks取代redux做全局数据管理

    unstated 是基于 Class Component 的数据流管理库，unstated-next 是针...
    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...
    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添加全局样式比较简单，但是添加全局变量非常麻烦。比如是直接修改...
    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，用于 获取当前组件的实例、上下...
    vue2升级vue3：vue3中的watch和watchEffect细讲

    之前在vue2写过：《vue中methods watch computed对比分析，watch及compute...

    emphasismore>>

    自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

    javascriptmore>>

    JavaScript的数组与对象遍历有那些方法（for while for in for of map foreach every），他们的性能对比如何？需要注意那些事项？为什么禁止使用for in，他的性能为何非常差？
    1. requestIdleCallback对比setTimeout/setImmediate/requestAnimationFrame
    2. 原生js实现事件监听类on/emit/off方法，Vue event事件机制解读
    3. JavaScript new 关键词解析及原生实现 new
    4. instanceof运算符的实质：Java继承链与JavaScript原型链
    5. Debounce和Throttle 的原理及实现
    6. 避免 iOS 300+ms 点击延时问题
    7. 获取Javascript脚本文件的路径：回顾js数组常用操
    8. JS中的bind的用法与注意事项，如何原生实现bind方法

    typescriptmore>>

    参照C java swift等传统强类型语言，对比来学习typescript，学习起来，更能理清脉络。联想性记忆
    1. TS数据类型：从C++/Java/Python到TS看元组tuple—元组的来龙去脉
    2. TS数据类型：类型别名/联合类型/字面量类型/类型推论等纲要
    3. typescript参照C#/java/swift学习小结
    4. 联合枚举类型：从C语言看枚举与联合类型到TypeScript/Python
    5. TS/JS中的特殊符号用法(?/!)、?.、??、??
    6. 从java泛型来聊typescript泛型变量和泛型
    7. TS类型定义详解：types/typeRoots/@types，以及命名空间namespace
    8. 从java的角度看typescript的subtyping与inheritance的区别

    reactmore>>

    react刚刚推出的时候，讲react优势搜索结果是几十页。现在，react已经慢慢退火，该用用react技术栈的已经使用上，填过多少坑，加过多少班，

    1. 再谈redux实现原理分析与优化工程设计—redux
    2. React Fiber实现原理分析
    3. React Hooks API精讲与使用场景分析—让代码更简单
    4. React16源码分析(0):基础概念科普
    5. React16源码分析(1):react项目架构/文件目录/包结构解读
    6. React16源码分析(2)：react.development.js源码注释
    7. React 源码剖析系列 － 解密 setState
    8. React 源码剖析系列—生命周期的管理艺术—有限状态机

    vue3more>>

    vue2异步加载之前说过，vue3还是之前的方法，只是把i18n setLocaleMessage改为i18n global setLocaleMessage但是本文还是详细说一遍：为什

    1. vue3溢出文本tooltip或title展示解决方案—如何获取文本宽度
    2. vue2升级vue3：vue-i18n国际化异步按需加载
    3. vue2升级vue3：vue2与vue3里vue-router如何实现跳转时打开新页面
    4. vue2升级vue3：vue3真的需要vuex或者Pinia吗？hooks全有了
    5. vue2升级vue3：getCurrentInstance—Composition api/hooks中如何获取$el
    6. vue2升级vue3：vue3中的watch和watchEffect细讲
    7. VUE3/TS/TSX入门手册指北
    8. vue2升级vue3: TSX Vue 3 Composition API Refs

    vuemore>>

    状态管理的解决思路就是：把组件之间需要共享的状态抽取出来，遵循特定的约定，统一来管理，让状态的变化可以预测。是Vue，还是React，都需要管理状态state。react采用redux集中方案，vue直接给出vuex一..
    1. Vue.js批量异步更新策略及 nextTick 原理
    2. vue2.x入坑总结—回顾对比angularJS/React
    3. 梳理vue双向绑定的实现原理
    4. vue编译原理(0):​Vue的编译器模块
    5. vue编译原理(1):vue-loader浅析
    6. vue、react中key有何区别？循环渲染优化与Vue.delete删除
    7. vue源码原理学习笔记—响应式之依赖收集与订阅发布更新
    8. vue keep-alive(2)：剖析keep-alive的实现原理—学习笔记整理

    angularjsmore>>

    angularjs用$http发起ajax请求，提交JSON数据post后台无法接收但是，后台无法接受，是 ，Request playload，不是 formData怎么调试都无

    1. angularjs用$http发起ajax请求，提交JSON数据post后台无法接收
    2. 基于requireJS和angularJS的前端技术架构
    3. angularjs用file input上传图片详解
    4. angular资源集中营——好用的插件集合的功能详解
    5. 深入理解angular-ui-router路由_UI-ROUTER
    6. what is the purpose of square bracket usage in angular,why?中括号什么用
    7. $resource和$http的区别
    8. angularjs判断对象object 为空——js确定空对象

    npm-nodemore>>

    模块的加载require( __ )||import __ 这里应该怎么填？为什么require( express )可以直接加载？他的加载顺序是什么？加载原理是什么？
    1. 系统环境变量：Node.js环境变量在前端工程配置上的作用
    2. package.json中browser/module/main加载顺序
    3. pnpm为什么在npm/cnpm/tnpm/yarn等包管理器中脱颖而出
    4. 彻底锁定项目环境：package-lock包依赖于nodejs环境/npm版本锁
    5. package.json中自定义脚本/变量—npm run 参数接手
    6. npm包package.json字段解析
    7. nvm使用详解——命令解析大全
    8. npm仓库源镜像的设置与查看：npm config set/get registry

    AMD/CMDmore>>

    前一篇：JS模块化工具requirejs教程(一)：初识requirejs 我们以非常简单的方式引入了requirejs，这一篇将讲述一下requirejs中的一

    1. JS模块化工具requirejs教程(一)：初识requirejs

    nodejsmore>>

    MySQL2 模块是由官方提供的，有官方库当然一统官方。Knex js vs Sequelize 是不是和java里面的 mybatis vs hibernate 的区别？之前润出去的前同事现在都在搞 Hibernate，我们这些苦逼还在 天天用MyBatis 被产品经理与老板们鞭挞。
    1. 概述nodeJS企业级框架egg

    storybookmore>>

    1. storybook 编写stories的story基础语法
    2. storybook插件说明： integrations与addons推荐
    3. storybook组件属性详解：组件props到strorybook Args
    4. storybook添加全局样式与sass全局变量设置
    5. vite/storybook/rollup搭建一个自己的组件库
    6. Storybook入门安装启动

    requirejsmore>>

    本文将演示如何合并与压缩一个基于RequireJS的项目。本文中将用到苦干个工具，这其中就包括Node js。 因此，如果你手头上还没有Node js可

    1. RequireJS进阶:配置文件的学习

    angularjs2more>>

    没有选择是痛苦的，有太多的选择却更加痛苦。而后者正是目前前端领域的真实写照。新的框架层出不穷：它难吗？它写得快吗？可维护性怎样？

    ASmore>>

    很多ES6的特性其实ES4里面早就有了，比如类，继承，块作用域等。ES4 未能发布的一个原因是步子过大的同时，浏览器跟不上又没有Bable等一些列工具转译，Adobe最终把ES4的特性全部在ActionScript上实现了..
    1. flash上传文件的actionscript代码