随笔分类 - JavaScript
摘要：这是我上家教育saas公司前端同事整理出来的(当时我们公司主要用的前端框架是React)，当时我在这家公司除了主写后端之外，还需要写一些前端代码，按照这个规范写，前端代码可读性、可维护性、可扩展性以及性能都会大大提高。 一、JS篇 1.变量（包括声明，函数参数） (1)变量均用英文单词（不会要去翻译
阅读全文
摘要：关于存储token有多种方式(针对前端而言，如react可以使用redux存储token，js可以使用cookie存储token,还有今天说的通过sessionStorage保存token等)。 sessionStorage相关操作核心代码如下: sessionStorage.setItem("ke
阅读全文
摘要：jQuery针对不同的对象遍历的方式是不一样的。比分说对接API时，如果是下面这样的数据: [object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object
阅读全文
摘要：一、核心方法代码 //json格式美化 function prettyFormat(str) { try { // 设置缩进为2个空格 str = JSON.stringify(JSON.parse(str), null, 2); str = str .replace(/&/g, '&')
阅读全文
摘要：应用场景:最近我做的一个在线工具网站(参考现在的JSON网站做的)，其中有一个功能叫做JSON格式化和校验，通过复制JSON数据点击格式化后，得到美化的JSON数据，再点击按钮”复制”就能获取美化后JSON数据。 核心代码: function selectText(element) { var te
阅读全文
摘要：一、两个js文件(FileSaver.js和jquery.wordexport.js) FileSaver.js: /* FileSaver.js * A saveAs() FileSaver implementation. * 1.3.2 * 2016-06-16 18:25:19 * * By
阅读全文
摘要：一、下载js库 下载地址:https://github.com/eKoopmans/html2pdf.js 官方文档:https://ekoopmans.github.io/html2pdf.js/ 二、引入 <script src="../js/html2pdf.js"></script> 三、编
阅读全文
摘要：问题背景:地址栏传参有中文，中文截取后出现乱码问题。问题代码: function getQueryString(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.s
阅读全文
摘要：应用场景: 需要根据多个参数来判断该数据所属，从而达到删除或者修改的目的。 比如删除区域下的分组，一个区域可以用多个分组，不同的区域可以有相同的分组，那么如何识别对应的分组呢？？？ 可以在对应的数据操作上增加对应的函数(入参为区域id以及分组id即可)。 核心代码: 如果还有高于两个以上参数，可按照
阅读全文
摘要：是通过css解决这个问题,核心css代码如下: alpha和opacity通常是决定透明度。 alpha和opacity区别是什么? 相同点:都是值为0表示完全透明，值为1表示完全不透明。 不同点:alpha可以应用元素特定的属性，只能作用于当前元素，其子元素不能继承，而opacity不仅仅作用于当
阅读全文
摘要：应用场景:比如很多网页游戏全屏之类的，或者是网上看小说等。 核心代码: 前端代码:
阅读全文
摘要：应用场景:以博客写文章为例，有的时候我们不经意间写的字符串带标签，然后浏览器将其解析了，实际上我们并不希望其被解析，于是可通过核心代码解决该问题。 核心代码如下: data.codeSource在这里相当于与后台交互获取到的数据 new RegExp是js正则表达式对象 replace方法，一共有两
阅读全文
摘要：我个人博客系统上传特色图片功能就是用layui上传文件组件做的。另外采用某个生态框架，尽量都统一用该生态框架对应的解决方案，因为这样一来，有这么几个好处?1.统一而不杂糅,有利于制定相应的编码规范，方便维护;2.复用性高;3.不会因公司开发人员的离职而导致一时找不到人来做这件事情; 就这三点，也足以
阅读全文
摘要：效果图如下: 前端实现代码如图(完整代码): 核心js代码如下: 要求后台返回数据格式必须为: 不然的话，会出现相关提示(如code对于的值必须为0，而不能为000000，以及data对应数据必须像上面这样的，不然cols里面不好自动对应上。 后台实现代码如下:控制层代码(路由) Service及其
阅读全文
摘要：举个例子说一下: 像这样的话，通常通过如下代码直接截取不用做任何处理: 但是当http://wwww.yctech.com/blog/post?id=1 变成http://wwww.yctech.com/blog/post?id=挑战者 这时，如果用getQueryString(name)方法截取的
阅读全文
摘要：js转义问题有很多场景，比如常见的根据某个字符串删除或者修改以及将某字符串传递至某个页面。今天以一个简单的示例代码为例: 页面效果图如下: 当我点击测试001时，出现如图: 显然是符合预期结果的。 但是当我点击测试002时，出现如图: 什么也没有出现，于是我通过f12调试了一下，结果如图: 显示某某
阅读全文
摘要：效果图如下: 代码逻辑梳理:层层递进，比如选择了课程后，将对应的课程id保存，然后点击选择章时自动触发对应的时间，根据这个课程ID获取其下面的章信息。其它的如节等，同理。 代码说明:如下代码不规范，可以参考功能实现，切不可照搬照抄(当然了，可以作为一个反面代码案例以告诫后来学习者，代码严谨和规范的重
阅读全文
摘要：CodeMirror官网地址为:https://codemirror.net/ CodeMirror作为一款代码编辑器，其应用场景主要是在线网站写代码。如现在的leetcode、洛谷、code-vs等都使用不同的代码编辑器。代码示例: 效果图: 关于如何给代码框中赋值和取值，可使用如下方法: 上述只
阅读全文
摘要：在某些业务场景下，我们需要自定义弹出层关闭事件，代码示例如下:
阅读全文
摘要：layui默认弹出层是带有关闭按钮的，但是在某些场景我们不需要layui的关闭按钮，这时只需添加closeBtn :0即可效果图如下: 示例代码如下: 更多详细资料可参考layui官方文档
阅读全文