- 博客(42)
- 收藏
- 关注
RSS订阅转载 React 实践心得：react-redux 之 connect 方法详解
原文链接： http://taobaofed.org/blog/2016/08/18/react-redux-connect/Redux 是「React 全家桶」中极为重要的一员，它试图为 React 应用提供「可预测化的状态管理」机制。Redux 本身足够简单，除了 React，它还能够支持其他界面框架。所以如果要将 Redux 和 React 结合起来使用，就还需要一些额外的工具，其中最重...
2018-12-26 15:39:37
1077
原创 vue.js+muse-ui制作在线简历编辑
实现一个在线个人简历编辑器，实现在线编辑，生成简历图片，运用到技术：1.vue.js 2.webpack 3.muse-ui（https://museui.github.io） 4.html2canvas.js(用来将html生成图片);已经开发好的项目目录如下：然后是我的简历整体效果（利用组件的思想，这里每个模块就是一个组件，有些模块一样，可以进一步改善，这里我暂时...
2018-09-13 17:28:57
1954
转载 CSS Sprites新手教程
CSS Sprites新手教程刚开始认真学习CSS的时候，发现一个CSS Sprites教程。后来群里的朋友问起这个问题，我很想把那个教程发给他看看，但是已经找不到了，所以就一直想自己写个CSS Sprites教程。这几天写网页的时候恰巧用到了CSS Sprites，就写出来，分享给各位刚学习CSS的新手，相信你看懂了这个，理解和使用CSS Sprites就不成问题了。首先解释下CSS...
2018-09-08 10:39:27
258
转载 实用的 CSS — 贝塞尔曲线(cubic-bezier)
前言在了解 cubic-bezier 之前，你需要对 CSS3 中的动画效果有所认识，它是 animation-timing-function 和 transition-timing-function 中一个重要的内容。本体简介cubic-bezier 又称三次贝塞尔，主要是为 animation 生成速度曲线的函数，规定是 cubic-bezier(<x1>, <...
2018-08-26 22:53:19
1168
原创 vue-cli的build的文件夹下没有dev-server.js文件，怎么配置mock数据
因为最新版本的vue-cli已经放弃dev-server.js，只需在webpack.dev.conf.js配置就行新版webpack.dev.conf.js配置如下：在const portfinder = require(‘portfinder’)后添加const express = require('express')const app = express()var...
2018-08-15 14:05:37
463
原创 大部分人都会做错的经典JS闭包面试题
原文：https://www.cnblogs.com/xxcanghai/p/4991870.html 由工作中演变而来的面试题这是一个我工作当中的遇到的一个问题，似乎很有趣，就当做了一道题去面试，发现几乎没人能全部答对并说出原因，遂拿出来聊一聊吧。先看题目代码：function fun(n,o) { console.log(o) return { fun...
2018-08-09 14:35:08
205
原创 JavaScript中的LHS查询和RHS查询
JavaScript中在预编译后执行代码时对变量的查询分为LHS（Left-Hand-Side）查询和RHS(Right-Hand-Side)查询。一、LHS和RHS有什么区别？这里的L和R是指赋值时候“=” 的左侧还是右侧，也就是说一个是做被赋值，一个是取值。 正如下面这个例子，对变量a的引用是一个LHS引用，而对值2的引用是RHS引用var a = 2 当然，在js中赋值...
2018-08-07 21:57:39
313
原创 Vue遇到的问题
[Vue warn]: Do not use built-in or reserved HTML elements as component id: footer 刚刚在搭建项目时发现控制台报错查找发现是因为组件名称所致，也就是当我们起名一个footer.vue的组件时，我们安装的vue插件会自动把name设置为default这就造成了错误把footer修改为footerN...
2018-07-17 21:01:30
235
转载 Vue.js--vue-resource全攻略
原文地址：http://www.cnblogs.com/keepfool/p/5657065.html概述上一篇我们介绍了如何将$.ajax和Vue.js结合在一起使用，并实现了一个简单的跨域CURD示例。Vue.js是数据驱动的，这使得我们并不需要直接操作DOM，如果我们不需要使用jQuery的DOM选择器，就没有必要引入jQuery。vue-resource是Vue.js的一款插件，它可以通过...
2018-07-13 21:01:06
174
转载 看完让你彻底搞懂Websocket原理
偶然在知乎上看到一篇回帖，瞬间觉得之前看的那么多资料都不及这一篇回帖让我对 websocket 的认识深刻有木有。所以转到我博客里，分享一下。比较喜欢看这种博客，读起来很轻松，不枯燥，没有布道师的阵仗，纯粹为分享。废话这么多了，最后再赞一个~一、websocket与httpWebSocket是HTML5出的东西（协议），也就是说HTTP协议没有变化，或者说没关系，但HTTP是不支持持久连接的（长连...
2018-05-26 10:52:50
134
原创 Express之搭建简单web框架并实现文件上传
1.创建目录web2.编写package.json(模块管理文件，描述模块信息)[javascript] view plain copy{ "name": "web", "version": "1.0.0", "description": "first web app", "main": "app.js", "
2018-05-09 19:47:47
739
原创 Express学习之Multer（文件上传中间件）详解
Express默认并不处理HTTP请求体中的数据，对于普通请求体(JSON、二进制、字符串)数据，可以使用body-parser中间件。而文件上传(multipart/form-data请求)，可以基于请求流处理，也可以使用formidable模块或Multer中间件。1. multer中间件Multer是Express官方推出的，用于Node.jsmultipart/form-data请求数据处...
2018-05-09 16:22:28
3213
原创 Express初学遇到的问题
1.Express模块server.address().address为::原始写法：var server = app.listen(8081,function () { var host = server.address().address var port = server.address().port console.log("应用实例，访问地址为 http://...
2018-05-07 21:37:34
445
原创 UTF-8的BOM含义
UTF-8的BOM含义BOM的介绍在github上写md文件的时候，发现生成自己blog时，报出一个错误是让使用UTF-8编码，然后在Notepad++上把文件转成UTF-8时，发现菜单中有"UTF-8无BOM编码格式"。上网查了一下BOM的定义：byte order mark这个是为UTF-16和UTF-32准备的，用于标记字节序(byte order)。「UTF-8」和「带 BOM 的 UTF...
2018-05-06 16:14:53
298
原创 Node.js学习笔记（一）---对异步IO的理解
Node提供libuv作为抽象封装层：Node.js的异步IO：操作系统对I/O的操作分为阻塞I/O和非阻塞I/O。阻塞I/O造成了CPU的等待，使CPU不能得到充分的利用；而非阻塞I/O虽然不必等待完整I/O的返回，但需要通过轮询重复的调用判断操作，这种判断操作也是对CPU的一种浪费。我们希望非阻塞I/O可以免去轮询的步骤，在实际I/O操作完成后，通过返回完成信号通知应用程序即可。Node使用了...
2018-04-26 20:55:26
320
原创 深入了解CommonJS的模块实现原理
转载地址：https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/001434502419592fd80bbb0613a42118ccab9435af408fd000当我们编写JavaScript代码时，我们可以申明全局变量：var s = 'global';在浏览器中，大量使用全局变...
2018-04-21 20:59:27
1281
原创 使用webpack 4.X中Plugin遇到的问题
1.使用了extract-text-webpack-plugin插件后，编译出错，信息如下，(node:9624) DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks` instead(node:9624) DeprecationWarning: Tapable.apply is deprecated. ...
2018-04-19 18:39:01
21857
1
原创 webpack中require和import的区别
webpack中可以写commonjs格式的require同步语法，可以写AMD格式的require回调语法，还有一个require.ensure，以及webpack自己定义的require.include，再加上ES6的import语法，这么多岂不是会把人给搞乱。本篇就来梳理一下这些require各自的特点，以及都在什么场景下使用。 commonjs同步语法经典的commonjs同步语法如下：v...
2018-04-18 21:31:10
550
原创 javascript中的深复制和浅复制
链接：https://www.zhihu.com/question/23031215/answer/46220227首先深复制和浅复制只针对像 Object, Array 这样的复杂对象的。简单来说，浅复制只复制一层对象的属性，而深复制则递归复制了所有层级。抛开jQuery，上代码例子。下面是一个简单的浅复制实现：var obj = { a:1, arr: [2,3] };var shallow...
2018-04-17 21:22:29
151
原创 JavaScript--值类型和引用类型
原地址：https://blog.csdn.net/mapbar_front/article/details/784471361、引言很多人都说，值类型无非就是JavaScript的五种基本数据类型- Undefined、 Null 、Boolean 、 Number、 String。引用类型就无非是Object、 Array。而它们就像你说的如此简单吗？var a = 1;a.name = '...
2018-04-17 20:33:50
147
原创 初学Webpack 4.5.0版本遇到的问题
教程参考这里：https://www.w3cschool.cn/webpackguide/webpackguide-cue52777.html总结一下遇到的问题：1.这样的警告（The 'mode' option has not been set, webpack will fallback to 'production' for this value）解决方案：在webpack.config.j...
2018-04-17 17:18:38
5818
1
转载 深入理解javascript原型和闭包
目录：http://www.cnblogs.com/wangfupeng1988/p/3977924.html博主连载的这篇关于JavaScript原型和闭包的理解通俗易懂，看完觉得收获很多，分享给大家。
2018-04-13 11:53:14
91
转载 PHP中双冒号::的用法
双冒号操作符：即作用域限定操作符Scope Resolution Operator可以访问静态、const和类中重写的属性与方法。一、当调用静态属性和静态方法时 ::与->的作用相同，只不过使用的对象不一样！::引用类里面的静态方法或者属性，而且不需要实例化！ 建立一个类，并且建立一个静态属性$a,一个静态方法b,如下：[php] view plain copyclass tes...
2018-04-08 11:37:42
436
原创 PHP中trait使用方法
1.PHP中使用trait关键字是为了解决一个类既想集成基类的属性和方法，又想拥有别的基类的方法，而trait一般情况下是和use搭配使用的。<?php trait Drive { public $carName = 'trait'; public function driving() { echo "driving {$this->carName}\n...
2018-04-08 11:35:19
1228
原创 解决Webstorm不能使用火狐浏览器调试的问题
一开始想运用火狐浏览器进行cookie的调试，结果安装了火狐，运行时点击火狐浏览器没有反应，百度了许多方式，最后终于解决了，但是不知道下面哪些是必须要设置的，我就全部都总结在这，方便大家查看。1.（应该是这个方法是重点）打开cmd,输入netsh winsock reset_，然后开机重启电脑；2.设置浏览器路径首先找设置或者首选项。Webstrom的设置在“文件”菜单里；然后依次浏览菜单项，找到...
2018-04-06 19:42:15
3539
转载 前端绘图 svg和canvas
原地址：https://blog.csdn.net/nbu00319/article/details/32701891前端绘图的技术到目前为止有很多种：canvas、SVG、VML、Flash、Java Applet等。这么多方式，他们之间有什么区别，选择的时候该在什么情形下选择什么方式 比较合适？看了很多文章，简单总结一下。大体思路：先逐一介绍一下各种绘图方式，然后比较一下各种绘图方式，最后给出...
2018-04-02 19:47:52
283
转载 IE盒模型和W3C盒模型的区别
原地址：http://www.cnblogs.com/xiayu25/p/6306790.html一、css盒模型图解1.W3C标准盒子模型从上图可以看出，w3c盒子模型的范围包括margin、border、padding、content,并且content部分不包含其他部分。2.IE盒子模型从上图可以看出，IE盒子模型的范围包括margin、border、padding、content,和w3c...
2018-04-02 19:23:29
694
转载 看完这个，css中position的绝对定位相对定位就懂了
原地址：https://blog.csdn.net/cyyax/article/details/50607066我们先来看看CSS3 Api中对position属性的相关定义：static：无特殊定位，对象遵循正常文档流。top，right，bottom，left等属性不会被应用。 relative：对象遵循正常文档流，但将依据top，right，bottom，left等属性在正常文档流中偏移位置...
2018-04-02 19:09:24
103
原创 块级元素和行内元素总结
1.常见的： 块级元素：div , p , form, ul, li , ol, dl, form, address, fieldset, hr, menu, table行内元素：span, strong, em, br, img , input, label, select, textarea, cite, 块状元素也可以通过代码displa...
2018-04-02 17:12:52
183
原创 JS之——设置cookie 删除cookie
转载请注明出处:http://blog.csdn.net/l1028386804/article/details/51691035js设置cookie有很多种方法。第一种：（这个是w3c官网的代码）[javascript] view plain copy<script> //设置cookie function setCookie(cname, cvalue, exdays) { ...
2018-03-28 15:44:44
210
转载 jsFiddle 介绍
jsFiddle 是一个Web开发人员的练习场，可在线编辑和测试 HTML、CSS、JavaScript代码片段。在 jsFiddle 编辑的代码，可以保存，也可分享给其他人，还可嵌入到网站中。在 jsFiddle 左侧栏，可以选择各种流行的 JS 框架。网址：http://jsfiddle.net/具体的使用方法可参考该网站的documentation.原地址：http://hao.jobbol...
2018-03-25 19:05:20
12226
4
转载 学习Javascript闭包（Closure）
学习Javascript闭包（Closure）http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html
2018-03-25 09:55:54
165
2
转载 Javascript模板引擎mustache.js详解
mustache.js是一个简单强大的Javascript模板引擎，使用它可以简化在js代码中的html编写，压缩后只有9KB，非常值得在项目中使用。本文总结它的使用方法和一些使用心得，内容不算很高深，纯粹是入门内容，看看即可。不过要是你还没有用过此类的javascript引擎库，那么本文还是值得你一读的，相信在你了解完它强大的功能和简单用法之后，一定会迫不及待地将之用于你的工作当中。1. 从一个...
2018-03-23 18:55:42
185
转载 Underscore.js-精巧而强大实用功能库
原地址：https://www.cnblogs.com/zzsdream/p/6843864.htmlUnderscore.js-精巧而强大实用功能库前言从其他语言转向Javascript时，通常都会遇到一些困惑性问题。比如，Java中的HashMap在Javascript中如何实现？Javascript面向对象式编程如何实现继承？如何实现通用的iterator对集合对象做遍历？如何对Array实...
2018-03-23 18:52:40
609
转载 vue-resource插件使用
原创地址：http://www.cnblogs.com/axl234/p/5899137.htmlvue-resource插件使用本文的主要内容如下：介绍vue-resource的特点介绍vue-resource的基本使用方法基于this.$http的增删查改示例基于this.$resource的增删查改示例基于inteceptor实现请求等待时的loading画面基于inteceptor实现请求...
2018-03-21 11:38:31
162
转载 markdown 是什么？（解释GitHub下载项目的md文件）
原地址：https://www.jianshu.com/p/de9c98bba332markdown 这个词的来源难道是为了对应编写网页所用HTML（超文本标记语言，Hyper Text Markup Language）中的markup？_markdown 是什么？同样是标记语言，但它相比HTML更加简单！一是体现在标记符的数量上，二是体现在标记符的书写上。HTML标记符号非常多，并且需要标记内容...
2018-03-20 16:18:10
2278
翻译 什么是package-lock.json（官方文档解释）
描述package-lock.json会自动为npm修改node_modules树或任何操作而生成package.json。它描述了生成的确切树，以便后续安装能够生成相同的树，而不管中间依赖性更新如何。这个文件旨在被提交到源代码库，并提供各种用途：描述依赖关系树的单一表示，以确保队友，部署和持续集成确保安装完全相同的依赖关系。为用户提供一个设施，使其能够“前往”以前的状态，node_modules...
2018-03-20 16:04:52
28967
转载 npm 与 package.json 快速入门
原文：http://blog.csdn.net/u011240877/article/details/76582670npm 是前端开发广泛使用的包管理工具，本人初次接触npm，有很多不懂，可以说要从安装开始学起，看到这篇文章后，也是在这边文章中了解到一些入门知识，同时感谢作者，并转载与大家分享。读完本文你将了解：什么是 npm安装 npm更新 npmpackagejson 文件packagejs...
2018-03-20 15:56:29
218
原创 ES6基础知识笔记汇总（学习微信前端教程）
1. let 关键字：用来声明变量； 弥补Var不足之处：（1）let声明的变量仅仅在自己的块级作用域起作用，出了这个作用域就不起作用。任何一对花括号{}中的语句都属于一个块，在花括号里面用let定义的所有变量在花括号外都是不可见的，称为块级作用域。（2）用var声明变量时候会出现“变量提升”的现象；用let就不会；使用let注意：（1）同一个块级作用域内，不允许重复声明同一个变量；（2）函数内不...
2018-03-19 20:24:16
227
转载 AngularJS最理想开发工具WebStorm(解决用WS编写ng的问题)
原地址：http://blog.fens.me/angularjs-webstorm-ide/AngularJS体验式编程系列文章，将介绍如何用angularjs构建一个强大的web前端系统。angularjs是由Google团队开发的一款非常优秀web前端框架。在当前如此多的web框架下，angularjs能脱颖而出，从架构设计上就高人一等，双向数据绑定，依赖注入，指令，MVC，模板。Angul...
2018-03-09 21:52:50
1727
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人