blog
blog copied to clipboard
yongheng2016
## 题目1： 轮播的实现原理是怎样的？如果让你来实现，你会抽象出哪些函数(or接口)供使用？（比如 play()） 轮播原理： + 所有需要呈现的元素由一个父框包裹，通过`float`或`flex`布局让各个元素水平排列  + 每次通过移动特定距离来移动父框，让每个元素依次呈现在页面  + 当移动到边界区域的时候，要返回区域1会出现视差，效果不好  + 此时可以通过clone边界元素来进行过渡，从而完美的实现无差别轮播  + `animate( ) ` //动画的具体实现(动画具体效果和slide的跟踪) + `playLfet( ) ` //控制动画按照向左方式移动 + `playRight( )`...
## 题目1： 实现一个瀑布流布局效果 代码： [http://js.jirengu.com/tijovufeve](http://js.jirengu.com/tijovufeve) ## 题目2 (选做)： 根据课程视频实现一个新闻瀑布流新闻网站 代码： [http://js.jirengu.com/volihuzoji](http://js.jirengu.com/volihuzoji)
+ 代码： ```javascript function getTheStyle(element, style){ return element.currentStyle? element.currentStyle[style] : window.getComputedStyle(element, null)[style] } ``` + 用法： ```html #mydiv { width: 100px; //这里设置了div的宽度，下面要用到 height: 100px; border: 10px solid yellow; background: red;...
## 题目1：如何判断一个元素是否出现在窗口可视范围（浏览器的上边缘和下边缘之间，肉眼可视）。写一个函数 isVisible实现 ``` function isVisible($node){ var scrollTop = $(window).scrollTop(), viewHeight = $(window).height(), $nodeHeight = $node.height(), $nodeOffsetTop = $node.offset().top if ($nodeOffsetTopscrollTop-$nodeHeight){ return true } return false } ``` ## 题目2：当窗口滚动时，判断一个元素是不是出现在窗口可视范围。每次出现都在控制台打印...
### 题目1： 如何全局安装一个 node 应用? ``` npm install -g xxx ``` ### 题目2： package.json 有什么作用？ > 一般每个项目根目录下都有一个package.json文件，用来定义本项目的配置信息、需要加载的模块 ``` npm init //初始化，设置package.json文件 ``` ```json { "name": "Hello World", "version": "0.0.1", "author":...
[css属性进阶](https://css-tricks.com/) [css generator](https://www.cssmatic.com/box-shadow) [css paper efect](https://css-tricks.com/snippets/css/stack-of-paper/) [各种box-shadowx效果](https://css-tricks.com/almanac/properties/b/box-shadow/)
### 题目1： 为什么要使用模块化？ > 前端模块化：用来隔离、组织复杂的JavaScript代码，一个模块就是实现特定功能的文件，想要什么功能，就加载什么模块。 #### 主要目的： + 解决命名冲突 + 依赖管理 #### 其它价值： + 提高代码可读性 + 代码解耦，提高复用性 题目2： CMD、AMD、CommonJS 规范分别指什么？有哪些应用 + CommonJS + 所有代码都运行在模块作用域，不会污染全局作用域。 + 模块可以多次加载，但是只会在第一次加载时运行一次，然后运行结果就被缓存了，以后再加载，就直接读取缓存结果。要想让模块再次运行，必须清除缓存。 + 模块加载的顺序，按照其在代码中出现的顺序 + 典型应用就是Nodejs...
## 题目1： 什么是同源策略 + 同源策略（Same Origin Policy ）： 浏览器出于安全方面的考虑，只允许与本域下的接口交互。不同源的客户端脚本在没有明确授权的情况下，不能读写对方的资源。 + 满足同源的条件： * 同协议：如都是http或https * 同域名：如都是`http://abc.com/a` 和`http://abc.com/b` * 同端口： 如都是80端口 + note：**对于当前页面来说页面存放的 JS 文件的域不重要，重要的是加载该 JS 页面所在什么域** 阮一峰(浏览器同源政策及其规避方法)：[http://www.ruanyifeng.com/blog/2016/04/same-origin-policy.html](http://www.ruanyifeng.com/blog/2016/04/same-origin-policy.html) ## 题目2： 什么是跨域？跨域有几种实现形式 +...
## 题目1： ajax 是什么？有什么作用？ + Ajax (Asynchronous JavaScript and XML) 通俗的说：就是通过的异步方式请求和响应，达到页面的局部更新； 本身不是什么新技术，可以看作使用一组既有技术的新方法；使用的技术包括`XHMLH`或`XHTML`、`CSS`、`Javascript`、`DOM`、`XML`、`XSL`T和最重要的`XMLHttpRequest`对象 + 作用：浏览器可以快速变更操作内容，而不必重新读取整个页面，提高了用户体验； 参考：[https://segmentfault.com/a/1190000004322487](https://segmentfault.com/a/1190000004322487) ## 题目2： 前后端开发联调需要注意哪些事情？后端接口完成前如何 mock 数据？ + 联调注意事项 + 提前约定请求数据、参数、类型、名称、路径等细节问题； + 提前约定响应数据、参数、类型、格式等细节问题 + 整理成文档 + 如何mock数据...
## 题目1: 下面的代码输出多少？修改代码让 fnArr[i]() 输出 i。使用 两种以上的方法 ``` var fnArr = []; for (var i = 0; i < 10; i ++) { fnArr[i] = function(){ return i; }; }...