- 博客(17)
- 收藏
- 关注
RSS订阅原创 对npm包精准控制之npm-shrinkwrap.json与package-lock.json
多人协作如何确保大家所安装的依赖保持一致，避免出错呢？
2022-11-25 10:17:13
1453
1
原创 要做自定义滚动条就要做到最好的scroll-div
前言关于自定义滚动条的方案，我之前写过一篇文章，但是当时写那篇文章的侧重点是教大家怎么实现基础的能够自定义的滚动条，而没怎么注重介绍我封装的那个一个vue组件，也没什么效果图，介绍功能啥的。而我自己也在项目中使用了，之前做的组件虽然已经满足了较多场景了，但是我在复杂的工程中使用了，体验了，发现还是有更多场景待开发，以及一些bug需要修复。经过了实际项目的应用后，已经把该组件完善得较好了。加上最近身边有不少同事朋友都有需求，在找一款能兼容尽量多浏览器的自定义滚动条组件，刚好问到我了，我就介绍我封的这个组
2021-06-10 20:12:03
592
原创 URI编码的两方法异同与场景
encodeURI这里先单纯介绍该函数的语法规则，场景后续说。先说作为一个函数，它能做什么。它是全局对象下的方法，在浏览器器客户端里就是window对象的方法。它的作用是，对字符串的每个字符进行UTF-8编码，使用一到四个转义序列来表示。参数为要编码的字符串，返回值为编码后的字符串结果。window.encodeURI(str)编码的规则是：除以下字符外，其余字符都进行编码;,/?:@&=+$ （此为URL的特殊字符）# （数字标识）字母和数字-_.!~*'()（保留的字符）
2020-05-09 08:30:36
774
原创 认识闭包
何为闭包1）官方一点说，能够读取其他函数内部的局部变量的函数，即为闭包。抓住几个点：它自身是个函数访问其他函数，即非自身函数内局部变量2）从表现上来认识： 一个函数A里定义了另一个函数B，B读取了A的局部变量3）从特性上去认识：函数内定义的局部变量，会随着函数的执行完毕而被销毁，内存被回收。但是在闭包存在的情况下，局部变量被闭包函数引用，因此没有被立即销毁，还能被访问到，直到闭包...
2020-05-01 21:30:08
127
原创 保持对重排与重绘的认识
在理解重排与重绘之前，首先要理解页面渲染的一个简单过程以及涉及到的一些基础知识页面渲染的简单过程浏览器把HTML源代码解析，并且创建一个DOM树（DOM tree）浏览器把CSS源代码解析，并且创建一个cssDOM树根据DOM树和cssDOM树生成渲染树（render tree）根据渲染树生成布局并将布局绘制到浏览器界面上render tree和DOM树的关系可以这么描述：DOM...
2020-04-29 21:35:56
189
原创 系统权限按需访问路由几个完整方案（含addRoutes的填坑）
前言当你的系统需要做权限验证时，往往有一个很常见的需求：系统的某些页面或者资源（按钮、操作等），需要该用户有对应的权限才能可见可用。这就涉及到如何根据用户的权限来判断能否进入某个路由页面的问题了。网上有很多零散的方案，并没有横向对比几种方案，且很多细节没解释到位，此处提供完整的几个方案流程，并总结优缺点，你可自行选择本篇是针对vue-router来说明如何实现。解决方案根据各种资料，这...
2020-04-25 22:13:58
648
原创 设计字符加密启迪（含各种编码函数的说明）
理解所谓加密，就是通过设计算法来把字符串转化为看似杂乱无章的文本，让人不容易看穿想表达的意思。而解密就是按照设计的算法，反推出原本的文本内容。在这个算法，就是开发者自己所要设计的，既可简单又可复杂，全凭开发者自己的设计能力。所需工具而对js字符串进行加密，我们可以利用几个工具（方法）来辅助你进行字符串的转化，反复转化几次就能迷惑别人了。但是在此之前，我希望你能对Unicode、ASCI...
2020-04-22 08:45:21
241
原创 js小数的数学运算和四舍五入精度问题
前言在开发中，要进行计算，你可能会遇到小数运算，运气好的话，你的测试测不到精度问题，但其实这是很严重的，以下两个典型例子先感受以下0.1 + 0.2 = 0.3000000000000000435.41 * 100 = 3540.9999999999995是不是出乎你的意料？写这篇文章的原因是网上找了些资料，要不就是介绍不全的，要不就是存在错误的（可能大家没发现），要不就是方案还有待...
2020-04-20 09:01:06
667
原创 js判断并告知支持css属性（值）的何种情况
前言当我们想用某个css新特性时，总是会在意它的兼容性情况，或许我们会去搜索它的兼容性，哪些浏览器合适哪些不合适，在这些已知的情况下再选择是不是使用或如何使用，这是一个已知我们即将用于什么浏览器下作出的选择。但我们往往不知道自己开发的页面用户会在哪个浏览器上进行打开，这时我们需要根据实际使用浏览器情况来判断采用何策略。这时就需要用js来判断，我们要使用css属性能否起效。css属性的兼容性，...
2020-04-19 13:55:04
266
原创 从选择上传文件缩略图预览到提交上传全流程总结方案
前言上传图片生成缩略图，这个需求很常见，网络上的文章也很多。但是大多数都是直接丢一堆代码出来，也不多解释，不说下注意点，不说明优缺点等，也缺乏场景的延伸。我这里所写的，不仅是生成缩略图这个需求，还把验证上传文件、删除已选文件、提交上传文件的一个完整的实际流程来展开此文章。因为网上很多就单纯地解决一个生成缩略图的方案，但是忽略实际场景的应用，很多时候还是存在一些不足，在这里做些小优化和做下几个...
2020-04-18 12:59:29
788
原创 5种方法让你更懂得如何实现前端下载文件
前言在前端站点上下载文件，这是一个极其普遍的需求，很早前就已经有各种解决方法了，为什么还写这么老的文章，只是最近在带一个新人，他似乎很多都一知半解，也遇到了我们必经问题之“不能下载txt、png等文件”的典型问题，我就给他总结下下载的几个方式。顺便分享出来，也许，真有人需要。form表单提交这是以前常使用的传统方式，毕竟那个年代，没那么多好用的新特性呀。道理也很简单，为一个下载按钮添加cl...
2020-04-16 08:21:52
1476
原创 滚动导航+吸顶合并方案（含sticky详解）
前言这是一个老套的需求，jq时代就很流行的交互需求。网络上也有不少资料，我这里写这篇文章的目的更主要是针对这些资料的不足，解决一些问题：吸顶和滚动导航的资料都是独立的，二者作为独立功能独立分析。我这里要把吸顶功能作为滚动导航的一个功能之一，作为一整套方案来分析。吸顶和滚动导航的分析，大多数是站在顶部导航的立场上写方案的，但是其实该功能，可以出现在页面的任何位置上，这些资料所写的方案缺少场景...
2020-04-15 09:09:50
1227
1
原创 全面让你了解和打造自己的自定义滚动条（提供组件
前言最近在封装一个自定义滚动条容器，打算以后用它来取代常用的div标签，因为在Window上的浏览器的确比较丑，为了跟mac里的滚动条尽量保持一致，自己动手封一个。写该篇文章目的有俩方便以后自己再做类似的工作好来个回顾，避免频繁查阅各种资料在动手时发现现有网络资源的一些不足之处，在这里加以补充和描述，希望后来之人在查阅资料时能看到这篇文章就能满足所需。简单说下目前一些网络资料待加强的...
2020-04-14 08:26:10
443
原创 高亮：单关键词、多关键词、多组多关键词，从简单到复杂实现满足多方面需求的页面关键词高亮
前言我的前言都是良心话，还是姑且看一下吧：别人一看这个标题，心想，“怎么又是一个老到掉牙的需求，网上一搜一大堆解决方案啦！”。没错！这个需求实在老土得不能再老土了，我真不想写这样一种需求的文章，无奈！无奈！现实的情况是我想这么旧的需求网上资料一大把一大把，虽然我知道网上资料可能有坑，但是我总不信找不到一篇好的全面的资料的。然而现实又是一次啪啪的打脸，我是没找到，而且很多资料都是一个拷贝一个，...
2018-12-26 17:55:03
1442
1
原创 从ui图到开发页面该有的考虑
前言开发经验满满的前辈们，此篇文章或许对你们来讲并不值得一提，这里说的主要面向对象是小白，或者欠缺点经验的开发者们（懂echarts的更佳）。这里聊得是引导大家如何去思考一个问题，以我所在项目为例子，阐述我的思考方式和思路，也许对于某些人来讲，能给予一些启发。这里说的没有对与错之分，我说的也未必都是正解，纯粹地一个个人总结和分享，我也是一个小小白。如有错误请多见谅，不喜勿喷！例子以这界面中...
2018-12-24 14:30:15
744
2
原创 正则表达式笔记，帮你打通任督二脉
前言说句实话的，自从我整理这篇笔记后，基本上项目里遇到的所有正则匹配的问题，不论多复杂，只要回过头看这篇笔记，理解透彻，基本上都能解决的。这里关于深内容的描述，我这边也举了不少内容帮助大家理解。这是一篇男女老少入门精通咸宜的正则笔记。正则表达式是什么？字符是计算机软件处理文字时最基本的单位，字符串是0个或更多个字符的序列。在编写处理字符串的程序或网页时，经常会有查找符合某些复杂规则的字...
2018-12-24 14:27:03
177
原创 入门chrome插件开发教程和经验总结，一篇就搞掂！
前言关于chrome extension的开发经验总结或说明文档等资料很多，很多人在写，然而，我也是一员。但是，也许这篇文章，可能给你一些不一样的感受。这里介绍的是80%你要开发扩展会碰到的问题前面部分大多数是一些基础介绍，和别人的资料大同小异，但是用的是通俗的语言或者我自己理解来描述的，不是拷贝官方的描述，不然的话，你干脆看官方文档就好啦，干嘛还来我这里折腾对吧，也许这些通俗的描述，更方便...
2018-12-24 14:13:58
7262
8
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人