CSS判断不同分辨率浏览器（显示屏幕）显示不同宽度布局CSS3技术支持IE6到IE8。将用到css3 @media样式进行判断，但IE9以下版本不支持CSS3技术，这里DIVCSS5给大家介绍通过JS实现低版本的浏览器也支持CSS3实现实用布局。 一、实用范围描述 - TOP CSS DIV网页布局中当分辨率小于等于1024px（像素）时，DIV布局对象显示1000px宽度，当分辨率大于1024px时候显示1200px宽度等需求。使用CSS实现改变浏览器显示宽度从而实现布局的网页宽度动态改变变化（网
Web文档(document)：一些呈现静态信息的页面，虽然有的页面是会动的，但信息本身还是静态！
可以通过 JavaScript 来实现判断当前的设备类型：navigator 是 JavaScript 中的一个独立的对象，用于提供用户所使用的浏览器以及操作系统等信息，以 navigator 对象属性的形式来提供。所有浏览器都支持该对象。
JavaScript检测IE浏览器是哪个ie版本代码，包括是否是ie6的识别与检测： var ie=!!window.ActiveXObject; var ie6=ie&&!window.XMLHttpRequest; var ie8=ie&&!!document.documentMode; var ie7=ie&&!ie6&&!ie8; if (ie){ if (ie6){ alert(”ie6″); }else if (ie8){ alert(”ie8″)
之前讲到重排，布局的时候使用flex时，比使用inline-block和float时重排更快，所以在布局时可以优先考虑Flex。
if(window.addEventListener){ alert("not ie"); }else if(window.attachEvent){ alert("is ie"); }else{ alert("这种情况发生在不支持DHTML的老版本浏览器（现在一般都支持）") }
网站获取用户的浏览器和操作系统版本是一个很常见的需求，但是细说起来这个功能的实现并不简单。一般情况下有两种思路。
XMLHttpRequest是AJAX的核心技术，通过调用XMLHttpRequest对象的属性和方法可以实现在客户端和浏览器之间进行数据的异步传输，从而实现页面的无刷新效果。
简介 这篇文章主要介绍了通过js判断微信、QQ等内置浏览器并在外部浏览器打开(示例代码)以及相关的经验技巧，文章约2480字，浏览量449，点赞数4，值得参考！
Web 浏览器只是 ECMAScript 实现可能存在的一种*「宿主环境（host environment）」。而宿主环境提供ECMAScript 的基准实现和与环境自身交互必需的扩展。(比如 DOM 使用 ECMAScript 核心类型和语法，提供特定于环境的额外功能)。
今天在做vue和springboot交互的一个项目的时候，想要基于前端实现一些只有登录验证之后才能访问某些页面的操作，所以在这里总结一下实现该功能的一个解决方案，
HTML5学堂：相对来说，JS在移动端要远远低于PC端的使用频率，因此积累的开发经验并不是太多。在这里简要整理一些JavaScript在移动端的项目经验，主要包括click点击事件延迟、元素高亮点击区、zepto的touch问题等。 移动端click时间300ms延迟 在移动端，click点击事件会造成300ms的延迟，造成这种延迟的原因在于：当用户一次点击屏幕之后，浏览器并不能立刻判断用户是要进行双击缩放，还是想要进行单击操作。因此，浏览器就等待 300 毫秒，以判断用户是否再次点击了屏幕。 对于这种体验
Js中获取浏览器信息字符串只要使用navigator.userAgent即可，这样我们再利用indexof来判断版本或其它信息了。
我查了很多资料，逛了很多论坛，最终在Github上找到了一个名为“NativeShure”的JS插件，据说对浏览器的兼容性不错，于是便开始折腾！
Undefined、Null、Boolean、Number和String，Object
我们经常可以在一些 app上看到分享到朋友圈、微信好友、qq好友等功能，例如 饿了么、美团等 app，下单之后就会弹出给好友发红包的 modal窗，这在 app上很常见，app的权限可以很大，甚至连启动手机上其他关联软件的权限都可以有，分享到什么朋友圈简直是小菜一碟，而相比之下浏览器的权限就被限制地很小，连读取粘贴板内容的功能有的浏览器都没有。
标记为async的脚本并不保证按照指定它们的先后顺序执行。对它来说脚本的加载和执行是紧紧挨着的，所以不管你声明的顺序如何，只要它加载完了就会立刻执行。
由于代码的迭代，导致IE已经完全不支持大部分hexo博客了。但是IE在国内还是拥有着一定的份额，而且还不算是例如360等兼容IE内核的浏览器。
最近用uni-app开发h5应用时，需要适配全面屏，所以查阅相关资料，将修改涉及到的一些注意点分享一下。
本文主要是从程序猿的角度进行分析的，致力于提供解决问题的思路，而不是盲目的从网上百度
随着网络上的 Web 应用越来越多，为了提升安全性，现在跟安全性有关的 HTTP header 也是多到记不得。因为各种不同功能的 HTTP header 实在太多，所以这边想要介绍几个比较简单、好设定的安全性 headers ，只要把这些 headers 加进去，网站就会突然变安全哦～
JavaScript 是单线程的，只有JS引擎线程执行事件队列的事件。为了防止代码阻塞，JavaScript使用了异步执行机制。
作者： CarterLi 原文：https://segmentfault.com/a/1190000012730162 上篇说了一些 JS 中数组操作的常见误区，这次来总结一下初学者常见的其他易错点。 写立即执行函数时前置 void 立即执行函数（IIFE）在 JS 非常常用，作用就是构造一个函数级的变量作用域。常见的写法如下： 这样写可能会被 JS 理解成为一个函数调用 从今天改变习惯，这样写： 有些人喜欢以 打头，个人习惯问题。 在 standardjs 规范日益流行的今天，忽略行尾分号成为了主流（但
“世间万物都由分子构成。用气将万物的分子打散，分解眼前事物，再将分子重组，在短暂的瞬间，可以凝成时空停顿，甚至逆转时空。”
Web前端技术由html、css和javascript三大部分构成，是一个庞大而复杂的技术体系，其复杂程度不低于任何一门后端语言。而我们在学习它的时候往往是先从某一个点切入，然后不断地接触和学习新的知识点，因此对于初学者很难理清楚整个体系的脉络结构。本文将对Web前端知识体系进行简单的梳理，对应的每个知识点点到为止，不作详细介绍。目的是帮助大家审查自己的知识结构是否完善，如有遗漏或不正确的地方，希望共勉。
写完后，部署上线。然而我们要考虑充分利用浏览器缓存，我们的目标是资源文件直接读取浏览器缓存，于是给它设置 Cache-Control/Expires 和 Last-Modified/ETag。Cache-Control/Expires的作用是在缓存时间内，正常进入页面，浏览器不会发出请求，直接读取浏览器缓存资源。如果用户点击“刷新”按钮或缓存时间消失，浏览器会发送请求，并根据Last-Modified/ETag判断内容是否有更新，如果内容没更新，服务器返回304。
项目地址: diana 文档地址: http://muyunyun.cn/diana/ 造轮子的意义 为啥已经有如此多的前端工具类库还要自己造轮子呢？个人认为有以下几个观点吧： 定制性强，能根据自己的需求为主导延伸开发。万一一不小心还能帮到别人（比如 React 库）； 纸上得来终觉浅，很多流行的库，只是照着它们的 API 进行使用，其实这些库里蕴含着大量的知识、技巧，最好的办法就是仿照它们来写些小 demo，从而体会这些库的精髓； 造轮子的过程中能让自己体会到与平常业务开发不一样的乐趣；比如和日常业务
正则用来定义一些字符串的规则，程序可以根据这些规则来判断一个字符串是否符合规则， 也可以将一个字符串中符合规则的内容提取出来。
很久没有发文了，一是忙上线的事。二是有些颓废了，身体虚弱了，感觉工作没有激情了，不太想写。好了，既然承诺了写下去，那么就坚持吧。
前端爱好者的知识盛宴 此干货供稿者乃鹅厂大神--樊东东 当小编提出能否将其干货文章发表在公众号上时 大神一口答应并发出爽朗的笑声 嘻嘻嘻... 还送上了其前端开发者github的200star整理的文档 小编小心翼翼的收下 并附在了原文链接中！ 各位技友各取所需~ 正文 web前端发展路程 web页面最开始都是一个个静态页面，再加上些动态效果，但资源都是静态的。人们想根据需要，不同的用户、不同的场景生成不同的页面，这就有了asp、jsp等动态页面生成技术，这个时候的web开发者基本前后端一起写。 ajax
作者： CarterLi 原文：https://segmentfault.com/a/1190000012730162 上篇说了一些 JS 中数组操作的常见误区，这次来总结一下初学者常见的其他易错点。 写立即执行函数时前置 void 立即执行函数（IIFE）在 JS 非常常用，作用就是构造一个函数级的变量作用域。常见的写法如下： (function () { // code })(); 这样写可能会被 JS 理解成为一个函数调用 var a = 1 (function () { // Uncaught
最近给主题评论区加UA判断，判断评论者是什么操作系统，博客程序本身就存了评论者的User-Agent，只要针对User-Agent进行判断系统就行了。 思路
说明：safe1.html,safe2.html,safe3.html;fish1.html/fish2.html/fish3.html 的区别仅在于请求接口不用。
在后端为了加速服务的访问速度，通常可以使用 Memcached、Redis 做数据缓存，那么在浏览器端又有哪些缓存策略呢？
平淡的描述 在js中，能使用特征监测就尽量不要使用浏览器嗅探。嗅探浏览器目的是判断可否使用这个对象或者API，但是抛开浏览器 的各个版本的userAgent不说，还有些浏览器打补丁的情况，造成判断异常复杂，兜了个大的圈子，而特征检测则是直接 了当，不存在维护困难的问题。 其次，当不确定某个版本的浏览器是否有特殊的bug时（如IE8下js访问css的float属性时，是styleFloat， 而在w3c浏览器下是CssFloat；IE8下getElementByTagNames返回NodeList包括
流量当下的网络大环境，如何让我们的网站更容易出现在网民的视野中？这里我们就用原生JS实现网页调用系统自带的分享功能，为网页增加一个分享功能！
简单的说,通过域名,最终得到该域名对应的IP地址的过程叫做域名解析（或主机名解析）。
我持续组织了近一年的源码共读活动，感兴趣的可以 点此扫码加我微信 ruochuan12 参与，每周大家一起学习200行左右的源码，共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列。另外：目前建有江西|湖南|湖北籍前端群，可加我微信进群。
作为苦逼的IT行业，没日没夜的加班，妹纸也少的可怜，就算在一个班办公室或者一个部门，可能也只有一个妹纸，但估计也轮不到你来上，只能眼巴巴的放着光。可是程序猿一直以老实、踏实、多金等美名著称。只要你学的
如果我们项目是前后端分离并且内容是AJAX动态获取想要进行网站排名优化（SEO）的话，可以使用prerender
CSS中有很多媒体查询的用法，例如设备尺寸判别，是否支持鼠标行为，是否是黑暗模式，是否是省电模式等。
浏览器对象模型BOM（Browser，Object，Model）是以window对象为基础的，这个对象代表了浏览器窗口，页面可视区域，它还被复用为Es的全局对象Global，所有的原生类型的构造函数和函数都从一开始就存在于这个对象之上。
浏览器在同源策略限制下，出于安全上的考虑，页面无权限获取异常详情， 只输出 Script error 的错误信息。
做好了项目之后,在各种浏览器里面测试,都没有问题.很高兴,交付后端使用.然而发现在微信自带浏览器里面,却是出现了问题.
互联网有一项著名的8秒原则。用户在访问Web网页时，如果时间超过8秒就会感到不耐烦，如果加载需要太长时间，他们就会放弃访问。大部分用户希望网页能在2秒之内就完成加载。
此动态加载css方法 loadCss，剥离自Sea.js，并做了进一步的优化（优化代码后续会进行分析）。
一、前言 苦逼的前端攻城狮都深受浏览器兼容之苦，再完成每一项功能前都要左顾右盼，生怕浏览器不支持某个API，生怕原生API内含臭虫因此判断浏览器类型和版本号成了不可绕过的一道关卡，而特征嗅探是继浏览器探测后另一利器处理上述问题。 二、何为特征嗅探 从前我们都是通过对navigator.userAgent或navigator.appVersion两个属性值进行特定字符串匹配和萃取来
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
