web前端
文章平均质量分 85
Faremax
web开发,一直在努力
展开
-
个人博客主页搭建随笔
经常在各种论坛、博客还有 github 上活跃的朋友不难发现,许多大牛都有自己的网站,也多以博客为主。博主作为一个立志前端的大白,难道不应该和大牛学习么? 说干就干,前端部分和 web 开发博主做了很多学习和总结,不少也写成了博客。对于后端,博主不敢说完全没有经验,但接触的也都比较简单。于是乎,博主六月底开始看 Node 和 Express,利用空闲时间做了自己的博客,现阶段还有许多不足,原创 2017-07-29 19:03:49 · 4126 阅读 · 2 评论 -
Chrome 调试技巧
写在前面 本文包括浏览器调试,不包括web移动端调试。 本文调试均在chrome浏览器进行alert这个不用多说了,不言自明console基本输出想必大家都在用console.log在控制台输出点东西,其实console还有其它的方法:console.log("打印字符串");//在控制台打印自定义字符串console.error("我是个错误");//在控制台打印自定义错误信息c原创 2016-11-16 15:46:01 · 939 阅读 · 0 评论 -
常见样式设计及DOM操作整理
css部分为不同链接添加不同样式a[href^="http"]{padding-right: 20px;background: url(external.gif) no-repeat center right;}/* email */a[href^="mailto:"]{padding-right: 20px;background: url(email.png) no-repeat c原创 2017-03-10 16:47:46 · 826 阅读 · 0 评论 -
阿里巴巴2018秋招总结
这是去年8月份秋招的面试,五面都面完了,给大家贡献干货吧。我没写问题的答案,有什么问题可以留言区问我。一面 电话面(1小时) 电话面问题不多,但是十分考验对相关知识熟悉程度,面试官是 P7(不理解这个就去百度吧)以前做过什么项目?使用了什么技术?(balabala…) 继续上一个问题,为什么使用 gulp 不用 webpack? 你都使用过哪些框架?(就说熟练XXX框架,用过了解XX...原创 2018-05-04 23:11:39 · 1877 阅读 · 0 评论 -
SPA 中前端路由基本原理与实现方式
通常 SPA 中前端路由有2中实现方式,本文会简单快速总结这两种方法及其实现:修改 url 中 Hash利用 H5 中的 historyHash我们都知道 url 中可以带有一个 hash, 比如下面 url 中的 page2https://www.abc.com/index.html#page2window 对象中有一个事件是 onhashchange,以下几种情况都会触发这个事件:直接更原创 2017-12-13 10:09:35 · 5506 阅读 · 0 评论 -
浏览器常用事件解析
之前写过一篇浏览器事件的相关操作和事件运行的原理——JavaScript浏览器事件解析。这一篇主要写一些常用的事件及一些可能的坑。表单事件键盘事件当 <input>, `“ 的值发生变化时触发。此外,打开 contenteditable 属性的元素,只要值发生变化,也会触发 input 事件。input 事件的一个特点,就是会连续触发,比如用户每次按下一次按键,就会触发一次input事件。此类事件包原创 2017-08-22 14:49:20 · 4397 阅读 · 0 评论 -
前端开发中的基础思考题
前些日子在忙着面试,拿了心仪的 offer 以后闲下来整理了一些面试相关的基本概念。由于很多关于代码细节的东西之前的博客都有更详细的解释,所以本文涉及代码细节比较少,主要是面试相关的概念,也是前端比较零碎的一些知识。 以下内容包括我面试过程遇到的以及有些仅复习时遇到的内容,有不对的地方欢迎指正。什么是盒子模型?在网页中,一个元素占有空间的大小由几个部分构成,其中包括元素的内容(content),元原创 2017-09-19 11:35:42 · 4044 阅读 · 0 评论 -
一个简单的图片懒加载
一个简单的图片懒加载所谓懒加载,是为了提高网页的打开的速度,获得更好用户体验的一种手段。其选择的重要的部分先加载,次要的部分需要的时候再加载。比如一个电商网站,首屏通常有很多的数据,清晰度较高的 banner 或轮播。页面非首屏部分会员很多商品夹杂着大量的图片。这是时候选择懒加载以保证首屏的流畅十分重要。本文仅仅简单的举例图片的懒加载,是性能优化的入门的篇章,方法比较简单明了,只要有一点 js 基础原创 2017-03-13 10:32:55 · 1683 阅读 · 0 评论 -
前端兼容性问题总结
HTML 篇样式兼容性问题<!-- IE 按 Edge 模式渲染 --><meta http-equiv="X-UA-Compatible" content="IE=Edge" /><!-- IE 8 9 10 按 IE7 模式渲染 --><meta http-equiv="X-UA-Compatible" content="IE=Emulate7" />怪异模式怪异模式是没原创 2017-04-07 14:33:39 · 7936 阅读 · 2 评论 -
常见meta和link标签
页面基本设置<!-- 页面描述 --><meta name="description" content="页面描述,控制在150字以内" /><!-- 页面关键词 --><meta name="keywords" content="关键字列表" /><!-- 作者信息 --><meta name="author" content=&q原创 2017-04-19 16:04:35 · 1648 阅读 · 0 评论 -
全解跨域请求处理办法
为什么会有跨域问题我们试想一下以下几种情况:我们打开了一个天猫并且登录了自己的账号,这时我们再打开一个天猫的商品,我们不需要再进行一次登录就可以直接购买商品,因为这两个网页是同源的,可以共享登录相关的 cookie 或 localStorage 数据;如果你正在用支付宝或者网银,同时打开了一个不知名的网页,如果这个网页可以访问你支付宝或者网银页面的信息,就会产生严重的安全的问题。如果该未知...原创 2018-10-04 16:42:50 · 571 阅读 · 0 评论