- 博客(11)
- 资源 (1)
- 收藏
- 关注

转载 深入理解前端性能监控—Performance + 腾讯superProfiler(基于Performance API的性能监控工具)
https://segmentfault.com/a/1190000018785911在同样的网络环境下,有两个同样能满足你的需求的网站,一个唰的一下就加载出来了,另一个白屏转圈转了半天内容才出来,如果让你选择,你会用哪一个?Performance是一个做前端性能监控离不开的API,最好在页面完全加载完成之后再使用,因为很多值必须在页面完全加载之后才能得到。最简单的办法是在window....
2019-04-10 16:17:04
7149

原创 使用纯JavaScript或者jquery插件实现各种验证码总结
使用纯JavaScript或者jquery插件实现各种验证码总结 验证码的实现形式和表现方式多种多样,静态的,动态生成的,数字字母的,算术题模式,汉字的,图片选择,手势拖动的等等,下面将一一展示,选择你想要的验证码: 实现代码:可到https://github.com/wangchengiii/CAPTCHA获取。验证码1-简单四位字母数字 (点击验证码不可更新,可进行输入验证...
2018-03-10 11:38:32
2035
3

原创 Doctype作用?严格模式、混杂模式和怪异模式如何区分?它们有何意义?
Doctype作用?严格模式、混杂模式和怪异模式如何区分?它们有何意义?1、doctype的作用: 声明位于文档 的最前面,告知浏览器的解析器,用什么文档类型、规范来解析这个文档。注意:1).规范是指W3C发布的文档类型定义(DTD)中的规则。 2).三种DTD类型:严格、过渡和基于框架的HTML版本。2、严格模式、混杂模式和怪异模式的区分 1)严
2018-01-04 16:33:01
2399

原创 前端精美小Demo之---可调倒计时实现
可调倒计时实现 说明:完全通过HTML、CSS和JavaScript实现倒计时的动态可调,可控制倒计时的暂停和继续,在倒计时进行期间不可对倒计时时间进行修改,任何时候都可以对倒计时进行重置;背景图等都可调。 实现代码:可到https://github.com/wangchengiii/Countdown-获取。 下面为可调倒计时的部分效果图: 以上是简单的
2018-01-02 22:51:07
1907
4

原创 JS中的八种常用的跨域方式及其具体示例的总结(最新、最完整、最详细)
JS中的八种常用的跨域方式及其具体示例的总结 这里说的js跨域是指通过js在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过js获取页面中不同域的框架中(iframe)的数据。 跨域问题是由于javascript语言安全限制中的同源策略造成的。 简单来说,同源策略是指一段脚本只能读取来自同一来源的窗口和文档的属性,这里的同一来源指的是域
2017-09-24 23:38:06
8197
2

原创 圣杯布局、双飞翼布局、Flex布局和绝对定位布局的几种经典布局的具体实现示例
题目要求:针对如下DOM结构,编写CSS,实现三栏水平布局,其中left、right分别位于左右两侧,left宽度为200px,right宽度为300px,main处在中间,宽度自适应。 要求:允许增加额外的DOM节点,但不能修改现有节点顺序。 <div class="container"> <div class="main">main</div> <div class="
2017-09-10 23:33:40
42280
28

原创 消息推送的几种实现方式
B/S架构的系统多使用HTTP协议,所以首先来看看HTTP协议:HTTP协议的特点:1>无状态性; 2>通过Internet发送请求消息和响应消息; 3>使用端口接收和发送消息,默认为80端口;但是底层 还是使用Socket完成。HTTP协议决定了服务器与客户端之间的连接方式,无法直接实现消息推送。 所以就有
2017-09-08 15:24:35
27859
3
原创 前端精美小Demo之---进制转换器实现
进制转换器实现 说明:支持在2~36进制之间进行任意转换,支持浮点型。完全通过HTML、CSS和JavaScript实现2~36进制之间的同步转换,其中部分样式使用bootstrap框架,js实现通过jquery实现。 实现代码:可到https://github.com/wangchengiii/My_BHD_Converter获取。 下面为同步进制转换器实现的部分效果图: ...
2018-03-09 11:28:44
1208
2
原创 <img>等标签在指定容器中水平垂直居中的几种实现方法
1.通过设置相对位置和绝对位置 父元素:position: relative; img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }2.通过设置transform img{ left
2017-09-09 22:30:40
1074
转载 正则表达式总结
正则表达式总结本节内容正则表达式简介正则表达式中的字符元字符详解常用正则表达式实例正则表达式的匹配过程正则表达式中的标志位-flag参考资料需要提前说明的是: 正则表达式的语法是由正则表达式引擎决定的(目前主流的正则引擎分为3类:DFA、传统型NFA 和 POSIX NFA),不同编程语言或应用程序所使用的引擎可能不同,它们对正则表达式的语法支持会有差别。
2017-09-09 21:19:09
413
原创 IE与DOM事件流的区别
1.事件流的区别 IE采用冒泡型事件 Netscape使用捕获型事件 DOM使用先捕获后冒泡型事件 示例: 事件流 冒泡型事件模型: button->div->body (IE事件流) 捕获型事件模型: body->div->button (Netscape事件流) DOM事件模型: body->div->button->button->div->body (先捕获后冒泡)
2017-09-07 23:13:59
518
图书馆借阅系统项目开发文档
2017-09-09
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人