![](https://img-blog.csdnimg.cn/20190901183452245.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
javascript
文章平均质量分 78
程序员Syoyu
这个作者很懒,什么都没留下…
展开
-
一文带你构建自己的脚手架
何为脚手架?在日常开发中,我们创建vue项目所使用的vue-cli,创建react项目的create-react-app…都是非常优秀的脚手架。那为什么要使用脚手架来创建项目呢?因为在实际开发中,使用脚手架我们可以快速的初始化一个项目,无需自己一步一步配置,可以有效的提升开发效率。既然已经有这么多优秀的脚手架工具了,为什么还要自己开发一个脚手架呢?其实在实际开发中,有可能这些脚手架不符合我们的实际应用,这时候就需要我们自己根据实际的需求自己去“造轮子”。原创 2022-11-14 09:45:52 · 1210 阅读 · 1 评论 -
【JS】一文学会正则表达式
1.概述1.1什么是正则表达式正则表达式( Regular Expression )是用于匹配字符串中字符组合的模式。在JavaScript中,正则表达式也是对象。正则表通常被用来检索、替换那些符合某个模式(规则)的文本。例如验证表单:用户名表单只能输入英文字母、数字或者下划线,昵称输入框中可以输入中文(匹配)。正则表达式还常用于过滤掉页面内容中的一些敏感词(替换),或从字符串中获取我们想要的特定部分(提取)。…其他语言也会使用正则表达式,作为前端萌新,这里我主要是利用JavaScri原创 2022-04-14 17:11:04 · 994 阅读 · 0 评论 -
【JavaScript】一文学会JavaScript继承
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-EzzMcBXp-1649325798847)(https://note.youdao.com/yws/res/836/WEBRESOURCE7533d44b0c7e49a12c16601fddfdce3f)]1. 原型链继承原理:让子类的原型等于父类的实例function Animal() { this.name = 'dog'}Animal.prototype.getName = function() {原创 2022-04-07 18:04:20 · 850 阅读 · 0 评论 -
[Vue warn]: Error in mounted hook: “TypeError: Cannot read property ‘getAttribute‘ of null“
最近在vue中用echarts的时候报如下错误:报错原因:Echarts的图形容器还未生成就对其进行了初始化。 于是在网上搜索了解决该问题的方法。但大多解决办法都是使用ref来代替document.getElementById()获取该图形容器对象。 但是用了之后还是会报错,于是我们转换思路,可以先用ref来判断该容器是否存在,如果存在,之后我们再用document.getElementById()来获取dom对象。代码如下:<template> <div> &原创 2021-03-23 10:13:24 · 567 阅读 · 0 评论 -
Ajax基础
##1.Ajax的实现步骤###1.1 创建Ajax对象var xhr = new XMLHttpRequest();###1.2 告诉Ajax请求地址以及请求方式xhr.open('get','http://www.example.com')###1.3 发送请求xhr.send()###1.4 获取服务器端给客户端的响应数据xhr.onload = function() { console.log(xhr.responseText);}##2.服务器端响应的数据格式原创 2020-05-09 20:44:31 · 198 阅读 · 0 评论 -
有3个按钮,我们给每个按钮添加点击事件,希望每次点击时输出当前点击的是第几个按钮,但是目前不论点击哪个按钮,最终输出的都是4。把下面的代码改正,实现我们要求的功能。 效果图如下:
有3个按钮,我们给每个按钮添加点击事件,希望每次点击时输出当前点击的是第几个按钮,但是目前不论点击哪个按钮,最终输出的都是4。把下面的代码改正,实现我们要求的功能。 效果图如下:(1)单击方法导致的循环问题。提示:单击方法在循环外面定义(2)在循环中调用,并将被点的按钮的型号传进去提示:每次进入一个新的作用域,都会创建一个用于搜索变量和函数的作用域链,搜索的顺序是沿着作用域链从当前作用域...原创 2020-03-02 23:33:08 · 995 阅读 · 0 评论 -
本地存储之window.sessionStorage和window.localStorage
window.sessionStorage和window.localStorage1.window.sessionStorage(1).生命周期为关闭浏览器窗口(关闭浏览器之后,所存储的数据也就随之清空)(2).以键值对形式存取使用(3).在同一窗口(页面)下数据可以共享存储数据sessionStorage.setItem(key,val)获取数据sessionStorage.s...原创 2019-09-18 13:55:57 · 4182 阅读 · 2 评论 -
缓动动画
转自个人网站:https://www.jinxiaoliang.cn/2019/09/01/javascript-animation-07/一、缓动动画原理1.缓动动画就是让元素运动的速度有所改变,最常见的就是让运动速度慢慢停下来。2.思路:(1)让盒子每次移动的距离慢慢变小,盒子就会慢慢停下来(2)核心算法:让**(目标值 - 盒子目前的位置)/ 10** 的值作为每次盒子移动的距离,...原创 2019-09-02 00:33:25 · 668 阅读 · 0 评论 -
JavaScript之offset以及模态框拖拽的实现
转自个人网站:https://www.jinxiaoliang.cn/2019/08/30/javascript-offset-04/一、offset概述offset翻译过来就是偏移量,使用offset的相关属性可以动态的获取元素的偏移、大小等获得元素距离带有定位父元素的位置获得该元素自身的大小(高宽)注意:返回的数值都不带单位offset系列常用属性:offset系列属...原创 2019-09-01 18:51:34 · 607 阅读 · 1 评论 -
JavaScript之立即执行函数
1.含义:立即执行函数就是不需要调用,就可以直接执行//普通函数function fn(){};//声明定义函数fn();//调用//立即执行函数(function fn(){}());//立即执行2.写法(1)、(function(){}());//其中function(){}声明了之后就直接被里面的括号调用了,里面的“()”就可以理解为调用的意思。 (2)、(function...原创 2019-09-01 18:20:55 · 146 阅读 · 0 评论