- 博客(64)
- 资源 (1)
- 问答 (2)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 超简单!图解Vue的四个v-on:mouse触发机制及区别
一张图说明一切!进父DIV时,触发onmouseenter和onmouseover在父DIV逗留,一直触发onmouseover进父DIV中的子DIV时,触发onmouseout出子DIV时,触发onmouseover,即在父DIV逗留出父DIV,触发onmouseleave,离开父DIV...
2020-05-05 12:59:21
4073
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 javascript弹出浏览器的三种提示框:提示信息框、确认框、输入文本框
浏览器的三种提示框: alert()提示信息框 confirm()提示确认框 prompt()提示输入文本框 1、alert()提示信息框效果:实现代码:<script> alert("Hello");</script> 2、confirm()提示确认框效果:实现代码:<...
2018-09-27 19:33:05
63681
3
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 javascript的二进制、八进制、十六进制表示和相互转换
//二进制0b开头//八进制0开头//十六进制0x开头<script>//二进制0b开头//八进制0开头//十六进制0x开头var a = 0b10;var b = 070;var c = 0x36;//输出自动转换成十进制数document.write(a);document.write(b);document.write(c);</scri...
2018-09-26 18:15:16
24864
1
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 mysql找不到my.ini的解决方法
先设置隐藏文件可见然后在c盘下输入%programdata%进入programdata从而进入programdata/mysql/mysql server 8.0找到my.ini,可进行相应的配置更改
2018-06-23 08:16:07
27446
9
转载 ES5新增的对象方法
ES5新增的对象方法freeze和seal的区别:Object内置对象里有几个静态方法, 用来限制对对象的扩展和配置。Object.preventExtension: 禁止对象添加属性。Object.seal: 在对象上调用Object.preventExtension(…)并且把所有属性标记为configurable: false, 即不能给对象添加新属性, 也不能重新配置对象的所有属性。Object.freeze: 在对象上调用Object.seal(…)并把所有属性标记为writable:
2020-05-24 19:50:58
323
转载 Stylus、Less和Sass的区别
Stylus、Less和Sass的区别CSS 预处理器技术已经非常的成熟了,而且也涌现出了越来越多的 CSS 的预处理器框架。本文便总结下 Sass、Less CSS、Stylus这三个预处理器的区别和各自的基本语法。1.什么是 CSS 预处理器CSS 预处理器是一种语言用来为 CSS 增加一些编程的的特性,无需考虑浏览器的兼容性问题,例如你可以在 CSS 中使用变量、简单的程序逻辑、函数等等在编程语言中的一些基本技巧,可以让CSS 更见简洁,适应性更强,代码更直观等诸多好处。2.基本语法区别:在
2020-05-17 14:52:37
433
转载 zepto开发文档介绍
zepto开发文档Zepto是一个轻量级的针对现代高级浏览器的JavaScript库, 它与jquery有着类似的api。 如果你会用jquery,那么你也会用zepto。Zepto的设计目的是提供 jQuery 的类似的API,但并不是100%覆盖 jQuery 。Zepto设计的目的是有一个5-10k的通用库、下载并快速执行、有一个熟悉通用的API,所以你能把你主要的精力放到应用开发上。...
2020-05-17 14:50:25
232
转载 gulp介绍
gulp官方入门安装:Gulp和Webpack的基本区别:gulp可以进行js,html,css,img的压缩打包,是自动化构建工具,可以将多个js文件或是css压缩成一个文件,并且可以压缩为一行,以此来减少文件体积,加快请求速度和减少请求次数;并且gulp有task定义处理事务,从而构建整体流程,它是基于流的自动化构建工具。Webpack是前端构建工具,实现了模块化开发和文件处理。他的思想就是“万物皆为模块”,它能够将各个模块进行按需加载,不会导致加载了无用或冗余的代码。所以他还有个名字叫前端模块化
2020-05-17 14:33:38
188
转载 autoprefixer自动补全css前缀
autoprefixer会自动补全css前缀,减轻开发者负担。https://css-tricks.com/autoprefixer/
2020-05-17 14:12:14
566
转载 HTML在浏览器实时预览的工具liveReload(vscode+chrome)
https://www.cnblogs.com/alex-zen/p/9811695.html
2020-05-17 13:58:13
727
转载 代码解读面向对象的四种模式:工厂模式、构造函数模式、原型模式、混合模式
https://www.cnblogs.com/robint/p/11397395.html
2020-05-17 13:40:18
272
转载 JSON和JSONP原理及调用实现
https://www.cnblogs.com/dowinning/archive/2012/04/19/json-jsonp-jquery.html
2020-05-17 13:37:43
288
1
转载 函数防抖和节流
在前端开发的过程中,我们经常会需要绑定一些持续触发的事件,如 resize、scroll、mousemove 等等,但有些时候我们并不希望在事件持续触发的过程中那么频繁地去执行函数。通常这种情况下我们怎么去解决的呢?一般来讲,防抖和节流是比较好的解决方案。让我们先来看看在事件持续触发的过程中频繁执行函数是怎样的一种情况。html 文件中代码如下:<div id="content" style="height:150px;line-height:150px;text-align:center;
2020-05-13 14:58:55
168
原创 什么鬼,语法糖和语法盐?我还语法芥末大蒜南瓜饼呢!
特朗普、奥巴马、巴拿马、小魔仙、博主、银河、语法糖…以上词汇有一个特性,都是名词!是用来描述某一种东西的存在。语法糖和语法的区别就是它除了语法之外,还有一层包裹着语法(糖)的包装纸(糖纸)。语法糖不是什么新的语法、协议,它什么也不是!只是一种称谓!比如while和for循环。for是while的语法糖。两者实现的机制其实是一样的,只是代码书写起来不一样。可能for对某些人来说更易懂美观,所以把for当做while的语法糖;反过来有人觉得while美观好写,也没人可以阻碍他把它叫为for的语法糖。(一般
2020-05-13 09:59:42
310
转载 JavaScript 中 call()、apply()、bind() 的用法
其实是一个很简单的东西,认真看十分钟就从一脸懵B 到完全 理解!先看明白下面: 例1obj.objAge; //17obj.myFun() //小张年龄undefined例2shows() //盲僧比较一下这两者this 的差别,第一个打印里面的this 指向obj,第二个全局声明的shows()函数 this 是window ;1,call()、apply()、bind() 都是用来重定义 this 这个对象的!如: obj.myFun.call(db); //
2020-05-13 09:18:51
138
转载 通俗浅显的理解promise中的then
通俗浅显的理解promise中的then这篇文章写的太好了,忍不住copy过来,不用什么基础就能理解吃透promise的thenPromise,ES6中定义的规范,不会使用Promise,都不敢说自己用过ES6,大部分介绍Promise的规范的文章对于新手小白来说看得云里雾里,且并不是通俗易懂。本文通过实例介绍讲述Promise中then的的最通俗应用理解,代码建立在不出现异常的情况的操作下,不严谨之处,请以官方规范为标准。先看一下下面4个Promise到底有什么区别呢?func().then(fu
2020-05-10 20:56:27
1640
原创 fastClick快速点击模板
点击浏览器,会有300毫秒的延迟用来判断是否进行双击操作。取消该延迟机制需要用到fastclick。以下是清除300毫秒的fastclick模板,可以直接使用。 <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scal...
2020-05-06 14:23:47
136
原创 vue组件通信的五种方式:props、绑定监听、pubsub订阅消息、slot插槽、vuex
vue组件通信,父组件向子组件通信props方式和自定义事件方式,跨组件通信组件间通信,组件传递标签
2020-05-05 22:52:42
1119
2
原创 Git Bash必知易用的常见命令
0. 建立本地仓库在需要建立库的项目(目录内)打开git bash,输入git init,回车。$git init以下以文件 hello.txt 为例1. 添加文件/文件夹 到暂存区$git add hello.txt2. 提交到本地库$git commit -m "描述提交内容"3. 推送到远程仓库3.1 连接本地仓库与远程库GitHub①连接已知远程链...
2020-05-04 18:03:47
126
原创 js获得日历时间控件(附带源码链接)
js日历时间获得控件控件名称:97DatePicker百度网盘链接:https://pan.baidu.com/s/1DiiWKwxR8i8kgie0a3BgPA提取码:anbh原下载地址http://www.my97.net/support.asp效果如图:1、普通input框2、点击日历图片弹出日历3、点击任意时间获得时间...
2020-04-08 21:58:10
420
原创 解决table的宽高总是比td大4px的溢出问题
问题:已知table的margin=0、border=0、padding=0,但table做的背景溢出,如下图。问题定位:通过Chrome的代码检测发现table中border-pacing默认为2px,如下图。解决方法:css代码修改table的border-pacing为0px,如下图。结果:table的背景未溢出,如下图。原理分析border-spacing是表格的边框间距...
2020-02-10 20:38:18
820
原创 JS读取内联样式 并解决浏览器兼容性问题
**JS读取内联样式 并解决浏览器兼容性问题**<html><head> <title></title> <style type="text/css"> #box01{ width:200px; height:500px; background-color:red; /*!important优先级最高*/ ...
2018-11-15 22:30:21
1267
原创 JS使用innerHTML的注意事项
JS与HTML之间的注意事项innerHTMLinnerHTML用于获取元素内部的HTML代码。对于自结束标签,这个属性没有意义,如。如果需要读取元素节点属性,直接使用元素.属性名。例如:元素.id 元素.name 元素.value特例:class属性不能采用这种形式,读取class需要使用元素.className,因为class是保留字。...
2018-10-31 22:03:18
1424
原创 js基础 - DOM与节点的简单介绍
DOM什么是DOM 什么是节点 文档什么是DOMDOM(Document Object Model),全称翻译文档对象模型。D 文档,一个网页就是一个文档,document代表整个网页。 O 对象,网页编译的每一个部分、标签、文字都装换为可见的对象。一切皆对象。 M 模型,用来表现对象之间的关系,连接节点与节点。javascript获...
2018-10-31 21:13:33
149
原创 正则表达式 电子邮件和手机号码的格式检测
正则表达式详细介绍https://blog.csdn.net/qq_41604269/article/details/83541334电子邮件 - 电子邮件组成部分: as15_asd.fbd@qq.com.cn - 电子邮件格式:任意字母数字下划线 + (可选项: .字母数字下划线) + @ + 任意字母数字 + .任意字母...
2018-10-31 12:54:24
1220
原创 js基础 - 正则表达式的详细介绍以及电子邮件、手机号码的格式举例
正则表达式什么是正则表达式 正则表达式的创建 正则表达式的语法 字符串结合正则表达式的使用(重点) 电子邮箱和手机号码的格式测试 一、什么是正则表达式正则表达式用于定义一些字符串的规则,计算机可以根据正则表达式,来检查一个字符串是否符合规则,获取将字符串中符合规则的内容提取出来。二、正则表达式的创建①创建正则表达式的对象: 语法: var 变量 = ...
2018-10-30 15:47:52
547
1
原创 js基础-字符串的方法
在底层,字符串是以字符数组的形式保存的以下方法都不会影响原字符串!!!var str = "hello world";console.log(str.length); //①返回字符串长度var result = str[3]; //②返回字符串指定位置的字符console.log(result); result = str.charAt...
2018-10-30 14:21:16
120
原创 js基础-包装类String()、Number()、Boolean()
包装类String() Number() Boolean()***开发不使用包装类创建基本数据类型,否则会出现不可预估的错误***浏览器自己调用***方法和属性能添加给对象,不能添加给基本数据类型;***当我们对一些基本数据类型的值去调用属性和方法时,浏览器会临时使用包装类将其转换为对象,然后调用对象的属性和方法,调用完后,再将其转换为基本数据类型。例:var a =...
2018-10-28 11:25:15
218
原创 js基础-Math和随机数random
Math Math和其它的对象不同,它不是一个构造函数,它属于一个工具类,不用创建对象,里面封装了与数学相关的属性和方法比如Math.PI 表示圆周率常用方法Math.abs(); //计算一个值的绝对值Math.ceil(); //向上取整Math.floor(); //向下取整Math.round(); //四舍五入M...
2018-10-28 10:56:23
205
原创 js基础-Date对象
var d =new date(); //使用构造函数创建一个date对象,则会封装为当前代码执行的时间’var d2=new date(12/03/2018 9:07:00); //创建一个指定的时间对象,日期格式 月份/日/年 时:分:秒d2.getDate(); //返回几日d2.getDay(); //返回1,2,3,4,5,6,0 对应周一到周日d...
2018-10-28 10:38:40
194
原创 详谈javascript的toString()方法
toString方法作用强制数据类型转换 对象的默认返回值 修改toString的返回值强制数据类型转换toString做强制类型转换,我在另一篇文章javascript的强制数据类型转换有详细的介绍,这里不做述赘。https://blog.csdn.net/qq_41604269/article/details/82855778对象的默认返回值当我们直接在页面中打印一个...
2018-10-10 15:07:33
969
原创 详谈prototype和__proto__原型
prototype原型创建的每一个函数,解析器都会添加一个属性prototype,称为原型。属性prototype会指向一个原型对象 普通函数调用prototype没有任何作用 构造函数(类)调用prototype,通过构造函数(类)创建的对象(实例)都有一个隐含的属性__proto__,可以通过__proto__指向同一个原型对象特点:原型对象相当于一个公共的区域,所有同一个类的实...
2018-10-10 14:09:23
256
原创 javascript构造函数
构造函数和普通函数的区别就是调用的不同,普通函数直接调用,构造函数使用new关键调用,并且构造函数首字母一般大写。 构造函数的执行流程: 1、立即创建一个新的对象 2、将新建对象设置为函数的this,在构造函数中可以使用this引用对象 3、按顺序执行函数的代码 4、将对象作为函数返回值返回 <script typ...
2018-10-10 11:34:30
117
安装wampserver和xampp都遇到哪些奇葩问题
2021-03-24
前端--------学的东西真多!!!
2021-03-24
TA创建的收藏夹 TA关注的收藏夹
TA关注的人