- 博客(106)
- 收藏
- 关注
RSS订阅转载 chrome浏览器中的Timing详情说明
分类：前端问题总结（29） Queueing请求文件顺序的的排序Stalled是浏览器得到要发出这个请求的指令到请求可以发出的等待时间，一般是代理协商、以及等待可复用的TCP连接释放的时间，不包括DNS查询、建立TCP连接等时间等DNS Lookup 时间执行DNS查
2017-11-06 16:00:17
2769
转载 黄色填充问题input
chrome表单自动填充后，input文本框的背景会变成偏黄色的，这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性，然后对其赋予以下样式：input:-webkit-autofill {background-color: #FAFFBD;background-image: none;color: #000;}在有些情况下，这个
2017-06-16 18:03:42
472
转载 [转载] 知道这20个正则表达式，能让你少写1,000行代码
正则表达式，一个十分古老而又强大的文本处理工具，仅仅用一段非常简短的表达式语句，便能够快速实现一个非常复杂的业务逻辑。熟练地掌握正则表达式的话，能够使你的开发效率得到极大的提升。正则表达式经常被用于字段或任意字符串的校验，如下面这段校验基本日期格式的JavaScript代码：var reg = /^(\\d{1,4})(-|\\/)(\\d{1,2})\
2017-03-27 15:20:06
365
转载 Gulp安装相关流程
1. 安装nodejs去 https://nodejs.org/en/下载安装文件安装即可。安装完成后，在终端输入node -v回车打印出nodejs的版本号，说明nodejs安装成功。在终端输入npm -v回车打印出npm的版本号，说明npm也安装成功(node安装包中已集成了npm,因此在安装nodejs的同时也安装了npm)。2. 设置npm
2017-03-13 19:21:37
424
转载 Js快速获取图片的大小
unction LoadImageSize(url,callback){ // 创建对象 var img = new Image(); // 改变图片的src img.src = url; // 加载完成获取宽高 img.onload = function(){
2017-03-09 17:32:14
494
转载 去掉重复数组的方法
1.将数组逐个搬到另一个数组中，当遇到重复元素时，不移动，若元素不重复则移动到新数组中function unique(arr){ var len = arr.length; var result = [] for(var i=0;i<len;i++){ var flag = true; for(va
2017-03-09 15:46:36
366
转载 WEB前端开发规范文档
WEB前端开发规范文档规范目的为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档.本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发.本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改.基本准则符合web标准, 语义化html, 结构表现行为分离, 兼容性优良. 页面性能方面, 代码
2017-03-09 15:42:07
298
转载 判断横竖屏的问题解决
/判断手机横竖屏状态： function hengshuping(){ if(window.orientation==180||window.orientation==0){ alert("竖屏状态！") } if(window.orientation==90||window.orientation==-90){
2017-03-09 15:37:56
635
转载 Chrome网络服务器，用于Chrome测试本地网络应用程序
Chrome网络服务器，用于Chrome测试本地网络应用程序时间2015-03-18 18:08:46 Web代码极客原文 http://www.webcodegeeks.com/web-development/http-web-server-chrome-test-local-web-applications/主题 HTTPWeb服务器 如果你在你的电脑
2017-02-23 10:10:37
889
转载 node编写一个简单的服务器
今天有时间就记录一下使用Node.js搭建一个服务器并输出“helloWord”的全过程。下载和安装就不多说了，大家可以去官网：https://nodejs.org/en/进行下载下面直接上代码讲解如何使用node.js搭建服务器1、创建demo.js文件，首先通过require()获取服务器模块，接着通过createServer方法创建服务器，通过
2017-02-22 15:10:05
365
转载 【译】CSS五种方式实现Footer置底
【译】CSS五种方式实现Footer置底页脚置底（Sticky footer）就是让网页的footer部分始终在浏览器窗口的底部。当网页内容足够长以至超出浏览器可视高度时，页脚会随着内容被推到网页底部；但如果网页内容不够长，置底的页脚就会保持在浏览器窗口底部。实现方法1. 将内容部分的底部外边距设为负数这是个比较主流的用法，把内容部分最小高度设为100%，再利用
2017-02-20 14:45:06
1336
转载 CSS的单位及css3的calc()及line-height百分比
CSS的单位及css3的calc()及line-height百分比单位介绍说到css的单位，大家应该首先想到的是px,也就是像素，我们在网页布局中一般都是用px，但是近年来自适应网页布局越来越多，em和百分比也经常用到了。然后随着手机的流行，web app和hybrid app的开发，都用到了css3技术，在css3中，新增了许多单位，rem、vw和vh、vmin和vmax、c
2017-02-20 14:30:32
480
转载 CSS的单位及css3的calc()及line-height百分比
CSS的单位及css3的calc()及line-height百分比2015年1月4日 32719次浏览说在前面的话阳历2014年已经离我们远去，2015年接踵而来。祝大家新年快乐！在新的一年，我将有新的蜕变！这是2015年的第一篇文章，写一篇关于css的单位的文章吧！单位介绍说到css的单位，大家应该首先想到的是px,也就是像素，我们在网页布局中一般都是用px，但是近年来自适应网页布局越来越多，e
2017-02-20 14:29:22
733
转载 正则表达式
知道这20个正则表达式，能让你少写1,000行代码 签约作者 技匠 关注2016.04.21 06:47 字数 1755 阅读 111504评论 421喜欢 5378正则表达式，一个十分古老而又强大的文本处理工具，仅仅用一段非常简短的表达式语句，便能够快速实现一个非常复杂的业务逻辑。熟练地掌握正则表达式的话，能够使你的开发效率得到极大的提升。正则表达
2017-02-17 14:26:31
294
转载 匹配中文的正则表达式
今天做表单提交的输入框条件验证，验证是否包含中文；网上搜了一圈基于js正则表达式的验证基本不好用，而且大多都是出自一两篇原文的转帖！到底什么才是拿来主义呢。根据搜索结果，本文取精华，告诉大家一个好用的中文验证方法。使用js正则表达式匹配中文，需要了解中文字符在unicode编码中所处的区间。这样才能够了解表达式的匹配原理。 首先在正则表达式中使用 Unicode，必
2017-02-15 15:54:56
1373
转载 javascript纠错知识点
前言本文是我学习JavaScript过程中收集与整理的一些易错知识点，将分别从变量作用域，类型比较，this指向，函数参数，闭包问题及对象拷贝与赋值这6个方面进行由浅入深的介绍和讲解，其中也涉及了一些ES6的知识点。JavaScript知识点1.变量作用域var a = 1;function test() { var a = 2; console.l
2017-02-15 15:30:23
200
转载 小程序中的单位
微信小程序尺寸单位rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。设备rpx换算px (屏幕宽度/750)px换算rpx (750/屏幕宽度)
2017-02-08 14:04:15
393
转载 高德地图API
高德地图有两个key 一个web一个js 要用js的key1：显示地图[javascript] view plain copymap = new AMap.Map('map', { resizeEnable: true, zoom: 14, center: [east, north]
2017-01-19 17:28:04
452
转载 浏览器兼容问题
浏览器兼容问题一：不同浏览器的标签默认的外补丁和内补丁不同问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。碰到频率:100%解决方案：CSS里 *{margin:0;padding:0;}备注：这个是最常见的也是最易解决的一个浏览器兼容性问题，几乎所有的CSS文件开头都会用通配符*来设置各个标签的内外补丁是0。
2017-01-19 14:27:53
160
转载 Angualr中的ng-class
ng-class 指令用于给 HTML 元素动态绑定一个或多个 CSS 类。ng-class 指令的值可以是字符串，对象，或一个数组三种方式。1、如果是字符串，多个类名使用空格分隔。[html] view plain copyfunction changeClass(){ $scope.className = "ch
2017-01-19 14:05:41
248
原创 Flex布局
Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。任何一个容器都可以指定为Flex布局。#box{ display: flex; width: 500px; height: 300px; border: 10px solid r
2017-01-16 15:17:49
930
转载 Web安全简介
Web安全，也可以叫做Web应用安全。 互联网本来是安全的，自从有了研究安全的人之后，互联网就变的不安全了。Web安全的本质是信任问题 由于信任，正常处理用户恶意的输入导致问题的产生 非预期的输入 安全是木桶原理，短的那块板决定的木桶世纪能装多少水，同样的，假设把99%的问题都处理了，那么1%的余留会是造成安全问题的那个短板xss 跨站脚本攻击(Cross Si
2017-01-13 15:13:25
820
转载 text ,html ,val的区别
text(“内容”) 将内容显示出来，内容如果包含标签是不会被解析的，原封不动的被显示出来 运行后的效果如下： html(“内容”) 内容显示时，会解析html标签运行后的结果如下： val(“内容”) 将内容显示到输入标签中 运行后的效果如下：
2017-01-13 14:49:52
342
转载 SVG图片的应用
传统引用图片的方式，无非,或者css｛background-image:url("");｝例如阿里云邮箱的某个图标：但现在的项目，一般都包含大量的图标和图片，使用传统方式无疑会产生大量的http请求，是前段加载变得缓慢；解决方法有：1：处理图片以及内容，现在一般都是懒加载，内容出现在视窗，才开始加载，这个方式应用广泛，原理也不难，此处不赘述；
2017-01-13 14:43:01
3229
原创 H5video中实现多个的视频的播放,有详细的代码
video id="myvideo" width="100%" height="auto" controls="controls" > 你的浏览器不支持HTML5播放此视频 span style="white-space:pre"> span><!-- 支持播放的文件格式 --> sourc
2017-01-12 18:13:16
9550
1
转载 H5资源管理库
一、配色类网站http://colorhunt.co这个网站给我们提供了很多的配色方案，我们直接使用就OK了。使用方法也很简单，鼠标移动到对应的颜色上，我们就可以看到颜色的十六进制码，复制这个颜色到工具里就可以使用了。01.pnghttps://color.adobe.com/zh/create/color-wheel这个是Adobe
2017-01-12 15:49:02
725
转载 Flex布局搭建网页布局更方便
阮一峰的网络日志 » 首页 » 档案上一篇：ES6 的功能侦测库 下一篇：Flex 布局教程：实分类： 开发者手册Flex 布局教程：语法篇作者： 阮一峰日期： 2015年7月10日网页布局（la
2017-01-11 17:07:21
2328
转载 WeChat
最近微信小程序蛮火的，我自己也开始了微信小程序的学习之路，在这里记下学习中遇到的问题，总结项目过程中的知识点，希望在帮助自己总结知识的同时也能帮助到有需要的小伙伴。下面来讲一下新手如何创建一个微信小程序。第一步：进入https://mp.weixin.qq.com/官网，选择，【小程序】>>【开发】选项进入查看小程序开发文档。开发选项下你可以看到官方提供的教程、框架、组件、ap
2017-01-06 14:44:01
346
转载 用gulp的spritesmith插件，可以自动化生成雪碧图，还可以自动生成样式以及定位。
gulp.task('sprites', function () { var spriteData = gulp.src('./src/assets/icons/*.png').pipe(spritesmith({ imgName: 'sprites-1208.png', cssName: 'sprites.css', imgPath: 's
2016-12-30 15:36:54
892
转载 请求数据的几种方式
1、$.get $.get()方法使用GET方式来进行异步请求，它的语法结构为： $.get( url [, data] [, callback] ) 解释一下这个函数的各个参数： url：string类型，ajax请求的地址。 data：可选参数，object类型，发送至服务器的key/value数据会作为QueryStrin
2016-12-30 15:07:16
839
转载 H5视频直播流程
http://bugly.qq.com/bbs/forum.PHP?mod=viewthread&tid=1277视频直播这么火，再不学就 out 了。为了紧跟潮流，本文将向大家介绍一下视频直播中的基本流程和主要的技术点，包括但不限于前端技术。1. H5 到底能不能做视频直播？当然可以， H5 火了这么久，涵盖了各个方面的技术。对于视频录制，可以
2016-12-30 14:48:38
4881
转载 Javascript中常遇到的浏览器兼容问题和解决方法
[javascript] view plain copy print?常遇到的关于浏览器的宽高问题： 复制代码 //以下均可console.log()实验 var winW=document.body.clientWidth||document.docuemntElement.clientWidth;//网页可见区域宽 var win
2016-12-30 14:23:52
328
原创 点击列表的时候,点击的那个样式高亮其他的不亮
css添加一个变色的类.highlight{ background-color: yellow;}js$(function(){ $('.dht div').click(function(){ $(this).addClass('highlight').siblings().removeClass('highlight');
2016-12-30 11:19:42
1785
原创 js中的变量提升
例子:var name = 'laruence';function echo() { alert(name); var name = 'eve'; alert(name); alert(age);}echo();应该弹laruence为什么是undefinedeve首先，js有函数作用域，当你在函数里面使用变量
2016-12-30 11:02:47
252
原创 元素的位置和大小的百分比设置
元素自身的位置跟大小设置的百分比都是相对于父元素。其中位置和大小还有不同的地方：position：元素的margin-top,margin-bottom都是相对于父元素的宽度而不是高度。padding也是这样。
2016-12-30 10:16:40
567
转载 web中height：100%不起作用?
- 当你设置一个页面元素的高度(height)为100%时，期望这样元素能撑满整个浏览器窗口的高度，但大多数情况下，这样的做法没有任何效果。你知道为什么height:100%不起作用吗？按常理，当我们用CSS的height属性定义一个元素的高度时，这个元素应该按照设定在浏览器的纵向空间里扩展相应的空间距离。例如，如果一个div元素的CSS是height: 100px;，那它应该在页
2016-12-30 10:12:28
411
转载 Ag设置全局变量的N种方法
[html] view plain copy > html lang="en"> head> meta charset="UTF-8"> title>Documenttitle> script src="http://apps.bdimg.com/libs/angular.js/1.5.0-beta.0/angu
2016-12-29 17:28:51
266
转载 ng-repeat的使用
基本用法遍历数组：[html] view plain copy li ng-repeat="item in array">{{item}}li> 遍历对象：key：对象的keyvalue：对象的value[html] view plain copy li n
2016-12-29 17:20:42
850
转载 省略号的多行和单行的省略号显示。。。。。
上代码:html>head lang="en"> meta charset="UTF-8"> title>文本超过单行/多行时显示省略号title> style> #contain1{ width: 300px; margin:20px auto; border: 2px sol
2016-12-28 10:52:03
416
转载 Angular内置服务
一、$http$http是对Ajax（XHR）的封装。这里介绍3种用法。1、GET请求的用法：$http.get(url) .success(function (data) { // 这里的data是一个object，是我们想要的数据部分，不包含状态码等 // 成功的回调 }).error(function (err) {
2016-12-23 16:28:11
935
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人