前端

我眼中的前端世界

接触并且正式入坑前端也有近两年了,谈谈我个人对于前端开发的一种理解吧,全为个人体验之谈。 偏向设计 所谓偏向设计,便是前端开发的最终目的便是将脑子里的 idea 或者设计师提供的设计稿赋予实践,具体开发中会精确到每一像素,还有文字的排版样式,以及一些动效等等,其最终成果是面向于普通大众的。 于后端的交流 前端开发只要不是单纯的静态展示页面,势必会涉及到数据的操作,而数据的具体处理过程是交由后台的同学的来实现的(插一句,相对于前面提到的,我认为后端开发的最终成果是面向专业人士的,比如我们前端的同学),所以在前后端分离大行其道的今天,为了提高开发效率,前后端同学就有必要事先约定数据的交换规则。包括数据的格式(一般 json 比较多还有 xml 之类的);还有 HTTP 行为(GET、

javascript

Ajax 跨域问题

我的理解 为什么会存在跨域问题? 浏览器的安全机制限制 -- js 代码不能从不同的服务器读取载入文档内容,这便是浏览器的同源策略。 做到同源便是要求 域名 协议 端口 三者均相同,缺一不可。 如何解决? 基于 Ajax 立场寻求方案: HTTP 访问控制即 CORS (IE 10 +,无需改动 js 代码) 服务器端代理 (兼容性好且无需改动 js 代码,但成本会有些) 跳过 Ajax 范畴:

node

记,一次微信公众号开发

最近在做微信大作业,本着花了时间就尽量不划水的原则,就稍稍在此做个小记,我选的自定义,琢磨着开发个网易云音乐微信的低配版(期末了,时间限制,应该可以再深入)。 实现功能 说了是低配版,所以功能不多: 搜索歌曲、歌手、专辑 获取 TOP 榜 随机听歌 随机推荐 下载 APP 开发语言 选择了 NodeJS 老实说老师教的是用 PHP 开发的,但是刚刚结束了个 PHP 大作业(精简版博客系统),看着个 PHP

生活

β-house下沙篇 -- 告别

再见 上周接到通知说因学院搬迁 222 需要被清空,我才来下沙来 222 半个学期啊(心中一万只草泥马奔腾而过),尽管心中有一万个不愿意,但是告别 222 还是在今天发生了(感觉家被拆了,不高兴...) 记忆中的 β a. 2015年04月29日接到录取短信,正式成为 beta-house 的一员 b. 一次下沙例会,有幸遇到大帝、麻组等老一级的学长学姐们,愉快的下午时光 c. 和学长学姐们在一起的日租房 d. 暑期集训 e. 昨日收拾物品 e-0.

生活

《3 Idiots》电影分享

理想主义的校园题材 剧情,喜剧,歌剧,励志,青春 #### 片名:《3 Idiots》【中 文 名】(三傻大闹宝莱坞/三个白痴) #### 情节概要:两个好朋友一起结伴而行去寻找另一个失散已久的好兄弟,希望能重组他们的“三人帮”,然而途中却遇到了种种意想不到的事情。 #### 精彩台词: - 盐水具有极强的导电性,初二物理知识,我们都学过,只有他会应用。 - 他的人和名字一样不同寻常” “一出生就有人告诉我们,生活是场赛跑,不跑快点就会惨遭蹂躏,哪怕是出生,我们都得和3亿个精子赛跑 -

node

Node学习笔记之异步I/O

首先搞清楚几个概念 1.what is the I/O? 输入输出(Input/Output)? I/O操作包括读写操作、输入输出、请求响应等等。 2.阻塞I/O,非阻塞I/O 程序在执行时,或多或少都会有I/O调用,而操作系统内核对于I/O有且只有两种机制 阻塞 非阻塞 阻塞I/O的特点就是调用之后一定要操作系统内核层面完成所有操作后,才调用结束 issue:造成CPU等待浪费,以及后续其它业务调用停滞 非阻塞I/

前端

Brower-sync多平台调试利器

子曰:“工欲善其事,必先利其器.......” 辣么就向各位推荐Brower-sync,多平台调试利器,好用得很!!!^_^ Brower-sync是干嘛用的 1.与LiveReloader相似,用于页面的自动刷新; 2.但是Browser-sync做的更完美,比如说: 你改变代码的时候,BrowserSync会重新加载页面,或者如果是css文件,会直接添加进css中,页面并不需要再次刷新。这项功能在网站是禁止刷新的时候是很有用的。假设你正在开发单页应用的第4页,刷新页面就会导致你回到开始页。使用LiveReload的话,你就需要在每次改变代码之后还需要点击四次,而当你修改CSS时,插入一些变化时,BrowserSync会直接将需要修改的地方添加进CSS,就不用再点击回退 3.BrowserSync提供了一种在多个浏览器(不管是pc端还是移动端)里测试网页的很好方式 BrowserSync也可以在不同浏览器之间同步点击翻页、表单操作、

css3

关于CSS3转换-transform,使用tip

Problem: transform在对非块级元素进行变换时,无法正常工作(测试环境chrome 46.0...,firefox42.0...)?? eg:如下,对两个span都进行transform: translate3d( 40px, 0, 0)变换,其中第一个span为默认的内联元素,第二个声明为块级元素。显然,第一个并未如期望的那样向右平移40px. See the Pen transform对于块级元素和内联元素 by elliot (@huangxutao) on CodePen. 但是凡事都有特例,IE那坑爹的玩意,也有不坑爹的时候,不管是内联元素还是块级元素,