- 博客(35)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
转载 vue表单常用的正则验证[邮箱,手机号,密码,固话,微信号等
这都是转载别人的大家在用的时候先验证一下 我是临时要用所以就随便搜了一下手机号:var validateMobilePhone = (rule, value, callback) => { if (value === '') { callback(new Error('负责人手机号不可为空')); } else { ...
2019-06-22 01:07:30
3154
转载 理解vue数据驱动
理解vue数据驱动使用vue分析Object.defineProperty简单的源码解析一切从头开始数据驱动部分-观察者插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入vue是双向数据绑定的框架,数据驱动是他的灵魂,他的实现原理众所周知是Object.defineProperty方法实现的
2021-05-20 10:47:20
625
原创 import和export自我理解
**好久没有写过博客了今天上来感觉自己以前写的很乱 **先来说说export 如果有不对的欢迎指正export 顾名思义就是出口,暴露出去的意思嘛,吧文件暴露出去,让其他地方接受这个文件,并加载暴露出去的这个模块使用export唯一的要注意的一点就是export 和export default 的区别,使用export default 暴露出去的函数 方法 在其他地方只能用import xxx from '../xx/xx'import name from '/path'不能用 {} 的接
2020-08-14 10:39:45
627
原创 对闭包的误解
对闭包的理解1.其实之前我对闭包一直存在误解,一直以为是从另一个函数去拿到这个函数的值 误解2.今天在看原生 又看到了闭包 对他重新做了理解1.希望变量长期驻扎在内存当中(一般函数执行完毕,变量和参数会被销毁)2.避免全局变量的污染function aaa() { var a = 1; a++; alert(a) }aaa()...
2020-04-21 15:20:55
198
原创 Promise
1.什么是Promise?Promise是JS异步编程中的重要概念,异步抽象处理对象,是目前比较流行Javascript异步编程解决方案之一2.对于几种常见异步编程方案回调函数事件监听发布/订阅Promise对象1.对于回调函数 我们用Jquery的ajax获取数据时 都是以回调函数方式获取的数据$.get(url, (data) => { console.log(...
2019-07-17 21:22:21
235
原创 vue中的query和params
路由传参的方式有query和params,我是一直以来被误导,有很多人都在说他们的区别的时候 都说,一个可以刷新一个不可以刷新,所说的就是query传参可以刷新,而params不能刷新,真的是这样吗?下面是我总结的,如有不对请指正,或联系我谢谢**注意**:不是说params就一定不能刷新,如果我们是使用的是 params路由传参的话,客户又不知道,又不懂什么是query,什么是params,你...
2019-07-12 10:05:35
852
原创 ajax和axios、fetch的区别
1.jQuery ajax$.ajax({ type: 'POST', url: url, data: data, dataType: dataType, success: function () {}, error: function () {}});传统 Ajax 指的是 XMLHttpRequest(XHR), 最早出现的发送后端请求技术,隶属于原...
2019-07-10 16:25:06
162
原创 react中的flux
Flux是Facebook用来构建客户端Web应用的应用架构。它利用单向数据流的方式来组合React中的视图组件。它更像一个模式而不是一个正式的框架,开发者不需要太多的新代码就可以快速的上手Flux。flux和redux都是根据组成部分创建对应的js文件把flux搞懂了其实想redux就会感觉简单点了;核心观念就是他们的逻辑;流程:View(view,controller-view) 视图...
2019-07-06 20:35:43
245
原创 react生命周期
一直没有时间去总结一下Vue和刚刚 开始学习的react,接下来的时间会注重这两个框架总结,如有总结不对 的地方欢迎指正,好了开始进入正题今天先说说react吧react的生命周期:1、mounted阶段 加载阶段 或者说初始化阶段 这个阶段组件由jsx(虚拟dom)转换成真实dom2、update阶段 组件运行中阶段 或者更新阶段 当组件修改自身状态,或者父组件修改子组件属性的时...
2019-07-06 09:54:01
199
原创 ajax和jq中的aiax
Ajax (Asynchronous Javascript And XML) 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。1、Ajax的优势: 不需要插件的支持,能被大多数主流浏览器支持优秀的用户体验,不用刷新整个页面,就能更新数据提高web程序的性能,通过XMLHttpRequest对象向服...
2019-07-05 21:16:31
302
转载 前端UI框架小汇总
前端UI框架小汇总前言: 近期,小弟根据GitHub、前端社区、掘金等平台对当前流行的前端UI框架的进行了小小的整理和汇总(ps:前端UI框架的应用是通过GitHub star数,社区热度和使用范围等进行的粗略的汇总【不分先后】)。希望对寻找UI框架的小伙伴们提供点帮助。以下对前端UI框架的移动端、PC端和混合APP的应用进行了列举。移动端UI框架Mint UI(饿了么团队) 中文...
2019-06-20 12:13:16
1071
转载 Vuex简单入门
Vuex简单入门今天试了一下Vuex,感觉跟Redux的实现思想类似。再此,简单地总结一下。什么是Vuex在Vue中,多组件的开发给我们带来了很多的方便,但同时当项目规模变大的时候,多个组件间的数据通信和状态管理就显得难以维护。而Vuex就此应运而生。将状态管理单独拎出来,应用统一的方式进行处理,在后期维护的过程中数据的修改和维护就变得简单而清晰了。Vuex采用和Redux类似的单向数据流的...
2019-06-17 20:09:22
208
原创 ajax
ajax是指一种创建交互式网页应用的网页开发技术。下面为大家介绍使用ajax的基本步骤和写法以及jq中的ajax。1、创建XMLHttpRequest对象var xhr = new XMLHttpRequest();2、准备发送xhr.open();3、执行发送xhr.send();4、指定回调函数xhr.onreadystatechange = functiion(){};下面...
2019-06-11 14:30:04
179
原创 标准模式和怪异模式
由于历史的原因,不同浏览器对页面的渲染是不同的,甚至同一浏览器的不同版本也是不同的。在W3C标准出台之前,不同的浏览器在页面的渲染上没有同一的规范,产生了差异,即Quirks mode(怪异模式或兼容模式);当W3C标准出台之后,不同浏览器对页面的渲染有了统一的标准,即Strict mode(标准模式或严格模式);这就是两者之间的区别。W3C标准推出前,旧的页面都是根据旧的渲染方式对页面进行渲染...
2019-06-10 08:53:57
283
原创 AMD, CMD, CommonJS和UMD
AMD, CMD, CommonJS和UMD今天由于项目中引入的echarts的文件太大,requirejs经常加载超时,不得不分开来加载echarts的各个图表。但是使用echarts自带的在线构建工具生成的支持AMD 标准的模块报错,所以不得不使用echarts的全局函数,使用requirejs的shim进行加载。借此机会学习一下AMD, CMD, CommonJS和UMD各自的规范,和它们...
2019-06-04 13:00:29
345
转载 gulp: Did you forget to signal async completion?处理
gulp: Did you forget to signal async completion?处理新思路背景学习gulp的前端自动化构建,按照示例代码,跑了一个简单的task,控制台打出如下提示:The following tasks did not complete: testGulp Did you forget to signal async completion?查阅Stac...
2019-06-02 17:54:40
339
原创 什么是gulp:重要吗
什么是gulp:Gulp 是基于node.js的一个前端自动化构建工具,开发这可以使用它构建自动化工作流程(前端集成开发环境)。使用gulp你可以简化工作量,让你把重点放在功能的开发上,从而提高你的开发效率和工作质量。例如:你可以用gulp可以网页自动刷新,和MVVM开发模式很相似,如果你对vue.js有所了解的话,那么你一定不会陌生。你也可以使用gulp对sass进行预处理、代码检测、图片...
2019-06-02 15:46:12
265
转载 JSONPlaceholder - 免费的在线REST服务(提供测试用的HTTP请求假数据)
JSONPlaceholder 是一个提供免费的在线 REST API 的网站,我们在开发时可以使用它提供的 url 地址测试下网络请求以及请求参数。或者当我们程序需要获取一些假数据、假图片时也可以使用它。网站地址:http://jsonplaceholder.typicode.com/其返回的数据为 JSON 格式,且同时支持 HTTP 和 HTTPS 这两种请求类型。一、GET 方式请求...
2019-06-01 11:37:00
619
原创 浅谈SEO
1.背景介绍什么是SEO?SEO由英文Search Engine Optimization缩写而来,中文意译为“搜索引擎优化”。其实叫做针对搜索引擎优化更容易理解。它是指从自然搜索结果获得网站流量的技术和过程,是在了解搜索引擎自然排名机制的基础上,对网站进行内部及外部的调整优化, 改进网站在搜索引擎中的关键词自然排名,获得更多流量,从而达成网站销售及品牌建设的目标。2.知识剖析搜索引擎工...
2019-05-30 08:26:30
427
原创 jq实现几种简单的按钮全选 单选
代码说明:当你点击前三个按钮中的任何一个的时候都会全选或者把123456按钮都点中的时候也会全选此代码可实现单选全选和全不选<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> &l...
2019-05-29 21:26:06
1699
原创 h5新增特性
H5新标签HTML5 中的一些有趣的新特性:1)用于绘画 canvas 元素。2) 用于媒介回放的 video 和 audio 元素。4)语意化更好的内容元素,比如 article、footer、header、nav、section3)5)表单控件,calendar、date、time、email、url、search。本地离线存储 (HTML5的离线储存)localStorag...
2019-05-28 22:22:43
3177
原创 常见的几个注册正则表达式的封装
简单的几个注册正则//通行证用户名function checkUserName(e){if(userName.value.length==0){span[0].innerText=‘通行证用户名不能为空’;span[0].className=‘danger’;return false;}var pattern=/1[A-Za-z0-9]{3,11}$/;if(!pattern...
2019-05-25 08:40:31
194
转载 闭包的理解
为什么要有回收机制?why?打个比方,我有一个内存卡,这个内存是8G的,我把文件,视频,音乐,都保存到了这个内存卡,随着我的储存的内容越来越多,这个内存卡已经保存不了了,如果我还想再把其他的文件保存到这个内存卡就需要删除一些文件,但是这些被删除的文件是我们自己手动删除的对吧,手动删除就相当于js中的delete。在这些程序语言中同样也会出现这些问题,对,内存!我们声明的任何变量都需要消耗内存,...
2019-05-25 08:32:09
146
转载 面试问题什么是异步非阻塞
一、同步与异步同步/异步, 它们是消息的通知机制概念解释A. 同步所谓同步,就是在发出一个功能调用时,在没有得到结果之前,该调用就不返回。按照这个定义,其实绝大多数函数都是同步调用(例如sin isdigit等)。但是一般而言,我们在说同步、异步的时候,特指那些需要其他部件协作或者需要一定时间完成的任务。最常见的例子就是 SendMessage。该函数发送一个消息给某个窗口,在...
2019-05-20 16:42:13
192
原创 简单的了解下什么是同步/异步、阻塞/非阻塞
相信干IT的或多或少都听说过同步、异步、阻塞、非阻塞这四个词,它们也可以分成两对,也就是同步、异步一对,阻塞、非阻塞一对,这个看词义就很好理解。关键问题在于同步和阻塞、异步和非阻塞之间的区别,很多人对这两组概念有点分不清,感觉意思差不多,其实它们描述的是两个不同的问题,我们用一个具体的场景来描述一下这四个词,用真实的生活场景感受一下它们的不同。我们应该都有过去银行柜台办理业务的经历,当人很多的时...
2019-05-20 16:40:23
202
原创 关于元素大小位置等信息的一些属性。有: clientLeft和clientTop clientWidth和clientHeight offsetLeft和offsetTop offsetParent
关于元素大小位置等信息的一些属性。有:clientLeft和clientTopclientWidth和clientHeightoffsetLeft和offsetTopoffsetParentoffsetWidth和offsetHeightscrollLeft和scrollTopscrollWidth和scrollHeightclientLeft,clientTop:表示内容区域的左...
2019-05-05 21:35:05
406
原创 splice() 和split()的区别以及使用和注意事项
splice() ,split()//数组splice() 的方法 从一个数组中截取一个新的数组//splice() 可以传两个参数,第一个参数:截取数组的开始位置的索引值//第二个参数: 截取的长度var itDiv = [“Mike”,“Clayton”,“Terrill”,“Raymond”,“Cynthia”,“Danny”,“Jennifer”];var newArray = ...
2019-04-20 23:08:50
1071
原创 js怎样获取字符ASCII码
今天写东西突然忘了怎样获取字符ASCII码 百度了一下 特来总结一下ASCII码和字符集字符串常见API(charCodeAt\fromCharCode)charCodeAt方法返回字符串指定位置的 Unicode 码点(十进制表示),相当于String.fromCharCode()的逆操作。‘abc’.charCodeAt(1) // 98上面代码中,abc的1号位置的字符是b,...
2019-04-20 14:47:24
9675
原创 setTimeout()用法
对于这个知识我一直以来也有一个误解 查完之后感觉这个小编写的还可以也转发一下 帮助自己理解一下// 3 秒(3000 毫秒)后弹出 “Hello”setTimeout(function(){ alert(“Hello”); }, 3000);想要深入学习的朋友,可以继续往下看,之前在网上看了很多关于setTimeout的文章,但我感觉都只是点到为止,并没有较深入的去剖析,也可能是我脑...
2019-04-18 21:28:49
17878
原创 常用的浏览器及内核
现在国内常见的浏览器有:IE、Firefox、Safari、Opera、Google Chome、QQ浏览器、搜狗浏览器、百度浏览器、猎豹浏览器、UC浏览器、360浏览器、遨游浏览器、世界之窗浏览器…。最为主流浏览器有五大款,分别是IE、Firefox、Google Chrome、Safari、Opera。浏览器最重要的部分是浏览器的内核。浏览器内核是浏览器的核心,也称“渲染引擎”,用来解释网...
2019-04-18 14:52:43
580
原创 js中字符串去重
字符串去重和数组去重有个很大的区别就是不能直接比较 所以宁做十个数组去重不愿做一个字符串去重 但是字符串去重吧还是经常用的 你还必须的掌握几种方法 下面给大家说几个比较方便的字符串去重function norepeat(str) {var newStr = “”;for (var i = 0; i < str.length; i++) {if (newStr.search(str[i...
2019-04-17 15:16:25
4681
原创 js中的随机数
取随机数 主要记住这个公式什么时候遇见关于随机数都能直接写出来任意范围的随机整数生成函数如下。function getRandomInt(min, max) {return parseInt(Math.random() * (max - min + 1)) + min;}getRandomInt(1, 6) // 5...
2019-04-17 13:58:44
365
原创 Math.floor的误区
做题的时候往往都有中误区;就是floor的用法:floor() 向下取整 取最大值;看着这个输出:console.log(Math.floor(1,1),Math.floor(1,5),Math.floor(1,7));结果就是1,1,1但是涉及到负值的时候:往往就相当然的想写-1,-1,-1,但其实是错误的console.log(Math.floor(-1,1),Math.floor(...
2019-04-17 13:29:20
408
原创 数组的基础语法
我自己在网上看的都感觉很乱 去查的时候 感觉回答的好多都不是我想要的所以我就自己总结了一份 供大家参考(如有不对的地方请留言改正)//=indexof()========= //indexof() 返回对应的索引位置 有则返回 没有则返回-1/* var arr = [2,3,4,1,111,66] ///console.log(arr.indexOf(3))//1;//f...
2019-04-17 10:22:33
271
原创 数组的 基本常用操作方法总结操作
//push()向数组的末尾添加一个元素 并返回数组的长度// let arr=[22,33,66,888,44];/*let str= arr.push(12);console.log(arr,str) */ //============================================================================ //pop()...
2019-04-17 10:09:46
1098
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人