11 2017 档案
摘要:1、数组的解构赋值 以前为变量复制,只能直接指定值。现在ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring)。 本质上,这种写法属于模式匹配,只要等号两边的模式相同,左边的变量就会被赋予对应的值。下面是一些使用嵌套数组进行解构的例子 如果解构不成功
阅读全文
摘要:let和const命令 1、let命令 用法:类似于var,用来声明一个变量,区别是所声明的变量只在let命令所在的代码块内有效。 let命令很适合用在for循环的计数器中,因为let声明的变量仅在作用域内有效,下面做个对比: 上述代码由于变量i是var声明,在全局范围内都有效,所以全局只有一个变量
阅读全文
摘要:开发准备:Chrome浏览器、require.js模块管理、Swiper插件、iconfont图标、Sass 参考博客:http://www.haorooms.com/ 前端开发注意事项 1、关于meta属性 <meta name="viewport" content="width=device-w
阅读全文
摘要:更改了本地的某一文件的代码,那么如何覆盖Github上的同一文件代码呢?请看以下步骤: 1、先用 git status 看你更改了哪些文件; 2、然后 git add 你想要提交的更改的文件 或者 git add . 所有的文件; 3、再git commit -m ‘提交信息’; 4、最后 git
阅读全文
摘要:前端开发实时可视化意思是在编辑器里改变代码,浏览器自动更改,不用进入到浏览器F5刷新,下面推荐一款自己目前使用中的工具。 browser-sync——适用于任何修改(html,css,js等等) 步骤1 安装node.js(自行到官网下载安装) 步骤2 安装browser-sync:npm inst
阅读全文
摘要:有一天,我在github上编写好了README.md这个文件,接着发现本地有段代码忘记上传了,于是熟练的输入git add . git commit -m "modify",以为也就是几秒钟的事情,结果却发生以下的错误: 百思不得其解,于是网上搜索了下,发现是因为远程repository和我本地的r
阅读全文
摘要:时间:2017年11月16日 地点:深圳市福田区泰然九路1号天地源盛唐大厦 公司:Galaxy Immigration有限公司 经过 和面试官约了上午十点开始面试,提前半个小时到达公司办公地点,在前台那里登记姓名,接着填了一张双面的表格,用了近半个小时。里面有两个问题印象挺深刻的,因为不知道怎么去描
阅读全文
摘要:前提知识: 1、能够独立根据设计稿进行整套项目的需求、剖析及其开发; 2、对项目开发流程需要有一个基本的了解; 3、可以灵活运用切图、重构、前端的知识对项目进行灵活控制。 开发步骤之需求分析: 1、确定项目主题,确定表现的形式; 2、设计稿图层分析,多页视觉放到一个网页文档,采取视觉差特效完成分页展
阅读全文
摘要:了解XSS的定义 跨站脚本攻击(Cross Site Scripting),为了不和层叠样式表(Cascading Style Sheets, CSS)的缩写混淆,故将跨站脚本攻击缩写为XSS。恶意攻击者往Web页面里插入恶意Script代码,当用户浏览该页之时,嵌入其中Web里面的Script代码
阅读全文
摘要:前言准备:有前端基础、端正的求职心态、不浮躁的求知心境、不求押题的初衷 什么是面试? 答:面试时测查和评价人员能力素质的一种考试活动。具体地说,面试时一种经过组织者精心设计,在特定场景下以考官对考生的面对面交谈与观察为主要手段,由表及里测评考生的知识、能力、经验等有关素质的一种考试活动。 1、面试准
阅读全文
摘要:1、原型是什么?原型链是什么? 原型是一个prototype对象,用于表示类型之间的关系; 原型链指的是在JavaScript中对象之间的继承是通过prototype对象指向父类对象,直到指向Object对象为止,这样就形成了一个原型指向的链条,专业术语称之为原型链。 举例: Student——>P
阅读全文
摘要:什么是Ajax AJAX实际上并不是新技术,而是几个技术的融合。AJAX包含以下5个部分: 1、异步数据获取技术,使用XMLHttpRequest; 2、基于标准的表示技术,使用XHTML和CSS; 3、动态显示和交互技术,使用Document Object Model(文档对象模型); 4、数据互
阅读全文
摘要:什么是require.js? RequireJS是一个非常小巧的JavaScript模块载入框架,是AMD规范最好的实现者之一。它还同时可以和其他的框架协同工作,使用RequireJS必将使您的前端代码质量得以提升。 使用require.js带来的好处 1、防止JavaScript加载阻塞页面渲染(
阅读全文
摘要:页面加载过程 1、加载资源的形式: 输入url(或跳转页面)加载html; 加载html中的静态资源; 2、加载一个资源的过程: 浏览器根据DNS服务器得到域名的IP地址; 向这个IP的机器发送http请求; 服务器收到、处理并返回http请求; 浏览器得到返回内容。 3、浏览器渲染页面的过程: 根
阅读全文
摘要:关于开发环境 1、面试官想通过开发环境了解面试者的经验; 2、开发环境,最能体现工作产出的效率; 3、会以聊天的形式为主,而不是出具体的问题。 开发环境的内容包含 1、IDE(写代码的效率); 2、git(代码版本管理,多人写作开发); 3、JavaScript模块化; 4、打包工具(webpack
阅读全文
摘要:CSS性能优化 1、衡量属性和布局的消耗代价; 2、探索W3C的性能优化新规范; 3、用测试数据判断优化策略。 慎重选择高消耗的样式 1、box-shadows; 2、border-radius; 3、transparency; 4、transforms; 5、CSS fitters(性能杀手)。
阅读全文
摘要:什么是CSS预处理器? CSS预处理器定义了一种新的语言,其基本思想是,用一种专门的编程语言,为CSS增加了一些编程的特性,将CSS作为目标生成文件,然后开发者就只要使用这种语言进行编码工作。 什么是Sass? Sass是一门高于CSS的元语言,它能用来清洗地、结构化地描述文件样式,有着比普通CSS
阅读全文