- 博客(15)
- 收藏
- 关注
RSS订阅原创 实现一个红绿灯
昨天二面，面试官让写一个红绿灯，现场写了个简单的，今天整理了一下，把样式加了上去。题目要求：实现一个交替的红绿灯，在晚上的时候交替时间增加；核心思想：使用promise，在setTimeOut设定时间后换一个灯。用async await递归完成不停交替；步骤1：通过changeColor实现样式效果，然后获取当前时间，判断是否为晚上，再为其设置交替相隔时间；使用setTimeOut...
2019-09-20 13:39:23
4129
原创 学习笔记之学Vue中遇到的一些Q&A整理
1. 单页面应用与多页面应用对比 单页面应用（SinglePage Web Application，SPA） 多页面应用（MultiPage Application，MPA） 组成 一个外壳页面和多个页面片段组成 多个完整页面构成 资源共用(css,js)...
2019-08-09 21:58:39
431
原创 用面向对象思维实现点击后小球自由落体弹跳——javascript
几天前进行了一场前端实习面试，题目是用面向对象的方法实现点击后小球自由落体弹跳运动，觉得很有意思，现在有空整理一下。一些简单的CSS样式和基础的HTML#bg{ top:0; bottom: 0; left: 0; right: 0; position: absolute;}.ball{ position: absolute; ...
2019-07-24 23:53:06
723
原创 学习笔记之AngularJS（二）
一、控制器和作用域控制器是通过AngularJS的Module对象所提供的controller方法而创建出来的。controller方法的参数是新建控制器的名字和一个将被用于创建控制器的函数。当控制器声明了对于Scope服务的依赖时，就可以使得控制器通过其对应的作用域向视图提供各种能力。但严格地说，$scope并不是一个服务，而是由一个叫作$rootScope的服务所提供的一个对象，在实...
2019-05-30 00:36:24
319
原创 学习笔记之AngularJS（一）
一、一个简单的示例test.html<!DOCTYPE html><!--将AngularJS应用到HTML文件--><html ng-app="todoApp"><head> <title>TO DO List</title> <link href="../bootstrap.css" ...
2019-05-23 21:05:56
279
原创 学习笔记之webpack4+scss+babel+第三方库配置
刚自学完一些webpack，总结一下笔记，并制作一个我要用的webpack-starter主要配置：webpack4+scss+babel+bootstrap+jquery+fontawesome一、基础知识了解（一）前端工程化——构建工具的选型介绍：中文版：《前端工程化——构建工具选型：grunt、gulp、webpack》上文英文版：GULP VS GRUNT VS...
2019-05-19 21:16:02
1593
原创 学习笔记之响应式设计
一、媒体查询（一）阻止移动浏览器自动调整页面大小<meta>标签可以控制页面可缩放的范围。<meta name="viewport" content="width=device-width, maximum-scale=3, minimum-scale= 0.5" /> content=initial-scale=2.0 将页面...
2019-03-30 17:59:52
234
原创 学习笔记之mvc架构模式分析与设计
为了未来学习成熟稳定的框架，我先找到了一个MVC微框架进行入门学习，掌握一定的理论体系，有利于加深对大框架的理解，加快吸收的速度，避免思维僵化。一、MVC工作流程初步认识浏览者 --> 调用控制器，对他发出指令 控制器 --> 按指令选取一个合适的模型 模型 --> 按控制器指令取相应数据 控制器 --> 按指令选取相应视图 视图 --> 把第三步取到...
2019-03-16 20:24:47
1564
原创 学习笔记之ES6的查缺补漏（英）
Three reasons for the ES5 to ES6 updates are listed below:A similarity to other programming languages — JavaScript ES6 is syntactically more similar to other object-oriented programming languages. ...
2019-03-16 20:08:47
461
原创 学习笔记之SCSS
一、变量$btn-bg : darken(#fff, 6.5%) !default;$btn-bg : darken(#000, 6.5%); //重写就会覆盖，无论顺序是什么样的$btn-border : darken($btn-bg, 5%) !default;.btn-primary{ $btn-bg : darken(#00f, 6.5%); //定义局部变量 ba...
2018-06-29 21:09:46
1740
原创 学习笔记之Bootstrap基础
一、标题 元素 字体大小 计算比例 其他 h1 36px 14px*2.60 margin-top:20px; margin-bottom:10px; h2 30px ...
2018-06-22 23:19:46
359
原创 学习笔记之Git（英）
Basic Git WorkflowA Git project can be thought of as having three parts:AWorking Directory: where you'll be doing all the work: creating, editing, deleting and organizing filesAStaging Area: whe...
2018-05-08 13:48:35
403
原创 学习笔记之Ajax（英）
1. XHR GET Requestsfunction expandUrl() { const urlToExpand = url + '?key=' + apiKey + '&shortUrl=' + $inputField.val(); const xhr = new XMLHttpRequest(); xhr.responseTy...
2018-04-30 22:21:45
3707
原创 学习笔记之CSS深入理解（慕课网 张鑫旭主讲）
一、CSS深入理解之border1.border-width不支持百分比受语义和使用场景决定的，不会因为设备大而边框变大的2.border-style属性border-style:dotted;在Chrome/Firefox是方点，IE下是圆点3.border-color当没有指定border-color的时候，会使用color作为边框颜色bord...
2018-04-22 21:07:12
1351
转载 handleEvent, onEvent, and this.props.onEvent 命名规则（英）
When you pass anevent handleras a prop, as you just did, there are two names that you have to choose.Both naming choices occur in theparentcomponent class - that is, in the component class that ...
2018-04-22 20:27:52
411
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人