萌主_iii-CSDN博客

转载深入理解前端性能监控—Performance + 腾讯superProfiler（基于Performance API的性能监控工具）

https://segmentfault.com/a/1190000018785911在同样的网络环境下，有两个同样能满足你的需求的网站，一个唰的一下就加载出来了，另一个白屏转圈转了半天内容才出来，如果让你选择，你会用哪一个？Performance是一个做前端性能监控离不开的API，最好在页面完全加载完成之后再使用，因为很多值必须在页面完全加载之后才能得到。最简单的办法是在window....

2019-04-10 16:17:04 6761

原创使用纯JavaScript或者jquery插件实现各种验证码总结

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

2018-03-10 11:38:32 1954 7

原创 Doctype作用？严格模式、混杂模式和怪异模式如何区分？它们有何意义？

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

2018-01-04 16:33:01 2321

原创前端精美小Demo之---可调倒计时实现

可调倒计时实现　　说明：完全通过HTML、CSS和JavaScript实现倒计时的动态可调，可控制倒计时的暂停和继续，在倒计时进行期间不可对倒计时时间进行修改，任何时候都可以对倒计时进行重置；背景图等都可调。　　实现代码：可到https://github.com/wangchengiii/Countdown-获取。　　下面为可调倒计时的部分效果图：　　　　　　　　以上是简单的

2018-01-02 22:51:07 1818 4

原创 JS中的八种常用的跨域方式及其具体示例的总结（最新、最完整、最详细）

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

2017-09-24 23:38:06 7912 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 41877 30

原创消息推送的几种实现方式

B/S架构的系统多使用HTTP协议，所以首先来看看HTTP协议：HTTP协议的特点：1>无状态性； 2>通过Internet发送请求消息和响应消息； 3>使用端口接收和发送消息，默认为80端口；但是底层还是使用Socket完成。HTTP协议决定了服务器与客户端之间的连接方式，无法直接实现消息推送。所以就有

2017-09-08 15:24:35 27368 7

原创前端精美小Demo之---进制转换器实现

进制转换器实现　　说明：支持在2~36进制之间进行任意转换，支持浮点型。完全通过HTML、CSS和JavaScript实现2~36进制之间的同步转换，其中部分样式使用bootstrap框架，js实现通过jquery实现。　　实现代码：可到https://github.com/wangchengiii/My_BHD_Converter获取。　　下面为同步进制转换器实现的部分效果图： ...

2018-03-09 11:28:44 1061 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 983

转载正则表达式总结

正则表达式总结本节内容正则表达式简介正则表达式中的字符元字符详解常用正则表达式实例正则表达式的匹配过程正则表达式中的标志位-flag参考资料需要提前说明的是：正则表达式的语法是由正则表达式引擎决定的（目前主流的正则引擎分为3类：DFA、传统型NFA 和 POSIX NFA），不同编程语言或应用程序所使用的引擎可能不同，它们对正则表达式的语法支持会有差别。

2017-09-09 21:19:09 375

原创 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 481

第六届软件杯赛题6：“无微不至”的借阅伴侣；由JSP开发的，结合使用了SQL server数据库实现了一些相关功能。依照系统开发的实际操作步骤，文章从系统概述、系统分析、系统设计和系统实现这四大章节对系统开发过程进行分别阐述。系统概述中主要进行了课题背景、课题意义和现状分析；系统分析中主要包括了系统设计前的需求分析、业务流程分析、数据流程分析和数据字典分析；而系统设计则是对系统体系结构、各功能模块、数据库结构设计等具体的系统实现过程进行剖析展示，在系统设计章节中有详细的文字解释并配有表图说明。文章还列举了关键的功能模块实现代码。

2017-09-09

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

wangchengiii的博客