web前端
爱凤凤
相信你所相信的
坚持你所坚持的
展开
-
大前端完整学习路线(详解)
大前端完整学习路线(详解)第一阶段:HTML+CSS:HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、JavaScript基础:Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。JS基本特效:常见特效、例如:tab、导航、整页滚动、轮播图、JS制作幻灯片、弹转载 2017-03-29 20:13:54 · 568 阅读 · 1 评论 -
gulp-rev:项目部署缓存解决方案
引言: 前端工程化部署比较重要考虑的一个问题是缓存 ,可以参考 《变态的静态资源缓存与更新》。 使用gulp-rev解决的就是《变态的静态资源缓存与更新》提出的问题。rev会做什么: 根据静态资源内容,生成md5签名,打包出来的文件名会加上md5签名,同时生成一个json用来保存文件名路径对应关系。 替换html里静态资源的路径为带有md5转载 2017-08-19 15:08:21 · 510 阅读 · 0 评论 -
jsonp跨域请求,常见的集中书写方式,及优缺点比较
简介 符合Web2.0特征的众多网站一个明显的特点就是采用Ajax。Ajax提供了在后台提交请求访问数据的功能。其实现主要使用的是XMLHttpRequest函数,这个函数允许客户端的Javascript发送到服务器端的HTTP请求并获得返回数据。Ajax同时也是目前众多的Mashup背后的驱动力量,他们都利用Ajax来聚合不同来源的信息。理解同源策略的限制原创 2017-08-09 08:32:30 · 890 阅读 · 1 评论 -
ECMAScript 6 十大特性
转自:http://www.oschina.net/news/71566/es6-developers-will-have-to-know 感谢分享!!!ES6(ECMAScript2015)的出现,无疑给前端开发人员带来了新的惊喜,它包含了一些很棒的新特性,可以更加方便的实现很多复杂的操作,提高开发人员的效率。本文主要针对ES6做一个简要介绍。 主要译自:《Top 10 ES6转载 2017-07-28 08:26:13 · 592 阅读 · 0 评论 -
ECMAScript 6 常用特性整理
ECMAScript 6 常用特性整理说明看了 阮一峰 老师的 ECMAScript 6 入门,决定将之前一直使用到的 ES6 重新整理一遍。1. let 和 const用法类似 var 用来声明变量,但是声明的变量只在命令所在的代码块中有效不存在变量提升暂时性死区, 在变量用 let 声明前的代码中 只要使用到变量,就会报错原创 2017-07-28 10:15:02 · 587 阅读 · 0 评论 -
bootstrap的icheck插件使用
由于我们在项目开发时会经常用到单选框和复选框,并且众所周知其样式不易修改,它们的原有样式不能满足我们项目美观所需,所以这个时候icheck插件就能帮到我们不少呢,下来我就来说说icheck插件的使用:iCheck特色:1、在不同浏览器(包括ie6+)和设备上都有相同的表现 — 包括 桌面和移动设备2、支持触摸设备 — iOS、Android、BlackBerry、W转载 2017-08-07 15:51:45 · 669 阅读 · 0 评论 -
前端框架Vue、angular、React的优点和缺点
学习web前端开发中,会有很多的框架,那么目前流行的框架有哪些呢?一、Vue.js: 其实Vue.js不是一个框架,因为它只聚焦视图层,是一个构建数据驱动的Web界面的库。 Vue.js通过简单的API(应用程序编程接口)提供高效的数据绑定和灵活的组件系统。 Vue.js的特性如下: 1.轻量级的框架 2.转载 2017-09-06 16:51:18 · 1024 阅读 · 0 评论 -
ES6环境搭建
ES6环境搭建: 1.在线转换地址:http://google.github.io/traceur-compiler/demo/repl.html# 2.配置方法: 1.初始化项目: npm init -y 2.全局安装babel-cli: cnpm install -g babel-cli ps:安装cnpm:npm...原创 2018-04-10 16:10:49 · 143 阅读 · 0 评论 -
Fiddler 抓包软件的安装和使用
1. Fiddler 简介Fiddler 专用抓包工具,工作在应用层,只能对HTTP协议(包含HTTPS协议)进行抓取。Fiddler 功能丰富,体积小巧,支持HTTP断点调试,且是一款免费的软件。Fiddler 是用 C# 编写的HTTP协议调试代理工具,它以代理服务器的方式监听你的电脑和互联网之间的http通讯。运行Fiddler后,就会在本地电脑打开8888端口,网络数据流通过Fiddler...转载 2018-05-15 21:00:05 · 1292 阅读 · 0 评论 -
移动端(微信环境)进行console的数据打印,模拟Chrome控制台
开发移动端或者是微信端的项目时,经常会遇到各种各样的问题,需要一个能在移动设备上模拟控制台的工具。Vconsole就能做到这一点。GIT的项目地址:https://github.com/Tencent/vConsole/blob/dev/README_CN.md(包含使用教程)项目使用:1. 直接引用CDN的js文件 1. head里面引用script地址:<script s...原创 2018-10-31 12:38:42 · 1785 阅读 · 1 评论 -
css学习笔记 -position-sticky(粘性固定)
情景说明:好多情况下,遇到某些菜单或者筛选的选项需要固定在页面的固定位置,通常情况下,需要监听scroll事件,才能实现。看到网易新闻移动端首页和饿了么的首页发现一个新的属性,position:sticky,实现的。代码量精简了不少。 写了个简单的实例实现,觉得阔以实现。亲测可用设备兼容:(按照下面的写法即可)position: sticky;position: -web...原创 2018-11-08 14:51:57 · 1018 阅读 · 0 评论 -
变态的静态资源缓存与更新
这是一个非常有趣的 非主流前端领域,这个领域要探索的是如何用工程手段解决前端开发和部署优化的综合问题,入行到现在一直在学习和实践中。在我的印象中,facebook是这个领域的鼻祖,有兴趣、有梯子的同学可以去看看facebook的页面源代码,体会一下什么叫工程化。接下来,我想从原理展开讲述,多图,较长,希望能有耐心看完。让我们返璞归真,从原始的前端开发讲起。上图是转载 2017-08-19 15:07:03 · 345 阅读 · 0 评论 -
浅析前端渲染与后端渲染
前端渲染与后端渲染本质上可以理解为:浏览器渲染与服务器渲染 备注:以下纯属本人个人的一些总结与看法,如有异同,欢迎大家指教;渲染的本质:字符串的拼接,将数据渲染进固定格式的html代码中,形成最终的html显示在用户页面上。对比: 1.前端渲染(数据传回前端显示)---- 填 优点:不占用服务器运算资源(解析模板)原创 2017-08-04 15:40:58 · 2989 阅读 · 0 评论 -
去除火狐浏览器点击连接时出现虚线边框
firefox浏览器点击链接时会自动在元素周围添加一个虚线边框,它是通过添加outline属性来实现的去除的方法:a{ outline:none; } 或者缩小范围 a:focus{ outline:none; }原创 2017-08-04 13:22:55 · 1472 阅读 · 0 评论 -
大前端完整学习路线(详解)
大前端完整学习路线(详解)第一阶段:HTML+CSS:HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、JavaScript基础:Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。JS基本特效:常见特效、例如:tab、导航、整页滚动、轮播图、JS制作幻灯片、弹转载 2017-03-29 20:17:05 · 470 阅读 · 0 评论 -
常用正则表达式大全 (转) - 好记性不如烂笔头
网上找到的常用正则表达式,留着以后可能用得上,正则表达式实在是不好写,只好拿来主义了,在Delphi中没有自己带有正则表达式的组件,靠第三方了,都说PerlRegEx 是首选, 去这里下载,官方网站: http://www.regular-expressions.info/delphi.html。另外,万一老师在他的博客上写了PerRegEx的使用,可以去看看:http://www.cnblogs转载 2017-03-29 20:19:58 · 461 阅读 · 0 评论 -
前端工程涉及八个比较大的分类
组织架构:前端开发规范和架构设计,包括模块化/组件化开发模型、开发框架、目录规范、组织形式等。工程部署:有关前端项目的部署方式,比如静态资源部署,CDN缓存接入,模板部署等。性能优化:网站性能优化的工程化方法,比如按需加载、打包合并、资源缓存等工具平台:构建工具与开发平台开发流程:前端开发流程,包括开发、测试、部署等环节的打通统计监控:用户行为与网站状态监控,比如pv/uv、访问路径、用户信息、网原创 2017-04-13 12:29:20 · 539 阅读 · 0 评论 -
图解Js event对象offsetX, clientX, pageX, screenX, layerX, x区别
通过 3 张图和 1 张表格,轻松区别 JavaScript Event 对象中的offsetX, clientX, pageX, screenX, layerX, x等属性。一、测试代码如下:[html] view plain copy> html lang="zh-cn"> head> meta charset="u转载 2017-06-07 20:07:46 · 607 阅读 · 0 评论 -
JavaScript-函数篇-001(Javascript变参函数)
我们平时在做前端开发涉及到一些Javascript时,可能会遇到参数不固定的Javascript函数,如:exp(a)、 exp(a,b),需要说明的是函数名相同,但传入的参数不同,那么我们可能会这样想:定义两个函数,一个只含一个函数,而另一个有两个函数,gitHub地址:https://github.com/liYinFeng2/javaScript/blob/master/原创 2017-06-07 20:11:42 · 1028 阅读 · 0 评论 -
JavaScript-函数篇-002(Javascript构造函数)
github地址:https://github.com/liYinFeng2/javaScript/edit/master/JavaScript%E5%88%86%E7%B1%BB/%E5%87%BD%E6%95%B0%E7%AF%87/001_Javascript%E6%9E%84%E9%80%A0%E5%87%BD%E6%95%B0.txt构造函数注意事项:(1).默认函数首字原创 2017-06-07 20:13:48 · 304 阅读 · 0 评论 -
JavaScript-函数篇-003(JavaScript中的匿名函数)
在开源的JavaScript框架中能看到很多这样语法结构 (function(){ ...... } )()比如我最近看的jQuery,及chediter。刚开始的时候我看到这样的结果有点奇怪,它是怎么执行的,并且这是什么样的语法结构,最近偶尔看闭包的时候,才发现原来这是JavaScript中的匿名函数(看到这个有点汗原创 2017-06-07 20:14:53 · 366 阅读 · 0 评论 -
JavaScript算法阶乘1
方法1:函数递归方法2:for循环方法3:while循环原创 2017-06-11 15:50:55 · 434 阅读 · 0 评论 -
浅谈前端与SEO
转载地址:http://uxc.360.cn/archives/984.htmlSEO(Search Engine Optimization),就是传说中的搜索引擎优化,是指为了增加网页在搜索引擎自然搜索结果中的收录数量以及提升排序位置而做的优化行为。我认为这是一门说来简单,但操作起来复杂的技术,只可意会,不可言传。作为一名前端工程师,不需要精通SEO,但必须要转载 2017-07-19 15:51:45 · 413 阅读 · 0 评论 -
真正的中国天气api接口xml,json
我只想说现在网上那几个api完全坑爹有木有???官方的申请不来有木有,还有收费有木有??咱这种菜鸟只能用免费的了!!!!http://m.weather.com.cn/data/101110101.html大坑有木有??反应慢不说了,还老不更新!!想贴段代码的,现在又打不开了(貌似3月4号以后没更新过)====================转载 2017-08-01 11:12:30 · 677 阅读 · 0 评论 -
彻底理解js中this的指向
彻底理解js中this的指向,不必硬背。 首先必须要说的是,this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上this的最终指向的是那个调用它的对象(这句话有些问题,后面会解释为什么会有问题,虽然网上大部分的文章都是这样说的,虽然在很多情况下那样去理解不会出什么问题,但是实际上那样理解是不准确的,所以在你理解this的时候会有种琢磨不透的感觉),...转载 2017-08-01 13:26:33 · 270 阅读 · 0 评论 -
bower 入门
Bower是什么 Bower是一个客户端技术的软件包管理器,它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源。Bower的优点 节省时间。为什么要学习Bower的第一个原因,就是它会为你节省寻找客户端的依赖关系的时间。每次我需要安装jQuery的时候,我都需要去jQuery网站下载包或使用CDN版本。但是有了Bower,你只需要输入一个原创 2017-04-15 19:04:35 · 349 阅读 · 0 评论