随笔分类 -  js

1 2 下一页
js 使用 eval 函数优化条件查询
摘要：我们在写代码的使用，经常会遇到if else 很长很长的代码，这种要怎么优化，一直是仁者见仁智者见智的 我说下我的优化方案 原始代码 例如： if (income <= 10000) { return income*0.365; } else if (income <= 30000) { retur 阅读全文
posted @ 2023-05-19 16:23 makalo 阅读(92) 评论(0) 推荐(0)
js 数据转换问题
摘要：题目 将下面的数据结构 [ { "id": "1", "pid": "", "title": "标题1" }, { "id": "2", "pid": "1", "title": "标题2" }, { "id": "3", "pid": "1", "title" 阅读全文
posted @ 2023-04-10 21:07 makalo 阅读(69) 评论(0) 推荐(0)
js 可选链操作符
摘要：参考：https://developer.mozilla.org/zh CN/docs/Web/JavaScript/Reference/Operators/Optional_chaining try_it 可选链 操作符( )允许读取位于连接对象链深处的属性的值，而不必明确验证链中的每个引用是否有 阅读全文
posted @ 2022-05-18 18:21 makalo 阅读(389) 评论(0) 推荐(0)
关于项目开始引进eslint的思考
摘要：最近项目中开始大量使用Eslint，导致前端同学，一个头两个大，哈哈哈，我也试了下，确实有点头大，毕竟前面都习惯了各种各种的风格，突然写两行就是一个红色的线，我这强迫症患者看着都难受，还有就是一些之前的写法都要改，如： 好多之前的写法全部要改成es6的，没用的变量全部要删，换行符等,侧面证明了大前端 阅读全文
posted @ 2022-04-28 13:51 makalo 阅读(147) 评论(0) 推荐(0)
js的解构
摘要：es6新增了一种从数组或者对象中获取指定元素的方式，这种方式就是我们今天要说的解构。 数组的解构 在有解构之前呢，我们获取数组中的指定元素通常是根据索引去做的： 有了解构之后呢，我们便可以使用如下方式快速的去获取数组中的某个元素： 这样打印出a, b, c的值分别是： 1 2 3 如果我们只想获取前 阅读全文
posted @ 2022-04-26 17:54 makalo 阅读(650) 评论(0) 推荐(0)
js replace 替换路径无效的问题
摘要：问题复现 我们先看一段代码 运行之后发现 你会发现并没有替换，并且从打印看结果一模一样 解决方法 使用 详细语法见： https://developer.mozilla.org/zh CN/docs/Web/JavaScript/Reference/Global_Objects/String/raw 阅读全文
posted @ 2022-04-20 17:38 makalo 阅读(529) 评论(0) 推荐(0)
js 如何给回调函数传参
摘要：简单的同步输出 先看一个例子 for(var i=0;i<5;i++){ console.log(i) } 这个代码很简单，会输出01234 加上setTimeout 那如果加上setTimeout呢，例 for(var i=0;i<5;i++){ setTimeout(function(){ co 阅读全文
posted @ 2021-03-03 14:18 makalo 阅读(1986) 评论(0) 推荐(0)
关于node js 正则匹配markdown 图片的坑
摘要：先说下场景，我想用正则匹配markdwon文件中的所有图片链接并返回 测试文件内容 # 测试 ![image-20210301112347246](assets/image-20210301112347246.png) ![image-20210301135841577](assets/image- 阅读全文
posted @ 2021-03-02 10:56 makalo 阅读(506) 评论(0) 推荐(0)
JavaScript解析和渲染Markdown
摘要：有大佬曾经说过： Any application that can be written in JavaScript, will eventually be written in JavaScript. -- Jeff Atwood Markdown 已经是一个非常普及的标记语言了，JavaScri 阅读全文
posted @ 2021-03-01 16:44 makalo 阅读(4317) 评论(6) 推荐(1)
[转载]原生js 插件
摘要：作为一个前端er，如果不会写一个小插件，都不好意思说自己是混前端界的。写还不能依赖jquery之类的工具库，否则装得不够高端。那么，如何才能装起来让自己看起来逼格更高呢？当然是利用js纯原生的写法啦。以前一直说，掌握了js原生，就基本上可以解决前端的所有脚本交互工作了，这话大体上是有些浮夸了。不过， 阅读全文
posted @ 2021-01-23 18:34 makalo 阅读(171) 评论(0) 推荐(0)
JS中三个点（...）是什么鬼？
摘要：我们在看js代码时经常会出现（...）三个点的东西，它究竟是什么意思？又有何用处？ 下面我就给大家分享一下三个点的那些事 什么意思？ 三个点（...）真名叫扩展运算符，是在ES6中新增加的内容，它可以在函数调用/数组构造时，将数组表达式或者string在语法层面展开；还可以在构造字面量对象时将对象表 阅读全文
posted @ 2020-11-13 10:18 makalo 阅读(11136) 评论(3) 推荐(6)
axios 的使用
摘要：我们在构建应用时需要访问一个 API 并展示其数据。做这件事的方法有好几种，而使用基于 Promise 的 HTTP 客户端 axios 则是其中非常流行的一种。 直接使用cdn 现在我们结合json-server来测试 json-server ：https://www.cnblogs.com/ma 阅读全文
posted @ 2020-10-18 15:39 makalo 阅读(235) 评论(0) 推荐(0)
npm + webpack + es6 使用
摘要：webpack官网：https://www.webpackjs.com/ 准备 下载Node.js和npm 一个命令行工具。不是必须的，用自带的命令行也可以。 创建一个文件夹，作为根目录，比如 npm-webpack 这时，你将看到一个空文件夹 开始 命令行打开至根目录 键入 npm init,一路 阅读全文
posted @ 2020-10-10 14:23 makalo 阅读(1685) 评论(0) 推荐(0)
ES6语法及JS语言的其他特性
摘要：ECMAScript的变迁 ECMAScript 1.0（1997年） ECMAScript 2.0（1998年） ECMAScript 3.0（1999年12月） ECMAScript 4.0 (太激进,夭折了) ECMAScript 5.0 (2009) ECMAScript 6.0 (2015 阅读全文
posted @ 2020-10-05 19:52 makalo 阅读(240) 评论(0) 推荐(0)
自执行函数和闭包
摘要：自执行函数 自执行函数的好处：匿名函数自执行里面的所有东西都是一个局部的。防止和其他的代码冲突。 自执行函数的四种写法 自执行函数的第一种写法：最前最后加括号 这种写法是jslint推荐的写法，可以让阅读者清楚的看到这是一个整体。 注意：这种写法必须保证js代码的结尾处以封号结尾，不然会报Uncau 阅读全文
posted @ 2020-10-04 15:57 makalo 阅读(1553) 评论(0) 推荐(0)
JS中Ajax的同步和异步
摘要：ajax同步 ： 意味着此时请求Server后，JS代码不再继续执行，等待Server返回后才继续往下执行。 ajax异步 ： 意味着此时请求Server后，JS代码继续执行，不管Server什么时候返回。 var f; $.ajax({ type : "post", url : "cuoche/c 阅读全文
posted @ 2020-09-29 18:09 makalo 阅读(897) 评论(0) 推荐(0)
JavaScript 判断对象中是否有某属性
摘要：判断对象中是否有某属性的常见方式总结，不同的场景要使用不同的方式。 一、点( . )或者方括号( [ ] ) 通过点或者方括号可以获取对象的属性值，如果对象上不存在该属性，则会返回undefined。当然，这里的“不存在”指的是对象自身和原型链上都不存在，如果原型链有该属性，则会返回原型链上的属性值 阅读全文
posted @ 2020-09-23 19:48 makalo 阅读(318) 评论(0) 推荐(0)
a标签跨域下载文件，解决download失效问题
摘要：a标签中download属性可以更改下载文件的文件名。但是如果是跨域的话，download属性就会失效。 解决方案： //onclick 事件 <a @click="downloadFile(fileUrl,fileName)">下载文件</a> downloadFile(url, fileName 阅读全文
posted @ 2020-08-28 18:39 makalo 阅读(13220) 评论(4) 推荐(0)
js读取input[type=file]图片，并实时预览
摘要：之前为了实现input[type=file]选择图片后实时展示图片，是把图片上传后，后端返回路径再显示 感觉多此一举，这样的方法实在太笨了，也太慢了，也就摸索出另一种方法 FileReader 帮助文档 #html <input type="file" id="file"/> <img src="" 阅读全文
posted @ 2020-08-28 18:22 makalo 阅读(1451) 评论(0) 推荐(0)
js 常用自定义方法
摘要：转换类 对象数据转formdata格式 /** * js 对象转FormData * 如：{"a": 2, "b": 3} * @param object * @returns {FormData} */ function jsToFormData(object) { var formData = 阅读全文
posted @ 2020-08-04 20:00 makalo 阅读(370) 评论(0) 推荐(0)

1 2 下一页