javascript
文章平均质量分 64
AwesomeDevin
这个作者很懒,什么都没留下…
展开
-
【前端状态管理】React 状态管理工具如何选 context/redux/mobx/zustand/jotai/recoil/valtio
状态”是描述应用程序当前行为的任何数据。这可能包括诸如“从服务器获取的对象列表”、“当前选择的项目”、“当前登录用户的名称”和“此模式是否打开?”等值。众所周知,我们在研发一个复杂应用的过程中,一套好的状态管理方案是必不可少的,既能提升研发效率,又能降低研发维护成本,那么状态管理方案那么多,它们有什么不同,我们又该如何选择适合当前应用的方案呢?本期将主要就react的常用状态管理方案进行对比分析,希望对各位看客有帮助。原创 2023-02-06 14:53:26 · 2684 阅读 · 0 评论 -
推荐一款个人开源的图片色值处理工具 image-color-utils
image-color-utilsDESC提供取色、色值相似度对比、色彩边界值计算等能力。democodesandboxInstallnpm install image-color-utils --saveUsageesimport { ImageColorUtils } from 'image-color-utils'commonjsconst { ImageColorUtils } = require('image-color-utils')APIImageColorU原创 2021-11-05 18:25:54 · 419 阅读 · 0 评论 -
【koa2】koa-static-router 中间件搭建静态资源服务器,实现多个&&多层路由加载静态资源
koa中间件koa-static-router实现多个&&多层路由加载静态资源源码及使用说明 Git仓库安装$ npm install koa-static-routerUsage单个路由 app.use(static({ dir, //静态资源目录对于相对入口文件index.js的路径 route //路由命名原创 2018-08-03 22:34:19 · 2993 阅读 · 0 评论 -
解决由于参数编码问题导致服务端报500 【如:微信小程序 session_key 加密数据解密算法 报错】
我的报错场景 在【微信小程序】开发中 加密数据解密算法 报错,后来经过排查发现是由于session_key(‘06uB1744eFm+jcmxMOKxMw==’)中存在特殊符号‘+’,后端接收到的参数为‘06uB1744eFm jcmxMOKxMw==’,前后不一致,导致解密报错 解决办法 前端使用encodeURIComponent(key)对key进行编码,后端de...原创 2018-08-01 17:23:17 · 2840 阅读 · 0 评论 -
安利一个webpack 打包移除 开发日志 console.log的插件,欢迎提bug!!!
drop-console-webpack-plugin 打包移除日志console.log 支持webpack4安装npm install drop-console-webpack-plugin --savegithub:https://github.com/Rise-Devin/drop-console-webpack-plugin使用const DropCon...原创 2018-08-14 18:30:19 · 2472 阅读 · 0 评论 -
【Javascript】分享一个异步请求问题导致的bug以及解决方法(Array.map Array.foreach 中 async/await 写法无效)
https://codeburst.io/javascript-async-await-with-foreach-b6ba62bbf404Array.foreach、 Array.map 中的async/await写法 会失效 ,可使用Promise+Array.map 或者Promise + for循环代替if(res.code === 10000){ res.data = ...原创 2019-01-18 18:13:58 · 701 阅读 · 0 评论 -
【Javascript】彻底捋清楚javascript中 new 运算符的实现
new 运算符在js中,new()常被用来创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例new 关键字会进行如下的操作:1.创建一个空的简单JavaScript对象(即{});2.链接该对象(即设置该对象的构造函数)到另一个对象 ;3.将步骤1新创建的对象作为this的上下文 ;4.如果该函数没有返回对象,则返回this。重点解析1.我们先来写一个funct...原创 2019-04-28 16:20:03 · 339 阅读 · 0 评论 -
【Javascript】深入理解this作用域问题以及new/let/var/const对this作用域的影响
理解this作用域《javascript高级程序设计》中有说到:this对象是在运行时基于函数的执行环境绑定的:在全局函数中,this等于window,而当函数被作为某个对象调用时,this等于那个对象。不过,匿名函数具有全局性,因此this对象同常指向window针对于匿名函数this具有全局性的观点仍是有争议的,可参考 https://www.zhihu.com/question/2...原创 2019-05-06 11:12:06 · 559 阅读 · 1 评论 -
【通俗易懂】手把手进行ES6异步编程: Generator + Promise = JavaScript强大的异步回调方式
概念 Generator 函数是 ES6 提供的一种异步编程解决方案,执行 Generator 函数会返回一个遍历器对象,也就是说,Generator 函数除了状态机,还是一个遍历器对象生成函数。返回的遍历器对象,可以依次遍历 Generator 函数内部的每一个状态。yield表达式 形式上,Generator 函数是一个普通函数,但是有两个特征。一是,function...原创 2018-07-24 19:17:29 · 842 阅读 · 0 评论 -
运用canvas技术画一个由内向外渐变的实心圆(javascript)
html<canvas id="canvas"></canvas>js var canvas = document.getElementById('canvas') var ctx = canvas.getContext('2d') var width = document.documentElement.cli...原创 2018-03-02 09:57:13 · 1230 阅读 · 0 评论 -
【vue 组件 mint-ui】 看了一下源码,给轮播图Swiper封装自定义跳转的函数
mint-ui 自身提供了前一页,后一页的function,这里由于项目需求,点击任意tab都可跳转到相应的图片,所以自己封装了一个function:switchCar。查看项目请到(https://github.com/Rise-Devin/FullStack-Product-Transport-User)Usage import Mint from ‘mint-ui’; ...原创 2017-09-21 19:11:51 · 5217 阅读 · 11 评论 -
Vue 实现 拖拽文件到网页进行文件上传【JS/JQ 原理也是一样的】
Vue通过操作Dom元素 实现 拖拽文件到网页进行文件上传【JS/JQ 原理也是一样的】原创 2017-09-22 18:17:48 · 8327 阅读 · 0 评论 -
原生JS的DOM操作汇总
JavaScript的DOM操作也是面试中的常见问题,尤其是当你需要回答jQuery的性能问题时,便需要再次回到JavaScript DOM API。本文便总结一下常见的JavaScript DOM操作方法原创 2017-09-01 19:31:36 · 1302 阅读 · 0 评论 -
动态插入DOM元素并执行脚本
在 HTML 中脚本以 <script> 来标记,通过设置其内容或src属性执行内联脚本或外部脚本。本文讨论动态地插入脚本标签时浏览器对它的解析、下载和执行行为。动态插入脚本的场景可能包括使用 AJAX 获取脚本并动态执行(多用于性能优化),以及运行时决定执行页面模板中的某段脚本(多用于单页异步)。 动态执行脚本还有其他方式,比如eval和new Function,这些不在本文的讨论范围。原创 2017-09-01 19:40:00 · 3251 阅读 · 0 评论 -
javascript angularjs 使用promise 异步获取数据
javscript promise异步请求数据原创 2017-05-06 14:04:52 · 2494 阅读 · 2 评论 -
对jq插件进行封装
介绍jq插件的封装及其关系原创 2017-07-28 16:30:02 · 1486 阅读 · 0 评论 -
JS实现继承的几种方式
前言JS作为面向对象的弱类型语言,继承也是其非常强大的特性之一。那么如何在JS中实现继承呢?让我们拭目以待。原创 2017-03-29 10:21:44 · 462 阅读 · 0 评论 -
解决JS(Vue)input[type='file'] change事件无法上传相同文件的问题
解决input file 上传相同文件的问题原创 2017-10-09 10:30:01 · 10041 阅读 · 0 评论 -
使用javascript(JS)实现MD5加密
在项目中遇到了需要判断上传文件是否重复的需求,因为存在文件名相同,但是内容不同的情况,采用文件名是否重复进行判断的话,不够精准,因此使用了MD5加密技术进行判断,我使用的是js-md5库原创 2017-09-27 15:31:23 · 3532 阅读 · 0 评论 -
javascript创建对象的几种方式
javascript创建对象的几种方式原创 2017-03-29 10:27:13 · 377 阅读 · 0 评论