2016年11月_ywltoread

转载运用@media实现网页自适应中的几个关键分辨率

经常为不同分辨率设备或不同窗口大小下布局错位而头疼,可以利用@media screen实现网页布局的自适应,但是怎样兼容所有主流设备就成了问题。到底分辨率是多少的时候设置呢？先看下面的代码,这是从bootstrap中遍历出来的，min-width来确认分别是768、992、1200。当然了过去也有些设备宽度是600 480的，哪些小分辨率的我们都归类为小于767的。为什么是

2016-11-29 15:14:18 1847

转载 CSS中的静态定位、固定定位、绝对定位和相对定位

相对定位：层级关系为：效果图：为改变参照物（橘色框）后的效果层级关系为：效果图：参照物为最顶级的元素情况。层级关系为：效果图：仅使用margin属性布局绝对定位元素的情况此情况，margin-bottom 和margin-righ

2016-11-29 15:11:12 14627 2

原创 nodejs与koa入门

http://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/001471087582981d6c0ea265bf241b59a04fa6f61d767f6000?from=groupmessage&isappinstalled=0廖雪峰的官方网站

2016-11-28 17:12:50 1743

转载 Html5新标签解释及用法

HTML 5 是一个新的网络标准，目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 标准。它希望能够减少浏览器对于需要插件的丰富性网络应用服务（plug-in-based rich internet application，RIA)，如Adobe Flash, Microsoft Silverlight, 与 Sun JavaFX 的需求。

2016-11-28 16:39:05 290

原创 BrowserSync的大坑，监听不起作用解决办法，附gulp浏览器同步自动刷新部署方法

能将本地服务器代理到localhost:3000/localhsot:3001的操作：按照官网来操作的代码是不起作用的：browser-sync start --proxy "127.0.0.1:8081" "E:/newcrm/trunk/4_Tools/crm/**/*.html,E:/newcrm/trunk/4_Tools/crm/**/*.js"查完后发现改成下面这样就起

2016-11-16 19:35:24 7294

转载 CDN缓存是什么?

CDN是什么?　　关于CDN是什么，此前网友详细介绍过。　　CDN是Content Delivery Network的简称，即“内容分发网络”的意思。一般我们所说的CDN加速，一般是指网站加速或者用户下载资源加速。　　可能这种专业的说，很多朋友不好理解，下面给大家分享一个小编记忆深刻的例子。　　举个通俗的例子：　　谈到CDN的作用，可以用8年买火车票的经历来

2016-11-16 17:57:18 3070

转载 Webkit的MemoryCache和DiskCache

MemoryCache简介： MemoryCache顾名思义，就是将资源缓存到内存中，等待下次访问时不需要重新下载资源，而直接从内存中获取。Webkit早已支持memoryCache。目前Webkit资源分成两类，一类是主资源，比如HTML页面，或者下载项，一类是派生资源，比如HTML页面中内嵌的图片或者脚本链接，分别对应代码中两个类：MainResourceLoad

2016-11-16 09:59:22 3374

原创 gulp学习记录

1.gulp的作用：以js为例，我们可能需要先把coffeescript转译成js，然后做一次语法检查，然后再压缩合并，最后才部署到生产。gulp就是用来把上述流程自动化的，并且现在像gulp和grunt这种工具一般都提供额外的实时刷新服务器，就是说，在开发过程中监视你的文件改变，实时来帮你刷新浏览器。前端开发越来越复杂，gulp就是把流程工具化来提高效率。2.gulp、grunt、f

2016-11-15 18:16:59 316

原创 action提交form表单，用于登录请求，servlet接收数据

今天发现登录需要用action提交form表单，然后通过后台决定跳转是否成功安全性较高。之前使用前端location.href来实现跳转，安全性很低，被测试部门打回重做。action总结：html写法：用户名密码

2016-11-11 18:56:48 6017

原创 html页面调用js文件里的函数报错onclick is not defined处理方法

今天处理html标签里的onclick功能的时候总是报错：Uncaught ReferenceError: dosave is not defined(…)找了半天都没发现错在哪，最后发现原来是我写法不对，正确写法如下：html：<input type="button" value="立即登录" onclick="dosave();"/>js：...

2016-11-11 18:12:41 83950 38

原创怎么把web项目发布到局域网，再发布到互联网

发布到局域网，让局域网用户可以访问：首先，需要web项目的容器服务器，最常见的有Tomcat、Apache、IIS等等。这些服务器配置在网上一搜一大堆，我就不多说了。第二步，先查自己的IP，可以点开始运行然后输入CMD，跳出DOS窗口后，输入“ipconfig”跳出来的选项中有个ip address（IPv4地址）后面的就是你的内网地址（你正在用哪个网上网就是哪个IP），比如我是：192....

2016-11-09 18:21:00 17600 7

转载使用npm安装一些包失败了的看过来（npm国内镜像介绍），亲测可用，非常吊！

这个也是网上搜的，亲自试过，非常好用！我用的是第一种，速度非常快！镜像使用方法（三种办法任意一种都能解决问题，建议使用第三种，将配置写死，下次用的时候配置还在）:1.通过config命令npm config set registry https://registry.npm.taobao.org npm info underscore （如果上面配置正确这个命令会有字

2016-11-08 18:34:37 458

原创 IE9的console不兼容问题，真是日了狗了

今天发现并不是所有浏览器都像Google chrome一样，可以正常使用console.log();IE9没打开F12调试模式（IE Dev Tools）的时候，是不支持console打印日志的，不支持就得了，居然还执行到那里就停止继续往下执行，js就卡在那里不动了。但是当我们F12打开调试模式的时候，之前做过console输出日志的操作都不会显示出来，如图：这就让我们没法发现IE9是

2016-11-08 18:30:23 5585 1

转载用JavaScript检测IE浏览器版本

前端开发中常常会和IE打交道，本文将介绍如何使用javascript来检测IE浏览器的每个版本，包括IE11、IE10、IE9、IE8、IE7、IE6等更旧浏览器，并且还可以叠加，如IE10及以下，IE8及以下，IE6及以下，IE11或者非IE浏览器。文章来自国外文章。建议一般来说，我们是建议使用条件注释来替换浏览器检测的方法。本文所讲的技术仅仅在条件注释无法实现，或者需要检测一个

2016-11-07 17:29:17 1896

转载 JS转换HTML转义符，防止javascript注入攻击，亲测可用

//去掉html标签123function removeHtmlTab(tab) { return tab.replace(/]+?>/g,'');//删除所有HTML标签}//普通字符转换成转意符123fu

2016-11-07 15:04:12 5201

一生为追梦的博客