随笔分类 -  前端

js中改变this指向的call、apply、bind 方法使用
摘要：前言： 由于js 中this的指向受函数运行环境的影响，指向经常改变，使得开发变得困难和模糊，所以在封装sdk，写一些复杂函数的时候经常会用到this 指向绑定，以避免出现不必要的问题，call、apply、bind基本都能实现这一功能，现对这三种方法使用总结一下： 1、function.proto 阅读全文
posted @ 2022-02-09 15:38 naonaoa 阅读(142) 评论(0) 推荐(0)
js常用的遍历函数
摘要：1.for循环，需要知道数组的长度，才能遍历 var arr =['2','豆豆熊',true,'HelloWorld']; for (var i = 0; i < arr.length; i++) { console.log(arr[i]); }1234 2. forEach循环，循环数组中每一个 阅读全文
posted @ 2022-01-30 12:29 naonaoa 阅读(390) 评论(0) 推荐(0)
练习打字的网站
摘要：作为一名将往程序员方向发展的朋友们，技术固然重要，但也别忘记让你的打字速度跟上你的思维哦 这是我最近发现可以联系的宝藏网站，页面简约，还有练习打字速度的小游戏，每天练习几分钟盲打，一段时间后你会发现你的突飞猛进哦 网站一 当当当当，还有学习打字的课程 阅读全文
posted @ 2022-01-11 20:18 naonaoa 阅读(668) 评论(0) 推荐(0)
replace()第二个参数是函数
摘要：当replace() 方法的第二个参数 replacement是函数而不是字符串时，每次匹配都调用该函数，将这个函数的返回的字符串将作为替换文本使用。这个函数是自定义的替换规则。 当第二个参数是函数时，这个函数的前三个参数（）： 1、当正则没有分组的时候，传进去的第一个实参是正则捕获到的内容，第二个 阅读全文
posted @ 2021-12-24 15:56 naonaoa 阅读(517) 评论(0) 推荐(0)
VS Code 的常用快捷键
摘要：重命名变量: 选中变量名后按F2 转到变量名的定义处: 选中变量名后按F12 同时选择多个单词: Alt + Click 同时选择上一行 (Ctrl + Alt + Up) 或者下一行 (Ctrl + Alt + Down) 的相同位置： 依次找出文中所有的当前选中的单词: Ctrl + D 一次性 阅读全文
posted @ 2021-12-18 12:03 naonaoa 阅读(739) 评论(2) 推荐(0)
vscode中去掉空白的行
摘要：按下ctrl+h键进行正则匹配：^\s*(?=\r?$)\n 点击全部替换，就会把空行全部清除 阅读全文
posted @ 2021-12-17 19:12 naonaoa 阅读(1150) 评论(0) 推荐(0)
svg箭头（转载https://blog.csdn.net/lzhlzz/article/details/41808231）
摘要：在 SVG 绘制区域中作图，在绘制直线和曲线时，常需要在某处添加箭头。本文介绍如何在 D3 中给直线和曲线添加箭头。 到目前为止，我们绘制 D3 的图表都是在 SVG 绘制区域内，虽然 D3 也可用 Canvas 或 WebGL 等作图，但 SVG 是最常用的。那么，用 D3 来绘制箭头，先要明白在 阅读全文
posted @ 2021-12-16 10:22 naonaoa 阅读(1498) 评论(0) 推荐(0)
如何找开源项目
摘要：找开源项目的一些途径 • https://github.com/trending/ • https://github.com/521xueweihan/HelloGitHub • https://github.com/ruanyf/weekly • https://www.zhihu.com/col 阅读全文
posted @ 2021-12-15 21:04 naonaoa 阅读(326) 评论(0) 推荐(0)
js中this的指向
摘要：彻底理解js中this的指向，不必硬背。首先必须要说的是，this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象（这句话有些问题，后面会解释为什么会有问题，虽然网上大部分的文章都是这样说的，虽然在很多情况下那样去理解不会 阅读全文
posted @ 2021-12-15 12:05 naonaoa 阅读(184) 评论(0) 推荐(0)
js中的匿名函数
摘要：匿名函数顾名思义指的是没有名字的函数，在实际开发中使用的频率非常高！也是学好JS的重点。 匿名函数：没有实际名字的函数。 首先我们声明一个普通函数： //声明一个普通函数，函数的名字叫fn function fn(){ console.log("张培跃"); } 然后将函数的名字去掉即是匿名函数： 阅读全文
posted @ 2021-12-14 18:01 naonaoa 阅读(479) 评论(0) 推荐(0)
canvas与svg的区别有什么？canvas和svg的区别比较
摘要：canvas与svg都是可以在浏览器上创建图形，因此，在html5中感觉canvas和svg很相似，但是实际上canvas与svg有着根本的区别。下面php中文网通过比较canvas和svg之间的不同来给大家总结了关于canvas与svg的区别。一起来看一看吧。 在说canvas与svg的区别之前， 阅读全文
posted @ 2021-12-12 11:52 naonaoa 阅读(1375) 评论(2) 推荐(0)
ondragstart 事件
摘要：在拖动目标上触发事件 (源元素): ondragstart - 用户开始拖动元素时触发 ondrag - 元素正在拖动时触发 ondragend - 用户完成元素拖动后触发 释放目标时触发的事件: ondragenter - 当被鼠标拖动的对象进入其容器范围内时触发此事件 ondragover - 阅读全文
posted @ 2021-12-09 09:18 naonaoa 阅读(342) 评论(0) 推荐(0)
GitHub 2020精选实战项目
摘要：GitHub 2020精选实战项目 精心整理GitHub上从入门级到已用于生产坏境的完整项目。 从优秀的开源项目中我们可以学习到例如：程序架构设计、设计模式，数据库设计，设计理念、性能优化等众多先进理念。 初级 项目 描述 gothinkster/realworld 一个功能完整的web示例程序，包 阅读全文
posted @ 2021-12-08 20:54 naonaoa 阅读(525) 评论(2) 推荐(0)
rem
摘要：![](https://img2020.cnblogs.com/blog/1927335/202112/1927335-20211207215108016-2075395757.png) 阅读全文
posted @ 2021-12-07 21:51 naonaoa 阅读(28) 评论(0) 推荐(0)
HTML DOM offsetLeft 属性
摘要：#test { left: 100px; top: 50px; margin: 10px; padding: 10px; width: 300px; position: relative; border: 5px solid black } <div id="test"> <p>点击按钮获取 div 阅读全文
posted @ 2021-12-03 16:55 naonaoa 阅读(69) 评论(1) 推荐(0)
JavaScript let 和 var
摘要：链接 阅读全文
posted @ 2021-12-03 13:57 naonaoa 阅读(36) 评论(0) 推荐(0)
前端存疑
摘要：带参函数 存在margin失效问题 前端z-index=-1;没有被同一位置的元素覆盖，难道是加了z-index=99;有待解决 阅读全文
posted @ 2021-12-02 08:26 naonaoa 阅读(24) 评论(0) 推荐(0)
CSS 布局 - display: inline-block
摘要：display: inline-block 与 display: inline 相比，主要区别在于 display: inline-block 允许在元素上设置宽度和高度。 同样，如果设置了 display: inline-block，将保留上下外边距/内边距，而 display: inline 则 阅读全文
posted @ 2021-11-28 20:11 naonaoa 阅读(151) 评论(2) 推荐(0)
前端html标签英文含义
摘要：标签标签含义英文英文含义备注h标题headline标题 p段落paragraph段落 hr水平分割线horizontal rules水平分割线 b加粗bold加粗/粗体 strong加粗(强调语义)strong强壮的 i倾斜incline倾斜 em倾斜(强调语义)emphasize [‘emfəsa 阅读全文
posted @ 2021-11-12 09:13 naonaoa 阅读(788) 评论(0) 推荐(0)