- 博客(30)
- 收藏
- 关注
RSS订阅原创 2021-05-19
// 方法一：function format(number) { return number && number.replace(/(?!^)(?=(\d{3})+\.)/g, ",");}// 方法二：function format2(number) { return number.toLocaleString('en');}
2021-05-19 14:16:45
59
原创 git 仓库管理
在git中，我们使用git config命令用来配置git的配置文件，git配置级别主要有以下3类：1、仓库级别 local 【优先级最高】2、用户级别 global【优先级次之】3、系统级别 system【优先级最低】通常：git 仓库级别对应的配置文件是当前仓库下的.git/config 【在当前目录下.git目录默认是隐藏的，所以在文件管理器中我们要打开显示以藏文件】git 用户级别对应的配置文件是用户宿主目录下的~/.gitconfig 【宿主目录：C:\Users\..
2021-05-12 09:52:01
224
原创 js学习
1前端基础 html css javascriptcss框架 sass less bootstrapjs框架 jquery jqueryui jquerymobile等相关的插件angular https://www.angular.cnvue vue-router vuex vue-lazyloader vue-validate 等...
2018-07-30 18:25:28
123
转载 DOM事件流的三个阶段
以程序的角度说，流是具有方向的数据。事件流之事件冒泡与事件捕获在浏览器发展的过程中，开发团队遇到了一个问题。那就是页面中的哪一部分拥有特定的事件？可以想象画在一张纸上的一组同心圆，如果你把手指放在圆心上，那么你的手指指向的其实不是一个圆，而是纸上所有的圆。放到实际页面中就是，你点击一个按钮，事实上你还同时点击了按钮所有的父元素。开发团队的问题就在于，当点击按钮时，是按钮最外层的父元素先...
2018-07-30 16:23:26
862
转载 fiddleer 4抓包工具
Fiddler4抓包工具使用教程一本文参考自http://blog.csdn.net/ohmygirl/article/details/17846199,纯属读书笔记,加深记忆1、抓包工具有很多,为什么要使用Fiddler呢?原因如下:a.Firebug虽然可以抓包，但是对于分析http请求的详细信息，不够强大。模拟http请求的功能也不够，且firebug常常是需要“无刷新修改”，如果刷新了页面...
2018-07-04 11:01:51
546
转载 理解Cookie和Session机制
转载: 理解Cookie和Session机制会话（Session）跟踪是Web程序中常用的技术，用来跟踪用户的整个会话。常用的会话跟踪技术是Cookie与Session。Cookie通过在客户端记录信息确定用户身份，Session通过在服务器端记录信息确定用户身份。本章将系统地讲述Cookie与Session机制，并比较说明什么时候不能用Cookie，什么时候不能用Session。Cookie机制...
2018-07-03 11:46:15
117
转载 Cookie、session和localStorage、以及sessionStorage之间的区别
一、Cookie、session和localStorage的区别 cookie的内容主要包括：名字、值、过期时间、路径和域。路径与域一起构成cookie的作用范围。若不设置时间，则表示这个cookie的生命期为浏览器会话期间，关闭浏览器窗口，cookie就会消失。这种生命期为浏览器会话期的cookie被称为会话cookie。 会话cookie一般不存储在硬盘而是保存在内存里，当然这个行为并不是规范...
2018-07-03 11:45:25
607
转载 跨域的问题
1.为什么会存在跨域造成跨域的两种策略浏览器的同源策略会导致跨域，这里同源策略又分为以下两种DOM同源策略：禁止对不同源页面DOM进行操作。这里主要场景是iframe跨域的情况，不同域名的iframe是限制互相访问的。XmlHttpRequest同源策略：禁止使用XHR对象向不同源的服务器地址发起HTTP请求。作者：黄家兴链接：https://www.zhihu.com/question/2637...
2018-03-21 00:53:03
137
转载 如何优化你的JS代码
JS代码的执行效率往往直接影响了页面的性能，有的时候，实现同样的功能，不同的JS代码往往在效率上相差很多，有的时候仅仅是由于我们的书写习惯导致的，当然在高级点的浏览器中，它们大多都已经帮我们优化了，但是在中国，万恶的IE6仍然大量的存在，我们不得不去考虑它。对于JS代码的优化，实际上有很多的情况，有些影响是比较小的，而有些是比较严重的，本文中，我把几个我认为影响比较严重的情况列出来，供大家参考。1...
2018-03-20 23:44:30
497
转载 CSS代码重构与优化
CSS代码重构的基本方法前面说到了CSS代码重构的目的，现在我们来说说一些如何达到这些目的的一些基本方法，这些方法都是易于理解，容易实施的一些手段，大家平时可能也不知不觉地在使用它。提高CSS性能的手段首先说说如何提高CSS性能，根据页面的加载性能和CSS代码性能，主要总结有下面几点：1、尽量将样式写在单独的css文件里面，在head元素中引用有时候为了图方便或者快速搞定功能，我们可能会直接将样式...
2018-03-20 23:20:59
143
转载 html代码优化
Html代码seo优化最佳布局实例讲解搜索引擎对html代码是非常优化的，所以html的优化是做好推广的第一步。一个符合seo规则的代码大体如下界面所示。 1、<!–木庄网络博客–> 这个东西是些页面注释的，可以在这里加我的“木庄网络博客”，但过多关键字可能被搜索引擎惩罚！ 2、<html> 这个是代码开头 结尾时和</html>对应。 3、<head&g...
2018-03-20 23:11:36
2164
转载 PHP 常用的header头部定义汇总
<?phpheader('HTTP/1.1 200 OK'); // ok 正常访问header('HTTP/1.1 404 Not Found'); //通知浏览器 页面不存在header('HTTP/1.1 301 Moved Permanently'); //设置地址被永久的重定向 301header('Location: http://www.ithhc.cn/'); //跳转到一个...
2018-03-02 16:07:02
704
转载 前端构建工具的用处
1. 【调试服务器】首先如果你是一个准备做WEB开发实践的，不管前端、后台，首先需要了解一两种服务器apache，tomcat，nginx啥的，至少能够配置一个基本的本地服务和修改索引路径，前端页面使用http/https协议访问，而不是本地文件协议（file协议下很多jsAPI都是受限的）。2. 【调试自动更新】服务器搭建好了，那么现在开始调试网页，然后你修改一点代码，去浏览器里面F5刷新页面看
2017-08-22 16:33:11
365
转载 移动端头部文件详解(二)
HTTP 标题信息(http-equiv) 和页面描述信息(name)http-equiv:该枚举的属性定义，可以改变服务器和用户代理行为的编译。编译的值取content 里的内容。简单来说即可以模拟 HTTP 协议响应头。最常见的大概属于Content-Type了，设置编码类型。如meta http-equiv="Content-Type" content="text/htm
2017-08-07 14:07:29
213
转载 移动端头部文件详解(一)
移动前端不得不了解的html5 head 头标签 DOCTYPEDOCTYPE(Document Type)，该声明位于文档中最前面的位置，处于 html 标签之前，此标签告知浏览器文档使用哪种 HTML 或者 XHTML 规范。使用 HTML5 doctype，不区分大小写。 <!-- 使用 HTML5 doctype，不区分大小写 -
2017-08-07 14:06:22
556
转载 移动端]专用的meta
这个用的最多， width和height指令分别指定视区的逻辑宽度和高度。他们的值要么是以像素为单位的数字，要么是一个特殊的标记符号。width指令使用device-width标记可以指示视区宽度应为设备的屏幕宽度。类似地height指令使用device-height标记指示视区高度为设备的屏幕高度。 user-scalable指令指定用户是否可以缩放视区，即缩放Web页面的视图。值为ye
2017-08-07 13:46:55
200
转载 移动端meta设置大全
声明文档使用的字符编码: 优先使用 IE 最新版本和 Chrome: 页面描述: 页面关键词: 网页作者： 搜索引擎抓取： 为移动设备添加 viewport启用360浏览器的极速模式(webkit)： 避免IE使用兼容模式： 针对手持设备优
2017-08-07 11:57:00
240
转载 移动端meta
移动端 meta控制显示区域各种属性： content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"> width - viewport的宽度height
2017-08-07 11:53:25
136
转载 手机端页面自适应解决方案—rem布局进阶版（附源码示例）
一年前笔者写了一篇 《手机端页面自适应解决方案—rem布局》，意外受到很多朋友的关注和喜欢。但随着时间的推移，该方案已然过时，故为大家介绍一个目前我极力推荐使用的，更加完美的方案——rem布局（进阶版）此方案仅适用于移动端web该方案使用相当简单，把下面这段已压缩过的 原生JS（仅1kb，源码已在文章底部更新，2017/5/3） 放到 HTML 的 head 标签中即可（注:不要手
2017-08-04 11:56:41
428
转载 手机端页面自适应解决方案—rem布局
该方案目前已过时，这里是更加完美的替代方案——rem布局(进阶版)相信很多刚开始写移动端页面的同学都要面对页面自适应的问题，当然解决方案很多，比如：百分比布局，弹性布局flex（什么是flex），也都能获得不错的效果，这里主要介绍的是本人在实践中用的最顺手最简单的布局方案——rem（什么是rem）布局rem布局非常简单，首页你只需在页面引入这段原生js代码就可以了 (
2017-08-04 11:55:39
256
转载 移动web开发之像素和DPR
定义 像素，又称画素，是图像显示的基本单位，译自英文“pixel”，pix是英语单词picture的常用简写，加上英语单词“元素”element，就得到pixel，故“像素”表示“图像元素”之意，有时亦被称为pel(picture element) 像素是网页布局的基础。一个像素就是计算机能够显示一种特定颜色的最小区域。当设备尺寸相同但像素变得更密集时，屏幕能显示的画面的过
2017-08-04 11:54:13
182
转载 css命名规则
头：header内容：content/containe尾：footer侧栏：sidebar栏目：column页面外围控制整体布局宽度：wrapper左右中：left right center登录条；loginbar标志：logo广告：banner页面主题：main热点：hot新闻：news下载：download子导航：subnav菜单：
2017-08-03 11:15:21
132
转载 js判断访问机器系统
script type="text/javascript"> function browserRedirect() { var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipa
2017-08-02 12:00:37
186
转载 Javascript图片预加载详解
Perishable Press网站近日发表了一篇文章《3 Ways to Preload Images with CSS, JavaScript, or Ajax》，分享了利用CSS、JavaScript及Ajax实现图片预加载的三大方法。下面为译文。预加载图片是提高用户体验的一个很好方法。图片预先加载到浏览器中，访问者便可顺利地在你的网站上冲浪，并享受到极快的加载速度。这对图片画廊
2017-08-01 10:02:29
235
原创 修改select右侧的下拉箭头样式
1.select { /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/ border: solid 1px #000; /*很关键：将默认的select选择框样式清除*/ appearance:none; -moz-appearance:none; -webkit-appearance:no
2017-07-20 13:54:11
8500
1
转载 懒加载和预加载
懒加载和预加载1、懒加载1.什么是懒加载？懒加载也就是延迟加载。当访问一个页面的时候，先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径（这样就只需请求一次，俗称占位图），只有当图片出现在浏览器的可视区域内时，才设置图片正真的路径，让图片显示出来。这就是图片懒加载。2.为什么要使用懒加载？很多页面，内容很丰富，页面很长，图片较多。比如说各种
2017-07-17 15:20:45
235
转载 html中的meta
X-UA-Compatible是神马？ X-UA-Compatible是IE8的一个专有属性，它告诉IE8采用何种IE版本去渲染网页，在html的标签中使用。可以在微软官方文档获取更多介绍。 为什么要用X-UA-Compatible？ 在IE8刚推出的时候，很多网页由于重构的问题，无法适应较高级的浏览器，所以使用X-UA-Compatible标签强制IE8采用低版本
2017-07-17 15:18:03
168
转载 谷歌浏览器Timeline用法详解 [复制链接]
本帖最后由 antzone 于 2016-3-22 14:26 编辑谷歌浏览器Timeline用法详解:大家都知道，谷歌浏览器自带的相关工具是前端开发人员的利器。点击F12会弹出一个界面，顶部带有功能的选项卡，其中有几个功能强大，但是相对较为复杂，比如Timeline,console和network。（1）.关于console的使用可以参阅谷歌控制台console相关命令介绍一
2017-07-14 10:27:20
1316
转载 html、css、js文件加载顺序及执行情况
HTML页面加载和解析流程 1. 用户输入网址（假设是个html页面，并且是第一次访问），浏览器向服务器发出请求，服务器返回html文件。 2. 浏览器开始载入html代码，发现标签内有一个标签引用外部CSS文件。 3. 浏览器又发出CSS文件的请求，服务器返回这个CSS文件。 4. 浏览器继续载入html中部分的代码，并且CSS文件已经拿到手了，可以开始渲染页面了
2017-06-15 14:37:32
213
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人