一个前端小白的瞎扯

在使用create-react-app创建react项目的时候，原始的项目结构是不能够使用less预编译器。使用 yarn reject暴露配置文件$ yarn reject$ react-scripts ejectNOTE: Create React App 2 supports TypeScript, Sass, CSS Modules and more without eje...

学习JavaScript数据结构与算法之栈和队列篇章。前端小白简单的学习笔记。栈是一种遵从后进先出（LIFO）原则的有序集合。新添加的或待删除的元素都保存在栈的末尾，称作栈顶，另一端就叫栈底。在栈里，新元素都靠近栈顶，旧元素都接近栈底。队列是遵循FIFO（First In First Out，先进先出，也称为先来先服务）原则的一组有序的项。队列在尾部添加新元素，并从顶部移除元素。最新添加的元素...

学习JavaScript数据结构与算法之数组篇章。前端小白简单的学习笔记。数组的创建var array = new Array(); //声明并初始化一个数组var array = new Array(7); //创建指定长度的数组var array = new Array(1, 2, 3, 4); //直接将数组元素作为参数传递给它的构造器var array = [...

JS有两种数据类型基本数据类型 string/number/boolean/undefined/null/symbol(ES6)引用数据类型 object/array/function基本数据类型储存在栈内存中，保存与复制都是数据本身引用数据类型储存在堆内存中，保存与复制都是指向对象的指针浅拷贝对于基本数据类型来说，拷贝一份互不影响；而对于数组和对象来说，只会拷贝数组或者对象的...

关于JS执行机制这一块内容，一直是自己比较难以理解的知识点，结合自己看的资料与代码实践，写一篇总结。首先，我们熟知JS是单线程语言，再同一时间只能做一件事情。所以JS是按着语句顺序依次执行下来的。let a = 1console.log(a)let b = 2console.log(b)//依次输出1 2之后，接触了很多知识之后，我们认识到了两个定时器setTimeout和它的...

3.5下午视频面试。记录一下面试题目。基础function常用的传值类型(基本类型，引用类型)；几种基本类型，有什么引用类型？ES6有什么特性？(聊了如下知识点)let/const 不会变量提升，const定义常量(引申const obj添加值和进行复制)class继承(继承的关键字，构造函数中的关键字)模块化(export和export default的区别)ma...

记录2019.1.19个推前端面试。笔试下午1.30左右到了公司，先做了一下笔试题。大致内容如下:什么时候display: inline-block会产生间隙?如何解决？如何把span元素放到距离浏览器顶部20px左边200px?什么时候会产生CSS阻塞?什么时候会产生JS阻塞?写出下列代码结果let x= [1, 2]let { ...y } = xco...

总结一下line-height和他的好朋友vertical-align。幽灵空白节点在HTML5文档声明中，内联元素的所有解析和渲染变现就如同每一个行框盒子之前都会有一个’空白节点’，这个’空白节点’没有宽度，永远透明。<div style="background-color: red;"> <span style="display: inline-block;"&gt...

今天遇到一个问题，在给小程序配置tabbar的时候，在所有的配置路径都没有写错的情况下，tabbar不显示。page配置tabbar配置但是这种情况下，tabbar并不会展示在页面底部。在pages的配置之中，默认显示数组第一个参数，也就是welcome页面。在tabBar的配置中，默认选择展示的也是list数组中的第一个，也就是posts页面。在我以上配置中，pages和tabB...

在resize/scroll/keypress/mousemove等事件触发时，会不断的调用绑定事件上的回调函数，降低了性能。然后引入了一下两个概念。事件节流什么是事件节流节流是在一段时间内只允许函数执行一次。方案//时间戳方式function throttle(fn, delay) { let pre = Date.now() return function () {...

最近写小程序的时候遇到一个问题，使用scroll-view组件的时候，有一个属性叫做bindscrolltolower，滚动到底部/右边，会触发 scrolltolower 事件。不知道是代码编写有问题，还是组件问题。如果将页面上拉到距离底部一定的高度之后，再松手，回滚到底部之后就会多次触发加载函数(loadMore)。像这样子查阅了网上的一些解决方案1.scroll-view有一个...

今天使用自己配置的webpack做开发的时候，发现不能使用箭头函数，错误原因Unexpected token。我的.babelrc文件长这样子在这个文件中，我没有配置stage-0。然而使用箭头函数和stage-0有关，他一定要放在后面。它包含了对ES6以及7的所有支持， 包括那些还没有定下的功能。解决方案安装stage-0，执行 npm install --save-dev ba...

一、项目创建   创建一个文件夹，进入到该目录，执行npm init。所有的提示内容均可以跳过，执行完之后，目录中会多一个package.json文件，该文件为核心文件，包含包依赖管理和脚本任务。mkdir webpack-democd webpack-demonpm init二、安装react，re

使用create-react-app脚手架写项目，遇到一个问题react引用本地图片。从JSON文件中，读取图片路径地址，在前端渲染。但是在ES6中不支持img标签中直接写图片路径。使用import引入import img1 from '../assets/img/img1.jpg' //引入···<img src={img1} /> //使用使用requir...

实现锚点滚动，不要使用a标签，会引发路由跳转。我们使用H5的新增API，scrollToAnchor以前使用a标签的方法<a href='#activity1'></a> //定义锚点<div name='activity1'></div> //跳转到的锚点但是在单页面中，这样会进行前端路由的修改使用scrol

js中this的四种用法在一般函数方法中使用this指代全局对象(默认绑定)var x=1;function test(){ console.log(this.x)}test(); //1作为对象方法调用，this指向上级对象(隐式绑定)function test(){ console.log(this.x)}var obj={ x:1, func...

call func.call(obj,args1,args2); //传入的是参数列表 apply func.call(obj,[args1,args2]); //传入的是数组参数 记法：apply是a开头为array改变this的指向，让bar()函数的this指向foo对象var foo={ value: 100}function bar(){ ...

concat()连接两个或者多个数组。不改变原数组join()把数组中所有的元素放到一个字符串里。不改变原数组push()向数组的末尾添加一个或多个元素，并返回新的长度。改变原数组pop()用于删除并返回数组的最后一个元素，返回最后一个元素。改变原数组shift()用于把数组的第一个元素从其中删除，并返回第一个元素值。改变原数组unshift()向数组的开头添加一个或者多个...

基本数据类型：number、string、boolean、null、undefined。引用数据类型(Object类)：对象、数组、函数。基本数据类型—名值都存在栈内存中let a=1当复制b=a的时候，栈内存会开辟一个新的内存。即使修改a=2，这时候对b并不会有任何影响。引用数据类型–名存在栈内存中，值存在于堆内存中，但是栈内存会提供一个引用地址指向堆内存中的值当b=a进行...

什么是脏检查对脏数据的检查就是脏检查，比较UI和后台数据是否一致。什么时候触发脏检查只有当UI事件、ajax请求或者timeout延迟事件，才会触发脏检查$watch对象Angular每一个绑定到UI的数据，就会有一个$watch对象。$watch对象包含三个参数watch = { name:'', //当前的watch对象观测的数据名 getNew...