随笔分类 -  web前端

摘要:Ajax语法浅析 原生Ajax 1.获取XMLHttpRequest对象 2.参数配置 3.发送请求 4.监测状态 还有onload、onloadstart、onprogress、onabort、ontimeout、onerror、onloadend等事件。 JavaScript深入系列、JavaS 阅读全文
posted @ 2017-05-02 21:09 chenxj 阅读(338) 评论(0) 推荐(0)
摘要:js闭包其实不难,你需要的只是了解何时使用它 究竟什么是闭包?闭包在什么场景下使用?写前端程序需要用到闭包吗?我用jQuery也能写的好好滴呀?闭包可以解决哪些问题?使用闭包会带来哪些好处? 闭包是指可以包含自由(未绑定到特定对象)变量的代码块;这些变量不是在这个代码块内或者任何全局上下文中定义的, 阅读全文
posted @ 2017-04-25 11:37 chenxj 阅读(262) 评论(0) 推荐(0)
摘要:用 Yarn 你还能做这 5 件事 [译] 在 JavaScript 领域中有几个包管理器: npm,bower,component,和 volo。到本文为止,最受欢迎的包管理器是 npm。npm 客户端提供了对 npm 注册库中成千上万代码的访问。Facebook 推出了一款名叫 Yarn 的包管 阅读全文
posted @ 2017-03-18 23:14 chenxj 阅读(293) 评论(0) 推荐(0)
摘要:原文:3 Ways to Preload Images with CSS, JavaScript, or Ajax 译文:利用CSS、JavaScript及Ajax实现图片预加载的三大方法 预加载图片是提高用户体验的一个很好方法。图片预先加载到浏览器中,访问者便可顺利地在你的网站上冲浪,并享受到极快 阅读全文
posted @ 2017-03-11 23:08 chenxj 阅读(569) 评论(0) 推荐(0)
摘要:非2.0的 vue2.0还有vue-router2.0的改变还是挺大的 vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。vue的单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来。传统的页面应用,是用一些超链接来实现页面 阅读全文
posted @ 2017-02-23 21:10 chenxj 阅读(2225) 评论(0) 推荐(1)
摘要:作为前端经常需要模拟后台数据,我们称之为mock。通常的方式为自己搭建一个服务器,返回我们想要的数据。 在这里我们使用node.js来实现 http://www.cnblogs.com/bsn-huang/p/3916951.html 数据来源data.json: index.js: 阅读全文
posted @ 2017-02-23 15:54 chenxj 阅读(781) 评论(0) 推荐(0)
摘要:localStorage 是 HTML5 本地存储的 API,使用键值对的方式进行存取数据,存取的数据只能是字符串。不同浏览器对该 API 支持情况有所差异,如使用方法、最大存储空间等。 使用方法 设置数据:localStorage.setItem(key,value); 获取数据:localSto 阅读全文
posted @ 2017-02-22 23:38 chenxj 阅读(410) 评论(0) 推荐(0)
摘要:整理一下自己平时移动端web开发中遇到的问题,也参考一下前辈的一些总结 1、最常见的要数1像素边框了 因为Retine屏的分辨率始终是普通屏幕的2倍,1px的边框在dpr=2的retina屏下会显示成2px。 但在IOS8中,已经支持0.5px了,那就意味着, 在devicePixelRatio=2 阅读全文
posted @ 2017-01-06 22:39 chenxj 阅读(1881) 评论(0) 推荐(0)
摘要:1,reload 方法,该方法强迫浏览器刷新当前页面。 如果该方法没有规定参数,或者参数是 false,它就会用 HTTP 头 If-Modified-Since 来检测服务器上的文档是否已改变。如果文档已改变,reload() 会再次下载该文档。如果文档未改变,则该方法将从缓存中装载文档。这与用户 阅读全文
posted @ 2016-12-25 16:53 chenxj 阅读(87681) 评论(0) 推荐(3)
摘要:2016即将过去,2017就要来临。 前阵子看到很多对2016前端领域的总结,也是有人欢喜有人忧啊。 转发了这一篇2017web的发展趋势。那么到底会是怎么样的一个发展趋势的,只好拭目以待了。 2017,希望我也能够学的更多,变得更加全面。 原文:6 Web Dev Trends You’re Go 阅读全文
posted @ 2016-12-23 23:22 chenxj 阅读(331) 评论(1) 推荐(1)
摘要:收集一些前端开发的各种会议,里面有视频或者PPT,随时查看都还是很有收获的。还有要向这些演讲的前辈看齐~ AC 2015:http://ac.alloyteam.com/2015/ AC 2016:http://ac.alloyteam.com/ 中国首届CSS开发者大会:https://css.w 阅读全文
posted @ 2016-12-23 22:28 chenxj 阅读(271) 评论(0) 推荐(0)
摘要:直接上链接,随时查看: 前端技能汇总 Frontend Knowledge Structure 阅读全文
posted @ 2016-12-23 10:55 chenxj 阅读(177) 评论(0) 推荐(0)
摘要:本文将对web方面的安全问题以及相应的防护方法进行一个简单的介绍。 SQL注入(SQL Injection) 原理:就是通过把SQL命令插入到Web表单递交或输入域名或页面请求的查询字符串,最终达到欺骗服务器执行恶意的SQL命令。具体来说就是用户可以利用恶意的SQL语句提交之后,到后台数据库执行,得 阅读全文
posted @ 2016-12-21 21:04 chenxj 阅读(1341) 评论(0) 推荐(0)
摘要:从输入 URL 到浏览器接收的过程中发生了什么事情? What really happens when you navigate to a URL 上面两篇文章都解读的很好,值得阅读。 接下来在总结一下这个过程: 1、首先,会查询缓存,如果缓存存在的话则直接响应,否则继续下面过程; 2、当发送一个U 阅读全文
posted @ 2016-12-20 23:40 chenxj 阅读(286) 评论(0) 推荐(0)
摘要:引用一篇文章:浏览器缓存知识小结及应用 再加一些自己的理解 阅读目录 1. 浏览器缓存基本认识 2. 强缓存的原理 3. 强缓存的管理 4. 强缓存的应用 5. 协商缓存的原理 6. 协商缓存的管理 7. 浏览器行为对缓存的影响 浏览器缓存,也就是客户端缓存,既是网页性能优化里面静态资源相关优化的一 阅读全文
posted @ 2016-12-19 10:14 chenxj 阅读(1188) 评论(0) 推荐(0)
摘要:先引入一片文章先: 如何优化前端页面 / 如何优化网页 优化,在前端是一个非常重要的领域来着,其涉及到前端开发中的方方面面,不仅要在代码编写规范,还要对各种资源进行合理的处理等等。但是,前端优化也不是盲目地进行优化,要稳抓稳打,该优化时优化,不该优化时就不要优化啦。 1、HTML 很容易被网络爬虫识 阅读全文
posted @ 2016-12-18 23:55 chenxj 阅读(236) 评论(0) 推荐(0)
摘要:大致的情况如下: 1. 申请你的网站域名以及域名备案、服务器、空间(程序、技术的工作);一个网站的建设首先要有一个好的域名。域名空间。网站空间是用来存放您的网站内容和程序文件,比如网页、图片、视频资料等等。2. 网站的架构和内容策划(网站策划的工作);分析你的需求。你此时应该定义出一个尽量周全的你的 阅读全文
posted @ 2016-12-17 00:02 chenxj 阅读(313) 评论(0) 推荐(0)