随笔分类 - 前端开发
摘要：meta属性在HTML中占据了很重要的位置。如：针对搜索引擎的SEO，文档的字符编码，设置刷新缓存等。虽然一些网页可能没有使用meta，但是作为正规军，我们还是有必要了解一些meta的属性，并且能够熟练使用它们。 1、声明文档使用的字符编码 2、声明文档的兼容模式 3、SEO 优化 4、为移动设备添
阅读全文
摘要：1.PC考虑的是浏览器的兼容性，而移动端开发考虑的更多的是手机兼容性，因为目前不管是android手机还是ios手机，一般浏览器使用的都是webkit内核，所以说做移动端开发，更多考虑的应该是手机分辨率的适配，和不同操作系统的略微差异化。 2.在部分事件的处理上，移动端多出来的事件是触屏事件，而缺少
阅读全文
摘要：一、Div+css通用兼容性代码 你可以在css开头加入 *html{padding:0px} <style> *html{padding:0px} /* Clear Fix */ .clearfix:after { content:”.”; display:block; height:0; cle
阅读全文
摘要：qrcode.react 1.安装 2.用法(这里用的ant design) 3.参数 jquery.qrcode 1.引入js 2.在页面中需要显示二维码的地方加入以下代码： 或者 使用canvas方式渲染性能还是非常不错的，但是如果用table方式，性能不太理想，特别是IE9以下的浏览器，所以需
阅读全文
摘要："屏幕分辨率为："+screen.width+"*"+screen.height"屏幕可用大小："+screen.availWidth+"*"+screen.availHeight"网页可见区域宽："+document.body.clientWidth"网页可见区域高："+document.body
阅读全文
摘要：原文地址:http://www.cnblogs.com/zhuzhenwei918/p/6732021.html 数组方法 注意： 下面的1 - 4的方法中传入的函数都接受三个参数 value, index,array 1. forEach forEach 就是对于每一个的意思。 所以其中接受的函数
阅读全文
摘要：网页的布局、颜色、形状等UI展示方式主要是由Css进行设置，在ReactJs中也是一样。ReactJs中的Css结构方式与传统的Web网页类似，但依然存在一些差异。ReactJs中Css文件本身的编写上并没有差异，我们可以定义特定的样式类名，也可以正对Html元素定义样式。差异主要在React对Cs
阅读全文
摘要：首先什么是webpack？如果说它是一个打包工具那真的是有点大材小用了。webpack是一个集前端自动化、模块化、组件化于一体的可拓展系统，你可以根据自己的需要来进行一系列的配置和安装，最终实现你需要的功能并进行打包输出。 webpack最简单的3招开始介绍，即拆分、打包、压缩。 步骤 1.传统项目
阅读全文
摘要：$(function(){ $(window).scroll(function () { if ($(this).scrollTop() > 400) { //scrollTop() 方法返回或设置匹配元素的滚动条的垂直位置。 $('#gotop').fadeIn(); } else { $('#go...
阅读全文
摘要：h5ai是HTTP Web服务器的现代文件索引器，专注于您的文件。目录以有吸引力的方式显示，浏览它们通过不同的视图，面包屑和树状概述增强。最初，h5ai是HTML5 Apache Index的缩写，但现在也支持其他Web服务器。 1.虽然体验优化很好，但原中文文件名会显示成%D0%C2%C3%的的形
阅读全文
摘要：1.要讨论的是浏览器端的真正跨域访问,推荐的是目前jQuery $.ajax()支持get方式的跨域,这其实是采用jsonp的方式来完成的. dataType : 'jsonp',jsonp : 'callback', crossDomain :true设置前两个就可以了 2.跨域代理 主要原理就是
阅读全文
摘要：有时候觉得浏览器自带的原始滚动条不是很美观，那webkit浏览器是如何自定义滚动条的呢？ Webkit支持拥有overflow属性的区域，列表框，下拉菜单，textarea的滚动条自定义样式。当然，兼容所有浏览器的滚动条样式目前是不存在的。 <!DOCTYPE html><html lang="en
阅读全文
摘要：1.clipboard.js 实现了纯 JavaScript （无 Flash）的浏览器内容复制到系统剪贴板的功能。可以在浏览器和 Node 环境中使用。支持 Chrome 42+、Firefox 41+、IE 9+、Opera 29+ cdn：<script src="https://cdn.bo
阅读全文
摘要：搭建nodejs服务器步骤: 1.安装nodejs服务(从官网下载安装) 2.在自己定义的目录下新建服务器文件如 server.js 例如，我在E:\PhpProject\html5\websocket下创建了server.js文件 3.在cmd控制台中cd切换进server.js所在的目录，然后执
阅读全文
摘要：nodemailer模块的特点： 使用Unicode编码 支持Windows系统，不需要安装依赖 支持纯文本和HTML格式 支持发送附件(包括大型附件) 在HTML中嵌入图片 支持SSL/STARTTLS安全协议 不同的传输方法，可以使用内置也可以使用外部插件的形式 提供自定义插件支持(比如增加DK
阅读全文
摘要：1.什么是 CSS hack CSS hack由于不同厂商的浏览器，比如Internet Explorer,Safari,Mozilla Firefox,Chrome等，或者是同一厂商的浏览器的不同版本，如IE6和IE7，对CSS的解析认识不完全一样，因此会导致生成的页面效果不一样，得不到我们所需要
阅读全文
摘要：浏览器渲染过程： 简单来说，浏览器渲染一共有五步，1.解析HTML标签，构建DOM树。 在这个阶段，引擎开始解析html，解析出来的结果会成为一棵dom树dom的目的至少有2个：－ 作为下个阶段渲染树状图的输入－ 成为网页和脚本的交互界面。(最常用的就是getElementById等等)当解析器到达
阅读全文
摘要：页面加载完成有两种事件，一是ready，表示文档结构已经加载完成（不包含图片等非文字媒体文件），二是onload，指示页面包含图片等文件在内的所有元素都加载完成。 真不知道这个标题该怎么取，暂时就先凑活着用了。 用jQ的人很多人都是这么开始写脚本的： $(function(){ // do some
阅读全文
摘要：最近参加了一个WEB安全培训，感觉WEB攻击跟防御都是挺有意思的。以下总结比较简短，仅供观赏哈。 一、XSS攻击 【介绍】 xss攻击是跨站脚本攻击，例如在表单中提交含有可执行的javascript的内容文本，如果服务器端没有过滤或转义这些脚本，而这些脚本由通过内容的形式发布到了页面上，这个时候如果
阅读全文
摘要：NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，常见的使用场景有以下几种： 允许用户从NPM服务器下载别人编写的第三方包到本地使用。 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用
阅读全文
浙公网安备 33010602011771号