JavaScript
文章平均质量分 78
学习/操作JavaScript.
宁小法
trim(me);
路一步一步走,事一件一件办。
展开
-
2021-04-09 - 前端 - Vite - 学习/实践
1.应用场景 主要用于前端开发。 下一代前端开发与构建工具 2.学习/操作 1.文档阅读 https://mp.weixin.qq.com/s?__biz=MzU0MTU4OTU2MA==&mid=2247486382&idx=1&sn=32fbf3634e4d44175a44c74fa53463a1//使用Vite2+TypeScript4+Vue3技术栈,如何入手开发项目 http://cn.vitejs.de..原创 2021-04-09 15:01:08 · 173 阅读 · 1 评论 -
2021-03-23 - 前端 - 文件上传 - 学习/实践
1.应用场景主要用于前端上传文件, 如: 图片等. 2.学习/操作 要实现图片上传的效果: 1.文档阅读 https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/Input/file //<input type="file"> https://developer.mozilla.org/zh-CN/docs/Web/API/File/Using_files_from_w...原创 2021-03-23 18:23:17 · 214 阅读 · 0 评论 -
前端 - Fetch网络请求 - 学习/实践
1.应用场景主要用于前端向后端服务发送请求, 含跨域请求. 2.学习/操作 1.文档阅读 https://developer.mozilla.org/zh-CN/docs/Web/API/Fetch_API/Using_Fetch //使用 Fetch https://wangdoc.com/javascript/bom/cors.html http://www.ruanyifeng.com/blog/2016/04/cors.html https://..原创 2020-12-30 12:03:38 · 413 阅读 · 0 评论 -
前端 - 系统知识体系学习 - 2020-12-28
1.应用场景主要用于系统学习前端, 掌握扎实的前端知识体系. 2.学习/操作 1.文档阅读 https://developer.mozilla.org/zh-CN/ https://wangdoc.com/javascript/index.html https://es6.ruanyifeng.com/ https://developers.google.com/web/tools/chrome-devtools/ 视频学习..原创 2020-12-29 14:03:31 · 417 阅读 · 6 评论 -
Javascript - 实现Javascript控制ScrollBar(滚动条) - 学习/实践
1.应用场景主要用于控制srollbar的位置, 实现界面定位效果 2.学习/操作 在Javascript中有三种方法能够控制滚动条的位置. 方法一:用scroll函数实现 scroll(x,y); x代表横向滚动条的位置,也就是控制左右位置,当为0时, 代表最左边,当为document.body.scrollWidth时, 代表最右边. y代表纵向滚动条的位置,也就是控制上下位置,当为0时, 代表最上面,当为document.body.scrollHeight时,原创 2020-11-27 16:45:33 · 8741 阅读 · 0 评论 -
Javascript - replace()方法替换变量[含对变量进行全文替换] - 实践
https://blog.csdn.net/yzbben/article/details/53467659 //JS replace()方法替换变量(可以对变量进行全文替换)原创 2020-10-09 17:34:31 · 2536 阅读 · 0 评论 -
JavaScript - 网页跳转 - 收集
https://www.cnblogs.com/lijshui/p/7451360.htmlhttps://www.cnblogs.com/tfphp/p/6126013.html后续整理补充...原创 2020-12-18 15:47:39 · 390 阅读 · 0 评论 -
Package.lock.json 文件为什么在执行npm install被修改 ?!
1.应用场景 主要用于理解npm install 生成的package-lock.json是什么文件?有什么用? 以及什么情况下会改变, 如何处理. 2.学习/操作 暂时参考: https://www.zhihu.com/question/62331583 https://github.com/npm/npm/issues/17979//why is package-lock being ignored? #17979 ...原创 2020-09-18 11:04:37 · 2327 阅读 · 0 评论 -
Javascript - dom[含虚拟dom] - 学习/实践
1.应用场景主要学习JavaScript中有关dom的知识,从而更加深入理解前端开发. 2.学习/操作 1.介绍 DOM DOM 是 JavaScript 操作网页的接口,全称为“文档对象模型”(Document Object Model)。它的作用是将网页转为一个 JavaScript 对象,从而可以用脚本进行各种操作(比如增删内容)。 浏览器会根据 DOM 模型,将结构化文档(比如 HTML 和 XML)解析成一系列的节点,再由这些节点组成一个树状结构(DOM原创 2020-08-24 17:26:38 · 2071 阅读 · 0 评论 -
网络/Network - 应用层 - HTTP - GET 通过 Body 来发送数据 - 学习/实践
学习了解http的get请求方法的用法及不知道的信息.原创 2020-08-11 18:35:51 · 6736 阅读 · 0 评论 -
Chrome中如何禁止指定网站js的执行 - 实践
1.应用场景 主要用于禁止某些网站[至于那些网站, 你知道的~~]JavaScript脚本的执行, 比如, 当我们拷贝某个文字时, 必须要登录, 但是登录有些麻烦, 或者懒得登录. 2.学习/操作 环境: Windows 10 -64 位 - 专业版 工具: Chrome 1.介绍/解决办法 在我们的PC浏览器页面上复制[按下Ctrl+C时]一些东西, 弹出提示提示框 需要登录. 非隐身窗口: 隐身窗...原创 2020-08-08 16:39:14 · 22884 阅读 · 3 评论 -
JavaScript - 浏览器中点击拷贝内容
主要用于浏览器中点击button进行内容的拷贝, 节省一点时间, 以及了解实现的过程。原创 2020-06-16 18:39:16 · 3069 阅读 · 0 评论 -
JavaScript - 手写实现ajax 以及 ajax封装
主要用于与后端数据交互, 请求api获取数据, 实现页面的无刷新请求数据,保证良好的用户体验.原创 2020-06-13 11:25:01 · 3233 阅读 · 1 评论 -
JavaScript - 错误处理机制 - 错误类型与处理
1.应用场景 主要用于前端开发时, 通过查看错误类型关键字,定性分析可能的原因。 也帮助我们理解js。 2.学习/操作 key points: ReferenceError TypeError 后续补充 ... 3.问题/补充 TBD 4.参考TBD //TBD 后续补充......原创 2020-05-11 16:26:29 · 3199 阅读 · 0 评论 -
JavaScript - async/await 学习/使用 - 采坑
1.应用场景主要用于异步编程, 用于前端[JavaScript], 后端[nodeJS] 2.学习/操作 1.介绍 ES2017 标准引入了 async 函数,使得异步操作变得更加方便。 async 函数是什么?一句话,它就是 Generator 函数的语法糖。 2.学习 https://es6.ruanyifeng.com/#docs/async //阮一峰 -async 函数 https://time.geekbang.org/c...原创 2020-06-10 18:51:21 · 5057 阅读 · 0 评论 -
JavaScript - Promise 对象 - 学习/实践
1.应用场景 Promise 解决的是异步编码风格的问题,而不是一些其他的问题,所以接下来我们聊的话题都是围绕编码风格展开的。 主要用于网络请求[异步编码风格] 还有一些其他异步任务等 2.学习/操作 1.介绍 TBD 2.学习 TBD 3.实践 TBD 4.思考 TBD 后续补充 ... 3.问题/补充 T...原创 2020-06-05 11:29:03 · 3083 阅读 · 0 评论 -
JavaScript - 定时器 - 学习/实践
1.应用场景 主要用于定时执行代码. 应用场景: 1.防抖动, 2.调整事件的发生顺序,用户自定义的回调函数,通常在浏览器的默认动作之前触发, 3.将任务放到浏览器最早可得的空闲时段执行,所以用于那些计算量大、耗时长的任务, 4.代码高亮的处理 2.学习/操作 1.介绍 JavaScript 提供定时执行代码的功能,叫做定时器(timer),主要由setTimeout()和setInterval()这两个函数来完成。 ..原创 2020-06-04 17:41:22 · 2975 阅读 · 0 评论 -
Google APIs 学习/使用
1.应用场景了解并使用Google APIs, 用于开发当中. 2.学习/操作 背景: 公司开发有用到Google APIs,所以只能去了解. TBD 3.问题/补充 TBD 4.参考 https://github.com/googleapis/google-api-nodejs-client/#google-apis //googleapis/google-api-nodejs-client https:/..原创 2020-05-25 17:55:34 · 5859 阅读 · 0 评论 -
JavaScript - 随机获取数组元素
1.应用场景随机获取数组元素. 2.学习/操作 1.随机获取数组一个元素 var items = ['1','2','4','5','6','7','8','9','10']; var item = items[Math.floor(Math.random()*items.length)]; 2.随机获取几个元素 function getRandomArrayElements(arr, count) { var ..原创 2020-05-22 18:44:37 · 25276 阅读 · 0 评论 -
JavaScript - call(), apply(), bind()的区别
主要用于this的动态切换,固然为 JavaScript 创造了巨大的灵活性,但也使得编程变得困难和模糊。有时,需要把this固定下来,避免出现意想不到的情况。JavaScript 提供了call、apply、bind这三个方法,来切换/固定this的指向。原创 2019-04-21 00:42:45 · 3724 阅读 · 0 评论 -
JavaScript - 实例对象 与 new命令
1.应用场景 JavaScript 语言具有很强的面向对象编程能力, 学习JavaScript 面向对象编程的基础知识。 2.学习/操作 1.介绍 面向对象编程的第一步,就是要生成对象。 前面说过,对象是单个实物的抽象。通常需要一个模板,表示某一类实物的共同特征,然后对象根据这个模板生成。 典型的面向对象编程语言(比如 C++ 和 Java),都有“类”(class)这个概念。所谓“类”就是对象的模板,对象就是“类”的实例。 .原创 2020-05-18 16:01:23 · 2984 阅读 · 0 评论 -
JavaScript - 正则表达式 - RegExp 对象
1.应用场景学习正则使用,处理字符串的各种操作. 2.学习/操作 TBD 3.问题/补充 TBD 4.参考https://wangdoc.com/javascript/stdlib/regexp.html //RegExp 对象 后续补充...原创 2020-05-15 10:51:22 · 2944 阅读 · 0 评论 -
JavaScript - ES6 - latest - 学习/实践
1.应用场景学习使用ES6标准, 新语法, 高效安全地进行前端项目的开发. 2.学习/操作 1.介绍 TBD 2.学习 TBD 3.使用 TBD 4.总结 TBD 后续补充 ... 3.问题/补充 1.如何开启严格模式[源码中, Chrome Dev 以及 FireBug中] 严格模式通过在脚本或函数的头部添加 "use stri...原创 2020-05-13 16:37:46 · 3081 阅读 · 0 评论 -
JavaScript - 编程风格学习与汇总
1.应用场景主要用于前端代码编写, 养成良好的编程风格,有助于写出质量更高、错误更少、更易于维护的程序。 2.学习/操作 TBD 3.问题/补充 TBD 4.参考https://wangdoc.com/javascript/features/style.html //阮一峰 -编程风格 后续补充......原创 2020-05-12 16:02:43 · 2753 阅读 · 0 评论 -
JavaScript - 高效/良好coding收集
1.应用场景 主要用于前端开发, 编写高效的代码,比较优质的coding 2.学习/操作 1.整数运算 1.1 取整 1.2 互换值 后续补充 ... 3.问题/补充 TBD 4.参考https://wangdoc.com/javascript/operators/bit.html //二进制位运算符 后续补充......原创 2020-05-12 10:34:28 · 2957 阅读 · 0 评论 -
Javascript - 如何代码中字符串换行书写
1.应用场景 主要用于了解前端项目字符串换行显示的一些书写方式. 即可在源码换行书写, 实际上输出是单行, 也可以是实际输出也是多行显示. 2.学习/操作 Javascript中,字符串默认只能写在一行内,分成多行将会报错。 'a b c' // SyntaxError: Unexpected token ILLEGAL 上面代码将一个字符串分成三行,JavaScript 就会报错。 如果长字...原创 2020-05-09 16:13:04 · 52994 阅读 · 0 评论 -
JavaScript - 核心语法学习
了解学习JavaScript语言的最核心的东西,帮助我们重新理解前端本质, 快速高效开发前端项目。原创 2020-05-06 16:42:05 · 3103 阅读 · 0 评论 -
Javascript 对象属性CURD操作
1.应用场景了解js对象的属性相关操作, 应用于开发中. 2.学习/操作 1.介绍 js中有句名言: 一切皆对象 在编程语言里, 相同点, 对象是存储数据的容器, 而且都常是使用{}来表示, 但是声明对象的方式有很多种, 不同的语言也不尽相同. js中声明对象方式也有集中, 这里主要使用字面量声明 即{} var obj = {...原创 2020-04-30 14:55:09 · 3169 阅读 · 0 评论 -
Javascript - this到底是什么, 应该怎么用?
1.应用场景学习前端知识, 弄清楚this,有助于我们进行前端项目开发, 提高效率以及少踩坑. 2.学习/操作 整理后发出 ... 备用代码: function Counter() { this.sum = 0; this.count = 0; } Counter.prototyp...原创 2020-04-29 18:08:06 · 3003 阅读 · 0 评论 -
前端 - Javascript 数组/对象 - 循环语句汇总
1.应用场景主要用于数组array, 对象{}/map, set进行循环流程处理. 2.学习/操作 1.普通for循环 自行指定循环次数 2.for..in循环 属历史遗留,用于遍历对象的属性(数组的索引值也算属性)。 但有一个缺点:如果手动向数组添加成员属性,则: 虽然数组的length不变,但用for..in遍历数组会遍...原创 2020-04-29 15:53:56 · 3821 阅读 · 0 评论 -
AngularJs 自定义指令中的Scope属性
1.应用场景了解AngularJs 自定义指令中的Scope属性的用法. 2.学习/操作 一、概念说明 可以是true、 false 、哈希对象 {} 1、true 新创建了一个作用域,且继承了父作用域;在初始化的时候,用了父作用域的属性和方法去填充我们这个新的作用域。它和父作用域不是同一个作用域。 2、false 默认(不指定...原创 2020-04-28 18:41:41 · 3224 阅读 · 0 评论 -
Karma 学习与使用
1.应用场景主要用于前端单元测试, 这里了解和学习, 主要是因为要维护公司的项目[angularJS1.x 与 karma]. 2.学习/操作 1.介绍 前端单元测试工具 2.学习 TBD 后续补充 ... 3.问题/补充 TBD 4.参考http://karma-r...原创 2020-04-27 15:23:29 · 2980 阅读 · 0 评论 -
AngularJS 1.x
1.应用场景主要用于旧项目的维护. 2.学习/操作 学习的目的: 只是为了维护公司的旧项目, 不让我不会去学习AngularJS [1.x版本]. 版本: AngularJS 1.x vscode 1. 介绍 TBD 2. 学习 TBD ...原创 2020-04-26 21:42:40 · 3060 阅读 · 0 评论 -
前端 - 开发技巧收集
1.应用场景主要用于前端开发, 提升工作效率. 2.学习/操作 TBD 3.问题/补充 TBD 4.参考https://blog.csdn.net/sinat_35299495/article/details/105715237 //50个前端开发小技巧总结,提升你的竞争力,抓住金三银四的小尾巴 后续补充......原创 2020-04-25 21:40:05 · 3089 阅读 · 0 评论 -
TypeScript(TS) - 学习与实践
主要用于开发大型前端应用.便于维护大型项目的维护。原创 2020-04-24 22:04:03 · 3319 阅读 · 0 评论 -
Javascript 数组求和的方法
1.应用场景主要用于数组求和 2.学习/操作 TBD 3.问题/补充 TBD 4.参考 https://blog.csdn.net/weixin_40687883/article/details/85248195 https://www.jb51.net/article/154559.htm 后续补充......原创 2020-04-24 21:35:23 · 11842 阅读 · 0 评论 -
Javascript 作用域链和闭包 :代码中出现相同的变量,JavaScript引擎是如何选择的?
用于了解作用域链和闭包, 以及他们的用法, 在开发中常见的用法,同时对比不同语言实现闭包的方式和本质。原创 2020-04-23 22:09:38 · 2859 阅读 · 0 评论 -
Javascript 暂停/终止脚本
1.应用场景主要用于终止js脚本执行, 如代码调试. 业务逻辑需要. 2.学习/操作 1. function中的return false 与 return的区别? return语句终止函数的执行,并返回一个指定的值给函数调用者。 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/St...原创 2020-04-22 22:21:33 · 12510 阅读 · 0 评论 -
AngularJS 自定义指令如何使用
1.应用场景主要用于自定义指令, 减少代码重用,提高代码可读性,也便于后期维护。 2.学习/操作 TBD 3.问题/补充 TBD 4.参考 https://www.jb51.net/article/58229.htm //angularjs指令中的compile与link函数详解 https://blog.csdn.net/v...原创 2020-04-22 11:39:50 · 2877 阅读 · 0 评论 -
Javascript 获取数组长度, 对象成员个数, 字符串数
1.应用场景获取数组长度, 对象成员个数, 字符串数. 2.学习/操作 TBD 3.问题/补充 TBD 4.参考https://www.cnblogs.com/sunnywindycloudy/p/7382226.html //js获取数组长度,对象成员个数、字符串数 后续补充......原创 2020-04-13 14:51:02 · 8971 阅读 · 0 评论