- 博客(54)
- 收藏
- 关注
RSS订阅原创 imagemagick和gm报错{ Error: Command failed: ��Ч���� - -resize
{ Error: Command failed: ��Ч���� - -resizeat XXXXXXX想把自己截出来的图片转化格式或者改变大小等，在网上找到了两个npm的包按照npm官网的例子，发现我怎么都有错，解决了其他的问题但是上述的错误一直存在，不知道要怎么改。百度了好多也是只抛出问题但是没有回答。之后我试着把官方例子的subclass去掉，但是保留了imageMagick的包...
2019-10-16 16:36:40
9639
3
原创 exports,module.exports和export,export default
首先要说的是上面的四个东西可以分成两类，前的两exports,module.exports一组后面的一组，因为他们是来自不同的模块规范的。exports,module.exports：CommonJs模块规范：Node应用模块组成，采用的就是CommonJS的模块规范，每一个文件就是一个模块，module变量代表当前的模块，这个变量为一个对象，他的exports属性（module.exports）...
2018-05-23 08:59:35
503
原创 前端面试题--1
js的数据类型：包含两种数据类型：基本数据类型（Boolean，Null，Undefined，Number，String，Symbol）和引用数据类型（object）；这要是面试的时候问你我觉得答上来没问题，不过要是深入的去问你你就可能突然懵了。。。基本数据类型：保存在栈中的简单数据段；按值访问，操作的就是实际值；从一个变量复制到另外一个变量的时候会在栈中创造一个新值，两个相互不干扰；引用数据类型...
2018-04-29 20:43:32
217
原创 git的分支创建后不存在
刚刚在改项目的时候遇到了有关git的问题，讲真我不是经常使用git的，所以总是记不住，所以现在记下来：一般的我们要从原始的最新的git上面拉取最新的代码：所以要用到pull命令。之后我们就可以在这个基础上创建你的新分支了：git checkout -b feature/XXX/XXX：这个可以帮你常见一个新的分支并切换， 前面的三个位置分别是种类（我一般是feature），你的名字，最后是一定的分...
2018-04-16 09:53:53
1587
原创 人生中第一次面试-阿里巴巴，真心感谢
昨天晚上9点半左右我面试了阿里前端一面，这也是我第一次参加内推的电话面试，说实话和那么厉害的人交流，我全身都在颤抖....(事件为什么这么晚，主要是人家下午临时有事，我晚上又有羽毛球课，最后就是这个结局....)。开始的时候是自我介绍，我就随便说了说，没有提起我面试的什么职位，技术什么的。1.闭包的原理。我就一顿理解....2.react的问题。说实话我脑子第一反应react阿里不是放弃了吗，这个...
2018-03-13 21:11:50
644
原创 笔试题目解析（10）
首先我在下面总结的这一套题，可以说是相当的讨厌了，最讨厌的当场手写还有算法，巧了，全都有1.手写判断是不是浏览器环境？ function myBrowser(){ var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isOpera = userAgent.indexOf("Opera") &g...
2018-03-08 07:51:01
167
原创 笔试题目解析（8）
放了一个假期终于来学了，表示心情很冲动。1.jquery的sildeUP动画，如果目标元素是被外部事件驱动的，当鼠标快速的连续的触发外部元素事件，动画hi滞后的反复进行，要怎么做？ 首先要说在jquery中的slideUp，slideDown，animate等动画运行的时候都可能出现上诉的情况。我们有两种预防的方法：1.在触发元素上的事件设置为延迟处理即可避免滞后反复执行的问题（setTimeo...
2018-03-06 16:51:48
194
原创 笔试题目解析（7）
1.vue中v-if和v-show的区别？v-show会根据表达式的真假切换元素的display属性，v-if根据表达式的值的真假渲染元素v-if会保证在切换过程中条件块内的事件监听器和子组件适当的被销毁和重建。如果说条件为假是不会渲染的，直到条件为真才会开始渲染条件块。而v-show不管是什么条件他都会让元素被渲染，并只是简单地基于css进行切换，v-if有着更高的切换开销，v-show遇着更高...
2018-03-05 15:02:38
155
原创 设计模式-创建型模式
创建型模式：（一种在创建对象的同事隐藏创建逻辑的方式）他一共有 工厂模式（Factory Pattern），抽象工厂模式（Abstract Factory Pattern），单例模式（Singleton Pattern），建造者模式（Builder Pattern），原型模式（Prototype Pattern）这五种。这篇文章就让我们一起来学习一哈吧。（下面我所写的例子首选的是基于js语言）...
2018-03-05 08:51:40
188
原创 设计模式概要
首先设计模式并不是仅仅归属于一种语言的，而是一套被反复使用的，众人知晓的，经过分类编目的，代码设计经验的总结。java可以用javascript也是可以用的。最开始在js中学到了单例模式，工厂模式和观察者模式，不过并不知道他们是设计模式，直到学习了java。 我们知道的设计模式一共是23设计模式。这些模式可以分成三大类：创建型模式，结构型模式，行为型模式。下面我们会分类的去说明上述的三大类中...
2018-03-05 08:40:49
125
原创 笔试题目解析（6）
1.vue和react的区别？react有着更丰富的生态系统，所有组件的渲染功能都是依靠jsx的，vue虽说也提供了，不过默认推荐的还是模板，vue的模板渲染更加灵活。希望程序更小更快就选择vue，想要构建大型的应用程序，那么就选择react。react有着web和原生的app，vue的语法以及项目设置的很简单。react因为时间久有着更大的规模，更多的使用者，也有着更好的测试性。他们也有很多相似...
2018-03-01 08:18:07
150
原创 笔试题目解析（5）
1.http和https的区别？http和https相比少了一个s，s是secure的缩写，就是安全的，从字面意思你能知道的是https比http安全。http是互联网上应用最为安全广泛地一种网络协议，https简单的讲就是http的安全版，即http下面加入ssl层，https的安全基础是ssl。https协议的主要作用可以分为两种：一种是建立一个信息安全通道，来保证数据传输的安全。另一种就是确...
2018-02-28 23:02:18
152
原创 笔试题目解析（4）
1.函数调用都有哪些方式，区别是什么？首先我看到这道题的第一反应这有啥考的啊，写程序每天不都在干这件事....不过整理一下也就知道考点了。①首先是最常见的根据函数定义的方法不同函数的调用也是不一样的，声明式的函数即function a(){},调用自然是a()，表达式式var b=function(){}调用也是b()，还有些是被定义成了构造函数的你可以采用new 函数名()，来调用，如果说是定义...
2018-02-28 19:37:11
212
原创 笔试题目解析（3）
1.retina屏幕的了解：这个名词讲真我是第一次听说，retina是一种新型的高分辨率的显示技术，可以把更多的像素压缩至一块屏幕，这种分辨率在正常的观看距离下足以使人肉眼无法分辨其中的单独像素，也被称为是视网膜显示屏。retina是一种规格而不是屏幕的材质。2.css布局的属性有哪些：我觉得有这几个重要的：display，float，clear，visibility，overflow。displ...
2018-02-28 12:49:24
148
原创 笔试题目解析（2）
1.js有哪些数据类型：js分为基本数据类型和复杂的数据类型：基本的：String，Number，Boolean，undefined，Null。复杂的：Object（Function，Array）；在es6中新引入了一个基本数据类型Symbol。2.异步编程的方式：js执行环境是单线程的（single thread）；有可能会在执行的过程中出现假死，为了解决这个问题，javascript语言有两种...
2018-02-28 11:29:04
137
原创 笔试题目解析（1）
后期有一定的计划是总结总结各路英雄的面试题，我做已解答，讲真我真的是很紧张哇，平时你们看我乐观向上，其实我一点都不淡定，我不乐观。首先是如何实现一个倒计时功能：这道题的解决方案大家也都知道，要用到setInterval函数，setInterval(code,millisec[,"lang"])，毫秒为单位进行。下面看看解决问题的代码：html：<body onload="leftTime()...
2018-02-27 15:31:52
210
原创 localStorage和sessionStorage，web storage，cookie和session区别
javascript用于存储的方式有很多种，下面来看看他们之间的区别：sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束也随之销毁。因此sessionStorage不是一种持久化的本地存储。仅仅是会话级别的存储。而localstorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。localsto...
2018-02-27 10:40:51
298
原创 PHP
据说哇，php和mysql是绝配，今天就来入门一下php同志。PHP：超文本预编译处理器PHP是一种创建动态交互性站点的强有力的服务器端脚本语言，PHP是免费的，php极其适合网站开发，其代码可以直接嵌入HTML代码。php强大是因为他并不像java语言那样的定义某个类才能调用那个类的方法，内置了很多常用的函数直接调用即可。 首先说说php的基本语法：以 <?php 开始 ，以 ？>...
2018-02-26 18:30:30
179
原创 sizzle
看看我之前写的笔记还是有所收获的，在jquery这一课中提到了一个Sizzle运行机制。那么什么是sizzle那？ 官方解释是：sizzle是一个纯粹的javascript css选择器引擎，可以轻松的插入主机库。 sizzle选择符的实现：在jQuery的基础教程中有这样的描述，在把选择符表达式传递给$()函数的时候，jquery的sizzle引擎会解析这个表达式，并确定如何收集该表达...
2018-02-26 15:30:50
6955
原创 prop和attr
本文的主要目的就是说说他们之间的区别。※对html元素本身就带的固有属性，处理即prop。※html元素我们自己定义的dom属性，就是attr。使用prop方法取值和设置属性值（非固有的），都会返回undefined。像是checkbox，redio，select这样的元素，选中属性也为固有属性。在之前我也看过一些技术文，里面的例子有的都不能正确的使用，原因大多数是因为版本，现在我要执行的环境是j...
2018-02-25 23:12:04
391
原创 delegate ，on，bind，live，off
本文的主要目的是说说他们之间的区别：delegate：方法基于一组特定的根元素将处理程序附加到匹配选择器的所有元素（现在的将来的）的一个或多个事件上。也就是即使是执行delegate函数之后添加的新元素，只要是他满足条件，绑定的事件处理函数就是有效的。这个桉树可以为同一个元素，同一个对象绑定多个事件处理函数。执行函数的时候按循序执行。不过随着jquery的不断发展，现在推荐用on来代替用法：$（s...
2018-02-24 18:46:39
169
原创 事件委托
事件委托（event delegation）或者说是事件代理。好处：使用事件委托技术能让你避免对特定节点上添加事件监听器。原理：事件监听器是要被添加到他们的父元素上的，分析从到底是哪个子元素的事件。简单的说就是利用事件冒泡，来指定事件处理程序。那么我们为什么要用事件冒泡那？ 举个简单的例子，我们要为ul中的li添加事件，一个两个还好说，要是一百个一千个要怎么办那？循环？没错这是一个解决的方法，但...
2018-02-24 11:35:56
248
原创 object.create
串门回来难得的休息一会，我们来看看object的方法:Object.create这个方法会使用指定的原型对象及其属性去创建一个新的对象。用法：Object.create(proto[, propertiesObject])返回值是：在指定原型对象上添加新属性后的对象。（如果proto的参数不是null或者一个对象，那么他就会抛出一个TypeError）function Parent(){} ...
2018-02-23 17:13:26
200
原创 函数声明和函数表达式
实际上，解析器在向执行环境中加载数据的时候，对函数声明和函数表达式是不一视同仁的，解析器会先读取函数声明并使其在执行任何代码之前可用（可以访问），而函数表达式，就必须要等到解析器执行到他所在的代码行，才会执行。其实这句话就是说的函数声明是有声明提前（或者是声明提升 function declaration hoisting）的，表达式没有。 alert(sum(10,20)); func...
2018-02-20 23:00:26
137
原创 特权方法
什么是特权方法嘞： 就是有权访问私有变量，私有函数的公有方法就是特权方法（privileged method）有两种方法用来创建特权方法：1.在构造函数中定义特权方法2.另一个就是通过私有作用域中定义私有变量或私有函数，创建特权方法。首先第一种：function Myobject(){ //私有变量，私有函数 var privateVariable=10; functio...
2018-02-20 21:29:09
1216
原创 测试题（2）
睡到现在，我们来接着说说测试题，题目要是有不同的见解的可以告诉我，而且题目我都改动了不少加了好多元素，这些题都是我个人的解法。 第一题：<button id="btn">点击</button> var btn=document.getElementById("btn"); var handle={ id:"eventhandle", ...
2018-02-20 12:57:15
453
原创 测试题（1）
年前的时候遇到了几道题，还和好友语音讨论到凌晨，特此记录，写博客一方面是分享，可是更重要的一方面是自己方便温习，毕竟笔记不好找。 1.(function test() { var a=b=5; alert(typeof a);//number alert(typeof b);//number alert(a);//5 ...
2018-02-19 22:12:34
485
2
原创 三座大山之闭包
大年初四先给大家拜年啦，新年快乐，没有bug。其实我也不知道写点啥，我麻麻看我在家摊着好几天了，给我chou ma一顿。。。 下面就来说说javascript的三座大山之一，闭包吧。常常有人说js的三座大山是 闭包和作用域，原型或是原型链 ，异步和单线程。先来说闭包：closure 闭包，其中一个作用就是能让外部访问到函数内部的变量，实际上就是函数里面再写函数，并返回这个函数，另一个就是这些变量...
2018-02-19 19:28:19
313
原创 callee和caller
在之前的文章中我说到了arguments，现在来说一下他的属性callee和一个长得相似的双胞胎弟弟caller：首先说callee，来一段代码： var a=function(){ console.log(arguments.callee); } var b=function(){ a() } b();这段代码在chrom
2018-02-06 12:00:06
14119
1
原创 如何为一个img标签设置宽度和高度，加上src
如何为一个img标签加上一个图片的src，并设置宽度和高度答案：首先一部分人的一般反应可能是要不就用css，要不就写行内样式但是，你们有没有想过img是什么？块级元素？不，他是行内元素行内元素和块级元素的一大区别就是不能为他设置宽高，设置了也没有用，那么我们最后的结果为什么还是那个呐？ps：常见的行内元素有：img input a label span原因是，img是一个置换元素或者替换元素
2018-02-06 10:30:41
18184
原创 js之arguments对象
首先要说一下arguments：ECMAScript中不介意传递进来的是什么参数，有多少个，更不在乎是什么数据类型的。为什么用这样那？原因就是ECMAScript的内部是用一个数组来表示的，函数体内可以通过一个叫arguments的对象来访问这个参数数组。Arguments是一个与数组类似的东西，在javascript中arguments是一个特殊的对象，不需要明确的指出参数的名字就可以访问；
2018-02-05 21:11:48
525
1
原创 js如何判断是不是数组
es5中我们有一个最基本的方法：Array.isArray（）；其次的是：[] instanceof Array;(这里注意要是用typeof的话是是object，typeof对于引用类型的返回的都是object)再有就是：Object.prototype.toString.call([]);//输出的是[object,Array];最后的这种方法还可以检查是不是对象，函数这种引用
2018-02-03 16:23:23
8372
原创 web页面加载的优化问题
性能一直都是我们在开发的时候应该有所考虑的部分。首先就先来说说雅虎14条web优化规则：1.减少http请求次数；2.css放在head上3.js放在页面底部，body上方。4.使用cdn（内容分发网络）5.增加expires Header；6.压缩页面的元素7.尽量避免css表达式8.把js和css都放在外部文件中。9.减少dns的查询次数。10.最小
2018-02-03 14:12:53
513
原创 css的line-height:1.5,line-height:150%,line-height:1.5em,line-height:15px的区别
看到一道面试题据说是最基础的东西，但是发现我还是不太清楚（css会用但是太细节的真心记不住）下面就在博客上记录一下：首先要说一下line-height在api中的语法是：line-height：normal | || ；line-height：主要是设计元素的行高，我们现在这里假设font-size：24px；1.首先是px的，设置行高是15px的话，那么我们得到的行高自然
2018-02-03 12:45:46
2750
原创 说说Zepto
在第一阶段复习的时候我就学习并写了一篇关于zepto的文章（具体地址：http://blog.csdn.net/yc2222/article/details/78531710）下面简单的再来总结一下，用3w1h的方法： what：zepto是什么那？ 他是一个轻量级的针对现代高级浏览器的javascript库，他和jquery有着相似的api，所以有的任说，你会用jquery就是会用z
2018-02-02 23:06:13
1113
原创 前端框架总结
web前端的技术包含了html，css，javascript，分别是我们的结构层，表现层，行为层。相信他们可以解决前端开发中遇到的问题。但是为了更快速，方便的解决问题。为了减少我们开发的周期，为了提高我们的效率，前端框架们就也诞生了。下面我想先简单的总结一下框架的分类，目前都有什么框架。在之后的文章中再一一说明（写的太多，我自己用手机看都觉得烦）。 前端框架：Zepto;SUI Mobl
2018-02-02 22:03:50
731
原创 自学react（下）
首先，我们要说几种方法：1.和状态有关的：React把组件看成是一个状态机，只需要更新组件的state，然后根据新的state重新渲染界面（不操作dom）；setState：设置状态；replaceState：替换状态； 不能用this.state来修改状态，不过可以通过this.state来读取，this.setState方法就修改状态值，每次修改之后就会自动调用this.
2018-01-31 21:20:07
188
原创 自学react留感（上）
React 起源于 Facebook 的内部项目，作用是：架设ins的网站，优点是：他是声明式设计，高效，灵活。react只是dom的一个抽象层，并不是web应用的完整解决方案，因为react有两个方面没涉及，一个是代码结构，还有一个是左键中的结构。react衍生出来的react native项目目标更宏伟，希望用web app的方法去写native app。一，React特点：声明式
2018-01-30 21:48:13
1005
原创 mvc，mvvm，mvp
前端中容易提起的mv* 框架：mvc（model-view-controller），mvp（Model-view-presenter），mvvm（model-view viewModel）首先要知道最基本的mvc模式：mvc是三个单词的缩写，即：模型：model，主要是数据的保存（可以用dao）-----domain-specific data视图：view，主要就是用户界面，
2018-01-29 22:12:23
129
原创 网易校招题
在牛客上写了几道题试试手，发现这个网站用javascriptv8提交并不是太会，也是花了我半个小时去想，程序写好了怎么提交下面就是v8提交，当然js的选项还有node的，下面是有函数的：while(line=readline()){ var lines = line.split(' '); var a = parseInt(lines[0]); var b = pa
2018-01-16 21:26:52
363
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人