我方大墩子-优快云博客

原创 DOM0 DOM2、DOM3详细介绍与区别

1、定义：1.1 0级DOM — DOM00级 DOM 分为2个：一是在标签内写onclick事件二是在JS写onlicke=function（）{}函数1）<input type="button" onclick="alert(0);" />2）<script> var btn = document.getElementsByClassName...

2020-02-17 17:03:08 3037

详解webpack4打包–新手入门（填坑）这是转载别人的文章，然后对一些重点做了标记，这位大哥语言幽默，也写的特别详细，我不是小白，是大白都看得懂。详解webpack4打包–新手入门（填坑）这几天在学习使用npm和webpack，各种曲折，这种坑，网上搜索了各种办法，绝大多数的博文都是一样的，然而并没有卵用，这是人用的开发环境吗？想想微软的IDE，多么的优雅，多么的亲切，多么的人性化。说多了都...

2020-02-10 22:51:27 608

转载 React

文档概述本文档在前面章节简单的介绍了React和其相关的一系列技术，最后章节介绍了React+Dva开发的整套过程和基本原理，也就是将一系列框架整合的结果。文档结构本文档划分为以下章节，前面几个章节是知识储备，最后章节是项目实践 1. React 2. Flux 3. Redux 4. React-Router 5. Roadhog 6. Ant Design ...

2019-04-29 17:37:47 350

原创逗号运算符

逗号运算符是指在C语言中，多个表达式可以用逗号分开，其中用逗号分开的表达式的值分别结算，但整个表达式的值是最后一个表达式的值。在前端的一些笔试中也可以看到逗号运算符的存在。作为C语言中的运算级别最低的一员，逗号运算符结合的方向是从左往右的重要的事情说三遍！！逗号运算符的优先级最低！！！逗号运算符的优先级最低！！！逗号运算符的优先级最低！！！// 例如下面的代码var a =...

2019-03-19 13:33:59 2262

原创 webstorm配置sass

最近有webstorm 做项目，使用create-react-app创建项目，安装node-sass-chokidar，使用命令行来将sass转换为css，不尽人意的是，在vscode 可以正常使用，到了webstorm ,TM 一直不会自动编译。尝试了很多种办法好吧，只能使用webstorm 自动把sass编译编译成css了。有两种路径可以使用 node-sass，第一种，下载使用 ru...

2018-11-20 11:34:45 776

原创配置使用Eslint的时候版本错误 "eslint": "5.6.0" a different version of eslint was detected higher up in the tr

1，如果你也遇到下面的问题，你可以按照命令行提示的那样，下面这四步完成的一般就可以了，但是不排除你在运行的时候忘记下载某些依赖。【1】删除 package-lock.json(不是package.json) 你可以选择 yarn.lock 或者不要，我是没有做这步的【2】删除 node_modules 在你的项目文件夹里面的 node_modules【3】移除你自己下载的 eslin...

2018-11-13 19:21:11 6397

原创本地上传文件到github报错

! [rejected] master -> master (non-fast-forward)error: failed to push some refs to ‘https://github.com/linanyways/myProject.git’hint: Updates were rejected because the tip of your current ...

2018-10-31 01:32:10 487

原创 "==" undefined== null ？

1、undefined == null // true这个奇葩我也不知道为什么就相等了。毕竟在进行类型转换的时候都是转换为数字，undefined 转换为数字是 NaN ，null 转换为数字是02、null == 0 // falsenull有属于自己的类型 Null，而不属于Object类型，typeof之所以会判定为 Object类型，是因为JavaScript数据类型在底层都...

2018-10-28 01:16:29 2627

转载 forEach map的区别

本文章有自己的见解以及参考MDN 上的资料，详细链接有：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/mapforEach map1.1 forEach 和 map 的语法1.1.1 forEach 有两种形式array.forEach = function(...

2018-10-19 12:59:40 823

原创 Cookie增删改查

cookie 浏览器请求访问服务器，用请求头首部行等信息来获取数据，服务器就会给出响应头，以及set-cookie（给出的是唯一的cookie)之后就返回给浏览器。当浏览器第二次请求的时候，除了发送请求头之外还要发送cookie:id =’12345’.这样服务器就会去找到这个cookie 并返回数据给浏览器。控制台 document.cookie得到的是字符串。...

2018-08-12 13:38:30 562

原创 'react-scripts' 不是内部或外部命令、propTypes is not defined 解决办法

‘react-scripts’ 不是内部或外部命令，也不是可运行的程序或批处理文件‘propTypes’ is not defined no-undef 解决办法

2018-08-02 22:30:15 8819 2

原创 webpack报错：Module parse failed: Unexpected character '�' (1:0)解决方法

在使用webpack 打包图片的时候有时候会出现上面这种情况。首先考虑有没有 npm install url-loader npm install file-loader一般引入了就可以使用了。但是如果报出Module parse failed: Unexpected character ‘�’ (1:0)这个错误。你就先试一下 webpac...

2018-07-23 23:51:33 47300 4

原创模块化的方法

模块化的方法什么是模块化：具有相同属性和行为的事物的集合。在前端中，将一些属性和行为比较类似的内容放在同一个js文件里面，把这个js文件称为模块，每个js文件各司其职。模块要有几个特点：独立、完整、依赖关系 1、函数(只能实现小的功能，如果要实现大功能就显得比较零散)function add(a,b){ return a+b;}function a(a){ ...

2018-07-23 00:54:05 1812

原创 Common-AMD-CMD区别

一、CommonJsnode是面向服务器的，急需模块化 node火起来是因为他基于CommonJS规范，CommonJS规范，每个文件都是一个模块，其内部定义的变量是属于这个模块的，不会向外暴露，也就是不会污染全局变量。该规范最初是用在服务器端的node的，前端的webpack也是对CommonJS原生支持的。CommonJS 的核心思想就是通过require方法来同步加载所要依...

2018-07-23 00:45:15 459

原创创建一个没有文件名的任意后缀的文件

今天在实习的时候用WebStorm配置Eslint的时候遇到这个问题，就是需要一个 .eslintrc的文件，但是我直接新建一个文档改后缀名不能使用，于是就想到了老师上课的时候让我们自己新建一个.gitignore包。办法如下，很小白的操作，可能只有我一开始忘记了吧。。。路过的大佬们不要笑太大声。(*╹▽╹*)1、新建文本文档 2、打开文档另存为 3、选中所有文件的格式 4...

2018-07-18 00:20:01 9280

转载移动端物理像素和设备独立像素

https://blog.youkuaiyun.com/aiolos1111/article/details/51880223 https://www.cnblogs.com/samwu/p/5341056.html http://www.softwhy.com/article-8365-1.html最近做移动端页面开发的时候遇到像素比的问题，一脸懵逼，最后看了各路神仙的博客以及自己找资料之后总结了一...

2018-07-15 21:09:12 4114

原创 ES6必须知道的知识点--思维导图

学习过程中每个人有每个人不同的习惯，我喜欢学完一个知识点再用脑图整理出知识点。这样回顾就有思路。看的顺序是从右上角开始顺时针下面的图片是ES6要掌握的知识点，如果是要从事Vue、React 这些都掌握了你就一只jio 进门了。希望对你有帮助！！”^o^” 想要大图的可以找到拿，这是用xmind做的。...

2018-07-14 00:06:46 2569

原创 React-JSX

react-JSX这种在js里面写标签的语法叫JSX。所谓的JSX其实就是JS的对象。JSX就是Javascript和XML结合的一种格式。React发明了JSX，利用HTML语法来创建虚拟DOM。当遇到<，JSX就当HTML解析，遇到{就当JavaScript解析。JSX原理总结：要记住几个点：JSX是JS语言的一种语法扩展，长得像HTML，但并不是HTML.Rea...

2018-07-12 22:07:29 332

原创 ES6语法糖

这是之前学ES6做的学习笔记中的一部分，还请辩证看待。想了解更多关于ES6的，感觉阮一峰老师写的《ES6入门》挺详细，还有ES6语法糖什么是语法糖？刚开始听到这个名字的时候，原谅我孤陋寡闻，只知道简写之类的，专业名词真的不懂。然后百度了一下,名字还是蛮新奇的‘^o^’`。语法糖：也译为糖衣语法，是由语法糖（Syntactic sugar），也译为糖衣语法，是由英国计算机科学家彼...

2018-07-12 21:20:51 2789

原创区别对象和数组的方法

区别对象和数组的方法1、constructor var obj = {}; obj.constructor;//object [].constructor;//Array2、obj instanceof Array; true 就是数组 false 就是对象 A instanceof B 他是看A的原型链上有没有B的原型3、toString 方法 (推荐使用) ...

2018-07-07 23:56:02 383

翻译 Javascript中函数的bind（）方法

bind()方法主要作用是将函数绑定至某个对象。下面例子是在函数f()上调用bind()方法并传入一个对象o作为参数，这个方法将返回一个新的函数。（以函数调用的方式）调用新的函数将会把原始的函数f()当做o的方法来调用。传入新函数的任何实参都将传入原始函数。function f(y){ //待绑定的函数 return this.x + y;}var o = {x : 2}; /...

2018-07-07 23:45:24 623

原创工厂函数和构造函数的区别

工厂函数和构造函数的区别下面是给出的两个都是实现“定义使用值的范围”的函数，第一个工厂函数（工厂模式）用以创建并初始化类的实例，而且给出了一个表示“值的范围”的类定义了原型对象；第二个是使用构造函数代替工厂函数来实现相同功能的代码段。下面是“inherit()通用写法function inherit(d){ if(d == null) throw TypeE...

2018-07-07 23:08:18 5682

原创五大浏览器对应的内核

写这个文章是为了让自己容易快速找到。简单粗暴 ^3^ 晴天雨天不如前端在身边各浏览器对应的内核谷歌：Webkit–&gt;blink(现在是blink啦)FireFox：Geckosafari：webkitopera: prestoIE:Trident...

2018-07-07 17:31:03 1885

原创多益前端视频面试

多益前端视频面试首先真的要选择一个可以说话大声一点的地方很重要啊！！！第一次视频面试，没经验。宿舍同学在学习我只能去找家奶茶店准备视频面试，无奈这里也是人很多，说话没法说很大声，很影响。当然可能自己技术不行。感觉要凉了。[我已经在路上了].jpg 1、自我介绍 2、异步加载的 post 跟Get 的异同 3、如何在不引入第三个变量，交换两个变量的值。 4、主动从服务器拉取数据...

2018-07-05 10:53:08 1505

原创从输入URL到页面显示发生了什么？

当你在浏览器输入一个URL 发生了什么？详细过程：浏览器通过DNS域名解析到服务IP 客户端（浏览器）通过TCP协议建立到服务器的TCP连接；(三次握手) 客户端（浏览器）向web服务器端（HTTP服务器）发送HTTP 协议包，请求服务器里的资源文档(telnet模拟) 服务器向客户端发送HTTP协议应答包客户端和服务器断开（四次挥...

2018-07-04 19:48:13 762

原创蘑菇街前端面试

vue与jquery的区别，为什么现在很多人使用vue，vue怎样实现双向数据绑定，内部原理1.jQuery首先要获取到dom对象，然后对dom对象进行进行值的修改等操作 2.Vue是首先把值和js对象进行绑定，然后修改js对象的值，Vue框架就会自动把dom的值就行更新。 3.可以简单的理解为Vue帮我们做了dom操作，我们以后用Vue就需要修改对象的值和做好元素和对象的绑定，Vue这个...

2018-07-01 11:22:40 1281

原创弹性盒模型学习

弹性盒布局弹性盒布局的容器指的是采用了弹性布局的DOM元素，而弹性布局的条目指的是容器中包含的子DOM元素。最外围的边框表示的是容器，而编号1和2的边框表示的是容器中的条目。弹性盒布局中有两个相互垂直的坐标轴：一个是主轴,另一个称为交叉轴。主轴并不固定为水平方向的X轴，交叉轴并不固定为垂直方向的y轴。弹性盒模型，使用display：flex 来声明使用弹性盒模型，css3属性...

2018-07-01 11:13:27 402

原创 JS学习中遇到的坑

JS学习中的坑1、未经定义的变量就使用就会报错，但是在”typeof”里面唯一不报错，显示的是“undefined”var x = 1;if(function f(){}){ x += typeof f; } console.log(x);//打印 1undefined **一旦变量未经定义就使用，肯定会报错；但是唯一不报错的就是放在typeof 里面并且返回的是un...

2018-07-01 11:10:23 714

原创原型、原型链

原型定义：原型是 function 对象的一个属性，它定义了构造函数制造出的对象的公共祖先。通过该构造函数产生的对象，可以继承该原型的属性和方法。原型也是对象//Person.prototype;--原型//Person.prototype = {};--祖先Person.prototype.name = "vita";Person.prototype.LastName = "l...

2018-07-01 10:57:31 220

原创 Markdown没能生成表格问题

小白刚使用MD时不知道怎样弄出表格刚开始使用Markdown 的时候，不知道怎样转换成表格，看了网上的直接用下面的方法就可以了，但是为什么我的就是不出现表格呢？ dog | bird | cat ----|------|---- foo | foo | foo bar | bar | bar baz | baz | baz只要你把mark...

2018-05-27 12:24:50 11610 9

原创 attachEvent报错原因

document.attachEvent is not a function出错的原因报错原因有：（1）、利用attachEvent()直接在谷歌浏览器打开，我就是犯这种低级错误的。重要事情说三遍：attachEvent是IE浏览器独有的！！！attachEvent是IE浏览器独有的！！！attachEvent是IE浏览器独有的！！！（2）、在IE11版本浏览器打开运行程序，I...

2018-04-07 11:36:00 5262

原创编译原理-编译程序基础知识

本文主要讲的什么是编译程序，编译的各个阶段什么是编译程序源语言是像FORTRAN、Pascal或C那样的高级语言，目标语言是像汇编语言或机器语言那样的低级语言，这种翻译程序就叫做编译程序翻译程序：就是把一种语言（称为源语言）书写的程序翻译成另外一种语言（称为目标语言）的等价程序。一个编译程序的输入可能要由一个或多个预处理程序来产生预处理：一个源程序可能分成几个模块放在不同的...

2018-03-18 18:15:33 2202

原创立即执行函数

立即执行函数针对初始化功能的函数好处：执行一次之后就销毁，不占用空间，立即执行函数依然可以有返回值基本形式：（function (){}()）-->建议使用这种写法（function（）{}）()；//数学符号优先级比较高，第一种方法的原因就是这样，会先执行里面的括号的优先级比较低//只有表达式才能被执行 function test（）{} //函数声...

2018-03-18 18:09:26 777

原创伪代码格式

伪代码描述应该保持简洁，并且不应该超过一页的3/4。关键字和函数名字用粗体字。所有的变量使用小写字母，数组名称大写，元素采用A[i]这样的表示形式。伪代码的意图是描述条件语句和循环语句。例如：伪代码计算两个最近点的距离BruteForceClosestPoints(p) //使用蛮力法算法求平面中距离最近的两个点 //输入：一个n(n>=2)个点的列表平， p1=(x1,y1),

2017-11-27 22:24:35 3308

Ultraman_and_monster的博客