- 博客(348)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 字节前端一面
13.React-router 是怎么实现的，前端两种路由方式具体分别调用了history和location哪些API。12.项目是怎么做状态管理的，为什么不用redux?5. CSS 盒模型 (主要说box-sizing属性两个属性区别)11.对webpack 的理解，对比其他打包工具，他的优。2.介绍项目中比较难的点，怎么解决的？7. flex 布局常用的几个属性。10. 项目用的webpack版本。4. 来北京的原因以及离职的原因。14.团队是怎么协作开发的？8. 防抖和节流适用场景。
2023-03-27 18:42:41
145
转载 React是如何工作的(1)
一些概念宿主树：一棵会随时间变化的树，它是react程序输出的。树具体是什么样子呢，是一棵DOM树，或者JSON对象等等，其他类型比如ios视图层，web不涉及，暂时不做深入探讨。宿主实例：其实是DOM环境中的DOM节点，有自己的属性。React元素：是一个javascript对象，用来描述宿主实例特点宿主树特点宿主树是稳定的，绝大多数情况的UI更新，不会从根本上改变整个树的结构。通用性。宿主树可被拆分为一些常见的，可复用的UI模式，比如按钮，列表，表单之类。React元素特点不
2020-09-20 19:43:40
298
原创 思沃大讲堂总结
思沃大讲堂第一课总结第一课主要从文化，敏捷方法，演讲技巧和反馈四个方面进行讲解，以下我将对这四个方面的所学所思进行总结。文化做正确的事情：自我驱动去做一些对公司及个人成长有益的事情。态度、能力、诚信：怀揣一颗真诚谦逊的心去工作，并从多个方面去提升自己的能力。团结互助：在自己成长的同时，也积极帮助周围小伙伴，乐于分享。公平公正：通过技术手段为慈善提供助力，贡献一份力量。全球
2018-01-02 17:03:37
947
转载 谈谈PostCSS
什么是CSScss，是一种样式脚本，好像和编程语言有着一定的距离，我们可以将之理解为一种描述方法。这似乎导致css被轻视了。不过，css近几年来正在经历着一次巨变——CSS Module。我记得js的井喷期应该可以说是node带来的，它带来了Module的概念，使得JS可以被工程化开发项目CSS预处理器的介绍目前，在工程化开发中，使用最多的应该就是Less、Sass和Stylus。首先，还是介绍一下
2017-12-18 16:22:17
1584
原创 20171026笔试题
三、1.function verify(input) { var len = input.length; console.log(len); var reg = /^([^.]+)([a-zA-Z0-9.])*$/g; if (len >= 2 && len <= 20) { if (reg.test(input)) { return true; }
2017-10-26 11:03:08
789
原创 Generator函数
基本概念Generator函数是ES6提供的一种异步编程解决方案，语法行为与传统函数完全不同。对于Generator函数有多种理解角度。从语法上，首先可以把它理解成一个状态机，封装了多个内部状态。执行Generator函数会返回一个遍历器对象。即Generator函数除了是状态机，还是一个遍历器对象生成函数。返回的遍历器对象，可以依次遍历Generator函数内部的每一个状态。形式上，Generat
2017-10-25 19:23:54
534
原创 async函数和await函数
ES7提供了async函数，使得异步操作变得更加方便。一句话，async函数就是Generator函数的语法糖。前文有一个Generator函数，依次读取两个文件。
2017-10-25 19:14:17
1556
原创 成都数之联科技前端题
1.数组函数find的用法 数组实例的find方法，用于找出第一个符合条件的数组成员。它的参数是一个回调函数，所有数组成员依次执行该回调函数，直到找出第一个返回值为true的成员，然后返回该成员。如果没有符合条件的成员，则返回undefined。[1,4,-5,10].find(function(value,index,arr){ return value>9;})//10上面的代码中，f
2017-10-25 16:11:34
1045
原创 浏览器缓存相关的字段
为了提高性能，Yslow中也提到几条关于缓存的规则。添加Expires或Cache-Control到报文头中。配置ETags让ajax可缓存如何让浏览器缓存我们的静态资源，这也是一个需要由服务器和浏览器共同协作完成的事情。post、delete、put这类带行为性的请求操作一般不做任何缓存，大多数缓存只应用在get请求中。简单来讲，本地没有文件时，浏览器必然会请求服务器端的内容，并将这部分内
2017-10-15 22:17:25
721
原创 session
通过cookie，浏览器和客户端可以实现状态的记录。但是cookie并非是完美的，前文提及的体积过大就是一个显著的问题，最为严重的问题是cookie可以在前后端进行修改，因此数据就及容易被篡改和伪造。如果服务器有部分逻辑是根据cookie中isVIP字段进行判断，那么一个普通的用户通过修改cookie就可以轻松享受到VIP服务了。综上所述，cookie对于敏感数据的保护是无效。为了解决cookie*
2017-10-15 21:34:08
392
原创 途牛笔试题
1.什么时候会用document.write 2.==和===有什么区别 3.Property 和 Attribute 的区别 参考：http://web.jobbole.com/83129/ 4.jsonp的原理，以及为什么不是真正的ajax？ jsonp方式使用的是script标签请求网络数据，ajax是主动请求网络数据，两者一定不一样啊 参考:http://blog.csdn.ne
2017-10-15 20:00:49
2933
原创 cookie的用途，它的优点和缺点
初识cookie因为HTTP是一个无状态的协议，现实中的业务却是需要一定的状态的，否则无法区分用户之间的身份。如何标识和认证一个用户，最早的方案就是cookie了。它能记录服务器和客户端之间的状态，最早的用处就是判断用户是否第一次访问网站。它是一个由浏览器和服务器共同协作实现的规范。cookie的处理分为以下几步：服务器向客户端发送cookie浏览器将cookie保存之后每次浏览器都会将coo
2017-10-15 17:40:56
10020
转载 promise实现原理的源码分析
转自:https://segmentfault.com/a/1190000009478377#articleHeader0
2017-10-15 17:25:28
1309
原创 Promise的实现原理
以下是promise的简单实现var Deferred = function () { this.promise = new Promise();};var Promise = function () { this.queue = []; this.isPromise = true; //判断是否返回了一个promise对象}Promise.prototype.then = func
2017-10-15 16:29:12
691
原创 海康威视笔试
1.ajax请求需要浏览器显式发起 2.说说你对语义化的理解？ 参考：http://www.offcn.com/it/2016/1226/5487.html 3.分析一个url地址对象包括哪些内容？ 4.span是行内元素设置宽和高不生效 5.button是inline-block元素 6.JavaScript 注释有两种，单行注释以 // 开头，多行注释以 /* 开始，以 */ 结尾。
2017-10-14 21:11:02
5101
原创 js实现输入1,输出1970/01/01 00:00:01
题意理解错了，题目要求：每年360天，每月30天 1代表1秒，应该将其分别换算成年，月，日，小时，分秒
2017-10-14 20:28:18
2117
原创 触宝前端3面
1面 position的属性 实现水平垂直居中 轮播图的实现思路 实现无缝滚动 setTimeOut，promise和主程序的执行顺序 兼容性较好的深拷贝 手写promise的实现原理 es6的generator函数怎么使用 页面有100张图片，如何性能优化？2面 滑动页面加载图片的时候，主要考虑什么技术点？ js面向对象编程的思路 平时积累的前端编程经验 平时怎么学习前端
2017-10-14 19:59:43
896
转载 Browser对象
Window 对象Window 对象表示浏览器中打开的窗口。 如果文档包含框架（frame 或 iframe 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。History 对象History 对象包含用户（在浏览器窗口中）访问过的 URL。 History 对象是 window 对象的一部分，可通过 window.history
2017-10-13 22:13:05
1300
原创 js中的date对象
Date对象构造函数Date对象构造函数new Date()new Date(milliseconds)new Date(datestring)new Date(year, month)new Date(year, month, day)new Date(year, month, day, hours)new Date(year, month, day, hours, minutes)
2017-10-13 17:30:35
476
转载 CSS 选择器
在 CSS 中，选择器是一种模式，用于选择需要添加样式的元素。转自：http://www.w3school.com.cn/cssref/css_selectors.asp
2017-10-12 20:12:56
417
原创 艺龙前端一面和二面
一面基础面css方面 1.flex布局有什么缺点 2.flex布局和浮动布局的比较 3.浏览器有哪些原生的对象？比如history,navigator 4.HTML5给history上添加了哪些方法？页面刷新怎么实现？ 5.cookie都有哪些属性，cookie是如何跨域的？ 6.css选择器(. 和#区别，> 和空格的区别，逗号和)div,p 选择所有 <div> 元素和所有 <p
2017-10-12 20:09:21
859
转载 DOCTYPE有几种值，作用是什么？
什么是DOCTYPEDOCTYPE是Document Type（文档类型）的简写，在页面中，用来指定页面所使用的XHTML（或者HTML）的版本。要想制作符合标准的页面，一个必不可少的关键组成部分就是DOCTYPE声明。只有确定了一个正确的DOCTYPE，XHTML里的标识和CSS才能正常生效。doctype 声明不属于 HTML 标签；tag; 它是一条指令，它是指示 web 浏览器关于页面使用哪
2017-10-11 22:31:11
1021
原创 正则表达式的exec()方法
RegExpObject.exec(string)exec() 方法用于检索字符串中的正则表达式的匹配。返回值返回一个数组，其中存放匹配的结果。如果未找到匹配，则返回值为 null。说明exec() 方法的功能非常强大，它是一个通用的方法，而且使用起来也比 test() 方法以及支持正则表达式的 String 对象的方法更为复杂。如果 exec() 找到了匹配的文本，则返回一个结果数组。否则，返回
2017-10-11 11:46:34
5600
原创 京东达达前端面试题
沟通表达和基础 链表实现栈，主要是链表实现 vue2.0与vue1.0区别 localstorage的底层 settimeout和setinterval的区别 主要用在哪儿 对前端的学习热情，怎么学的，看什么网站，看什么书。 怎么一个动机 持续学习的热情 position属性的区别，应用场景
2017-10-10 22:05:21
1376
原创 字符串的全排列
代码如下：public static void Permutation(char[] s, int from, int to) { if(to<=1) return; if(from == to){ //终止条件 System.out.println(s); } else{
2017-10-10 22:04:40
288
原创 两个队列实现一个栈
用两个栈实现一个队列的功能?要求给出算法和思路!<分析>： 入队：将元素进栈A 出队：判断栈B是否为空，如果为空，则将栈A中所有元素pop，并push进栈B，栈B出栈； 如果不为空，栈B直接出栈。var inStack = [], outStack = [];function push(node) { // write code here inStack.push(
2017-10-10 19:58:40
583
原创 vue.js开发外卖App项目的组件传值总结(七)
弹出层透明度从0到1的过渡属性的设置(采用的是1.0的语法)指定过渡的动画层设置transition，然后再以fade的名字设置fade-transition，其中&.fade-transition指定最终的状态，<div v-show="detailShow" class="details" transition="fade"></div>css样式如下：.details posi
2017-10-09 15:23:57
627
原创 vue.js开发外卖App项目的vue-resource总结(六)
在vue.js中，data属性是一个函数，因为组件可以被复用，data定义为对象时，修改某个组件，会影响另一个组件，所以data要被定义为一个函数。ES6的风格规范：data()后面需要添加空格 export default{ data() { } }vue社区有个比较火的插件：vue-resource，用来处理前后端请求数据交互的。它支持XMLHttpRequest和JSONP的
2017-10-09 10:42:23
775
原创 vue.js开发外卖App项目的组件拆分总结(五)
static目录下css中有reset.css文件，开发一个前端页面，需要将一些标签默认页面reset掉。采用的是http://cssreset.com官网提供的样式。在入口文件:index.html中引入reset.css文件，还有移动端的视口不能缩放，有个初始的宽和高设置， 可以通过配置eslintrc.js文件修改一些规则，比如：indent:0表示关于空格的规则取消。 在eslint
2017-10-08 20:02:44
2374
原创 vue.js开发外卖App项目的内容总结(四)
需求分析1.从页面来分，分为头部和内容区。其中头部包括展示的那部分和一个浮层。内容区包括评价页，商品页和商家详情页。 2.项目所做的是SPA单页面应用，所以切换子页面时，不会去刷新整个页面。 3.对于头部，当我们点击公告和上面的数字时，需要展示黑色浮层(最后一张图片)，浮层上有关闭按钮，点击按钮，浮层关闭。4.对于内容区，最复杂的是商品页，商品页拆分为左右两栏，左侧是商品的分类，右侧是商品的实际
2017-10-08 12:03:40
2753
转载 一道被"坑"到的前端Javascript面试题
前一段时间去了一个小公司面试前端,被”坑”的体无完肤了…,来分享一下这道题 一道js面试题,当时面试时完全说了一个相反的结果 var a = { n : 1}; var b = a; a.x = a = {n: 2}; alert(a.x); alert(b.x);结果是这样的:undefined [object Object]是不是想不明白呢? 呵呵,我
2017-10-07 22:24:27
542
原创 vue的常用指令
vue指令下面将介绍Vue中常用的几个内置指令。当然，Vue除了内置指令，也可以根据需求自定义指令。v-if指令条件判断指令，根据表达式值的真假来插入或删除元素，表达式返回一个布尔值，语法如下：v-if = "expression"v-show指令条件渲染指令，与v-if不同的是，无论v-show的值为true或false，元素都会存在于HTML代码中；而只有当v-if的值为true，元素才会存在于
2017-10-07 22:05:46
1465
转载 Vue2.0 探索之路——vuex入门教程和思考
Vuex是什么首先对于vuex是什么，我先引用下官方的解释。 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。就我的直观理解 vuex类似于维护了一个全局的Map对象。你可以往里存放 key-value。然后所有的state数据操作都方法化，保证操作的可追踪和数据的干净。Vuex应
2017-10-07 21:32:21
349
转载 js中 [] ? true : false 的返回值为什么是true？
对象到数字的转换过程如下：如果对象具有valueof（）方法，后者返回一个原始值，则JavaScript将这个原始值转换为数字并返回；否则，如果对象具有toString（）方法，后者返回一个原始值，JavaScript将这个字符串转换为数字并返回；否则，报错。数组继承了默认的valueOf()方法，但是数组、函数和正则表达式调用此方法后，只返回对象本身，因此转换为数字，还会继续调用toString（
2017-10-06 22:21:31
3938
转载 请详细说下你对vue生命周期的理解？
答：总共分为8个阶段创建前/后，载入前/后，更新前/后，销毁前/后。创建前/后： 在beforeCreated阶段，vue实例的挂载元素el和数据对象data都为undefined，还未初始化。在created阶段，vue实例的数据对象data有了，el和数据对象data都为undefined，还未初始化。在created阶段，vue实例的数据对象data有了，el还没有。载入前/后：在before
2017-10-06 22:09:53
9043
1
转载 cookie和session
转自：http://blog.csdn.net/fangaoxin/article/details/6952954/
2017-10-06 22:00:36
206
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人