- 博客(28)
- 收藏
- 关注
RSS订阅原创 常用的验证正则表达式集
验证数字：1$验证n位的数字：^\d{n}$验证至少n位数字：^\d{n,}$验证m-n位的数字：^\d{m,n}$验证零和非零开头的数字：^(0|[1-9][0-9])$验证有两位小数的正实数：2+(.[0-9]{2})?$验证有1-3位小数的正实数：3+(.[0-9]{1,3})?$验证非零的正整数：^+?[1-9][0-9]$验证非零的负整数：^-[1-9][0-9]$验证...
2019-05-10 14:59:26
276
原创 input输入长度与限制内容
1、限制input最大长度 <input type="text" maxlength="5" /> //可以 <input type="number" maxlength="5" /> //没有效果 <input type="number" oninput="if(value.length&g...
2019-04-16 10:55:20
62138
7
原创 Js三大特性--封装、继承以及多态
Javascript基于对象的三大特征和C++，Java面向对象的三大特征一样，都是封装(encapsulation)、继承(inheritance )和多态(polymorphism )。只不过实现的方式不同，其基本概念是差不多的。其实除三大特征之外，还有一个常见的特征叫做抽象(abstract)，这也就是我们在一些书上有时候会看到面向对象四大特征的原因了。一、封装性封装就是把抽象出来的数据...
2018-11-10 16:23:16
719
原创 什么是闭包？关于闭包的工作原理、优缺点、使用场景和对页面的影响解析
参考博客：http://www.cnblogs.com/cxying93/p/6103375.html闭包（closure）是javascript的一大难点，也是它的特色。很多高级应用都要依靠闭包来实现。1、变量作用域要理解闭包，首先要理解javascript的特殊的变量作用域。变量的作用域无非就两种：全局变量和局部变量。javascript语言的特别之处就在于：函数内部可以直接读取全局...
2018-11-10 16:16:15
422
转载 前端JS的加载方式？JS的异步加载
过多js加载会影响页面效率，一旦网速不好，那么整个网站将等待js加载而不进行后续渲染等工作。 有些工具方法需要按需加载，用到再加载，不用不加载。默认正常模式下，JS是同步加载的，即优先加载JS，只有当JS文件下载完，dom和css才开始加载，当某些时候我们需要JS异步加载，我们可以设置异步加载。不同情况下选取不同方式即可。一：同步加载我们平时使用的最多的一种方式。<script sr...
2018-11-03 10:29:30
709
原创 前端必须掌握的知识点
1.webstorm是IDE(集成开发环境)，不是编辑器编辑器:首推：VIM(windows上用的叫做GVIM),Brakets 可选：atom,sublime,phpStormwebstorm>file>Power Save Mode如果被选择了，就会自动关闭webstorm的智能提示2.查看本机的ip地址：cmd > ipconfig3.一次完整的http通信过程：...
2018-10-23 15:15:09
454
原创 响应式布局的两种实现形式
所谓的响应式布局，就是设计一个网站的时候，让它满足能同时适应不同的端口，而不用对不同端口设计不同的网页。实现方式：采用百分比自适应布局1.原生代码实现。在国内目前设计网页的时候，一般会分成PC端和移动端两套页面，但在一定的情况下，必须满足只设计一个页面的情况下，满足不同端口都能正常使用，因此会用用到自适应的方法。用原生代码实现的根本在于媒体查询@media的设置。@media scre...
2018-10-20 09:11:21
770
原创 前端 CSS规范整理总结
一、文件规范1、文件均归档至约定的目录中。具体要求通过豆瓣的CSS规范进行讲解：所有的CSS分为两大类：通用类和业务类。通用的CSS文件，放在如下目录中：基本样式库 /css/core通用UI元素样式库 /css/libJS组件相关样式库 /css/ui业务类的CSS是指和具体产品相关的文件，放在如下目录中：读书 /css/book/电影 /css/movie/音乐 /css/...
2018-10-18 14:53:15
176
2
原创 Vue框架优缺点对比
Vue和React不同点：1）Vue：1.模版和渲染函数的弹性选择2.简单的语法及项目创建3.更快的选软速度和更小的体积2）React: 1.更适用于大型应用和更好的可测试性2.同时适用web端和原生App3.更大的生态圈带来更多的支持和工具Vue和React相同点：1.利用虚拟DOM实现快速渲染2.轻量级3.响应式组件4.服务器端渲染5易于集成路由工具，打包工具以及状态...
2018-10-17 10:38:32
6058
原创 JQuery特点、优缺点及其常用操作
1.什么是JQuery?JQuery是一个优秀的javascript框架。JQuery是继Prototype之后又一个优秀的Javascript框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。它是轻量级的js库，这是其它的js库所不及的，它兼容CSS3，还兼容各种常用浏览器。JQuery是一个快速的，简洁的JavaScript库，使用户能更方便地处理HTM...
2018-10-17 10:05:48
17210
1
原创 HTML5和CSS3的新特性
html5:用于绘画的 canvas 元素用于媒介回放的 video 和 audio 元素对本地离线存储的更好的支持新的特殊内容元素，比如 article、footer、header、nav、section新的表单控件，比如 calendar、date、time、email、url、searchcss3:CSS3实现圆角（border-radius），阴影（box-shadow），...
2018-10-16 16:48:16
288
转载 js数组方法大全
JavaScript中创建数组有两种方式（一）使用 Array 构造函数：var arr1 = new Array(); //创建一个空数组var arr2 = new Array(20); // 创建一个包含20项的数组var arr3 = new Array(“lily”,“lucy”,“Tom”); // 创建一个包含3个字符串的数组（二）使用数组字面量表示法：var arr4 ...
2018-10-16 16:39:48
132
原创 web前端响应式设计总结
web前端响应式设计总结一、响应式概述 响应式是指根据不同设备浏览器分辨率或尺寸来展示不同页面结构、行为、表现的设计方式。这里总结了响应式网站设计需要涉及到的相关的内容，有不正确的欢迎大家指正。谈到响应式网站，目前比较主流的做法是通过前端通过判断userAgent来做页面的302跳转。那么问题来了，使用userAgent的问题：依赖设备本身浏览器或设备特点，例如尺寸，屏幕分辨率等。需要...
2018-10-11 11:23:50
664
原创 面试题：TCP与UDP的区别
TCP通过检验和、序列号、确认应答、重发控制、连接管理以及窗口控制等机制实现可靠性传输。TCP、UDP都是传输层协议。TCP与UDP基本区别：1.基于连接与无连接2.TCP要求系统资源较多，UDP较少3.UDP程序结构较简单4.字节流模式（TCP）与数据报模式(UDP); 5.TCP保证数据正确性，UDP可能丢包 6.TCP保证数据顺序，UDP不保证UDP应用场景：实时应用1...
2018-10-09 11:17:32
1753
原创 JSON与XML的区别
1.定义介绍(1).XML定义扩展标记语言 (Extensible Markup Language, XML) ，用于标记电子文件使其具有结构性的标记语言，可以用来标记数据、定义数据类型，是一种允许用户对自己的标记语言进行定义的源语言。 XML使用DTD(document type definition)文档类型定义来组织数据;格式统一，跨平台和语言，早已成为业界公认的标准。XML是标准通用...
2018-10-09 09:47:23
88
原创 post与get的区别：
1、get是从服务器上获取数据，post是向服务器传送数据。2、在客户端， get方式在通过URL提交数据，数据在URL中可以看到；post方式，数据放置在HTML HEADER内提交3、对于get方式，服务器端用Request.QueryString获取变量的值，对于post方式，服务器端用Request.Form获取提交的数据。4、get方式提交的数据最多只能有1024字节，而post则...
2018-10-08 11:45:31
122
原创 https：//和http：//有什么区别：
1.https协议需要到ca申请证书，一般免费证书很少，需要交费；2.http是超文本传输协议，信息是明文传输，https 则是具有安全性的ssl加密传输协议；3.http和https使用的是完全不同的连接方式用的端口也不一样,前者是80,后者是443；4.http的连接很简单,是无状态的。HTTPS协议是由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议，要比http协议安全...
2018-10-08 11:44:16
1205
原创 HBuilder常用快捷键总结
HBuilder常用快捷键大概共9类（【4 13 3】文件、编辑、插入；【4 9 8】选择、跳转、查找；【1 1 6】运行、工具、视图）1.文件(4)新建 Ctrl + N关闭 Ctrl + F4全部关闭 Ctrl + Shift + F4属性 ...
2018-09-30 15:43:36
264
原创 sublime编辑器
这是一款具有良好用户自定义功能的编辑器，你可以自己安装各种插件，非常的方便快捷，Sublime text，几乎所有（估计有99%）的代码，都是C++写的而极少数的部分，则用到了Object-C关于插件部分，用到了Python。常用的快捷键：就近选择相同项: ctrl+d把光标放在一个单词上，按下ctrl+d，将选择这个单词。一直按住ctrl且按D多次，将选择当前选中项的下一个匹配项。通过按住...
2018-09-30 15:40:22
307
原创 webstorm前端常用快捷键
Ctrl + / 行注释/取消行注释Ctrl + Shift + / 块注释/取消块注释Ctrl + W 选择代码块，一般是增量选择Ctrl + Shift + W 上个快捷键的回退，减量选择代码Alt + Q 上下文信息Alt + Enter ...
2018-09-30 15:17:52
736
原创 前后端开发中数据是怎么交互的
1.前端请求数据URL由谁来写?在开发中,URL主要是由后台来写的,写好了给前端开发者.如果后台在查询数据,需要借助查询条件才能查询到前端需要的数据时,这时后台会要求前端提供相关的查询参数，这里的查询参数也就是URL请求的参数。2.接口文档主要由谁来写?接口文档也是主要由后台开发者来写的,因为直接跟数据打交道的就是后台,后台是最清楚,数据库里面有什么数据,能返回什么数据.前端开发只是数据的被...
2018-09-29 18:47:59
955
转载 前端Ajax请求、HTTP POST请求、HTTP GET请求示例
Ajax请求示例一function check() {//定义变量sendDatavar sendData ={id:“123456”,status:“222”};$.ajax({url:basePath + ‘/getUser’,type:‘post’,dataType:‘json’,contentType:“application/json”,async:true,//异步...
2018-09-29 17:35:43
1457
原创 前端后台——4种数据交互方式
1.利用cookie对象Cookie是服务器保存在客户端中的一小段数据信息。使用Cookie有一个前提，就是客户端浏览器允许使用Cookie并对此做出相应的设置。一般不赞成使用Cookie。2.利用session对象session对象表示特定会话session的用户数据。客户第一次访问支持session的JSP网页，服务器会创建一个session对象记录客户的信息。当客户访问同一网站的不同网...
2018-09-29 17:31:18
1143
原创 前端Js框架汇总
加粗样式概述： 互联网飞速发展的时代，技术更新迭代的速度也在加快。看着Java、Js、Swift在各领域心花路放，也是煞是羡慕。寻了寻.net的消息，也是振奋人心，.net core 1，mono，xamarin等等，但大多都还在狂吼的阶段。其实一直以来对技术的理解是技术服务于业务和产品，产品又在不同程度的推进着技术的演进。Web、无线、物联网、VR、PC从不同方向推进着技术的融合与微创新...
2018-09-19 16:25:03
262
原创 初级前端必须要学习的12个知识点，你都会了吗？
初级前端必须要学习的12个知识点，你都会了吗？ 1、清除浮动有哪些方式？比较好的方式是哪一种？ 比较好的是第3种方式，好多网站都这么用。 2、box-sizing常用的属性有哪些？分别有什么作用？ 初级前端必须要学习的12个知识点，你都会了吗？ 3、HTML5 为什么只需要写 ？ 初级前端必须要学习的12个知识点，你都会了吗？ 4、介绍一下你对浏览器内核的理解？ 初...
2018-09-07 10:06:05
452
原创 老司机程序员用到的各种网站整理
前端学习资源实在是又多又广，在这样的一个知识的海洋里，我们像一块海绵一样吸收，想要快速提高效率，平时的总结不可缺少，以下总结了一些，排版自我感觉良好，推送出来。 一、插件类网站jQuery插件库:http://www.jq22.com/ 最简单强大的插件框架:http://www.iopenworks.com/ jQuery之家:http://www.htmleaf.com/ 经典模块...
2018-09-05 15:04:35
355
转载 前端开发面试题汇总【HTML&CSS部分】
本文由我收集总结了一些前端面试题，初学者阅后也要用心钻研其中的原理，重要知识需要系统学习、透彻学习，形成自己的知识链。万不可投机取巧，临时抱佛脚只求面试侥幸混过关是错误的！也是不可能的！不可能的！不可能的！面试有几点需注意： 面试题目： 根据你的等级和职位的变化，入门级到专家级，广度和深度都会有所增加。 题目类型： 理论知识、算法、项目细节、技术视野、开放性题、工作案例。 细节追问：...
2018-09-05 14:53:32
178
转载 HTML、CSS知识点总结。
一，html+css基础1-1Html和CSS的关系学习web前端开发基础技术需要掌握：HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的：1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。2. CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有...
2018-09-05 14:49:39
1068
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人