- 博客(390)
- 收藏
- 关注
RSS订阅原创 简单教你React父子组件间平级组件间传值
国庆充电特辑：堵车堵死，废话不多说直接上菜。1.父组件对子组件传值 利用props属性传值class Component extends React.Component { constructor (props) { super(props); } render() { return ( <div> ...
2018-10-02 10:48:38
5685
原创 webpack.optimize.CommonsChunkPulgin is not a constructor???请看CommonsChunkPlugin VS SplitChunksPlugin
webpack团队人员卧薪尝胆五个多月的时间终于带来的webpack4+，个人觉得webpack4带来的最大优化便是对于懒加载块拆分的优化，删除了CommonsChunkPlugin，新增了优化后的SplitChunksPlugin，那么CommonsChunkPlugin的痛点在哪？SplitChunksPlugin的优化又是在哪？1、CommonsChunkPlugin的痛记得17年...
2018-10-01 16:25:03
8976
原创 Tapable.plugin is deprecated. Use new API on `.hooks` instead
问题描述在使用extract-text-webpack-plugin给webpack打包时出现报错Tapable.plugin is deprecated. Use new API on `.hooks` instead1问题原因extract-text-webpack-plugin目前版本不支持webpack4。解决方案使用extract-text-webpack-p...
2018-09-30 19:02:35
2549
原创 Atom React或前端插件推荐
分享一些Atom个人在用的插件,喜欢请点赞 1. color-picker取色工具2. pigments编辑器中直接查看代码所代表的颜色，工具虽小但是很实用。3. minimap仿sublime text的缩略代码查看，想找的地方一目了然。4. highlight-selected选择某段代码自动高亮相同代码5. minimap-highli...
2018-09-29 16:23:45
1216
1
转载 mac上的更新node npm
查看当前node版本 $ node -v v8.9.4 清除node.js的cache(不确定有没有必要) $ sudo npm cache clean -f Password: npm WARN using --force I sure hope you know what you are doing. 安装工具n ，这个工具...
2018-09-27 15:25:59
785
原创 更新node最新版本方法和 npm install -g n 运行错误
使用xshell连接linux服务器后，首先输入node -v查看当前使用的版本 如果上面查看的版本比较低，则可以开始升级 清除npm cache 升级之前还需要安装n模块，n模块是专门用来管理nodejs的版本 输入npm install -g n n模块安装完成之后，输入n -V查看版本，如图所示显示，则表示成功按钮了。n模块安装完成...
2018-09-27 13:15:45
16034
7
原创 box-sizing的使用
box-sizing人们慢慢的意识到传统的盒子模型不直接，所以他们新增了一个叫做 box-sizing 的CSS属性。当你设置一个元素为 box-sizing: border-box; 时，此元素的内边距和边框不再会增加它的宽度。这里有一个与前一页相同的例子，唯一的区别是两个元素都设置了 box-sizing: border-box; ：.simple { width: 500px;...
2018-09-25 14:14:18
158
原创 js利用HTML5的拖拽API做流程图
上代码直接用看效果，学习一下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css&
2018-09-05 15:42:26
7293
2
原创 soureTree中如何设置git 用户名与密码 SourceTree提交修改用户详细图文方法
mac上软件更新： 现在没有网络小模块了，在同行右边高级里面有默认用户名删除即可！！！！sourceTree 切换Git登录用户，之前在SourceTree提交远程服务用的是同事的账号，同事离职后账号也被注销了，然后提交不了。就需要修改账号，换了台电脑，sourceTree保存着原来用户的登录信息。在选项里更新用户信息后，推送代码发现，作者信息还是原来的。没有生效。解决办法：命令行...
2018-08-29 00:13:15
70173
原创 怎样购买及安装ssl安全证书
查找资料记录，不是我的项目笔记 现在越来越多的网站都开始用安全链接了，在国外的话，如果不是一个安全链接，用户很大程度上会拒绝使用，所有安全链接是未来的趋势，楼主第一次配安全证书的时候，刚刚大学毕业，是完完全全小白一个，后来工作中需要配置，自己也各种查资料，最终花了几天，在Tomcat、nodejs、Nginx上都配好了安全链接。废话不多说，直接开始说步骤吧。环境和条件：Linux系...
2018-08-09 14:43:45
808
原创 iOS 适配HTTPS方法
一切为了迎合苹果在WWDC 2016开发者大会上，苹果宣布了一个最后期限：到2017年1月1日 App Store中的所有应用都必须启用 App Transport Security安全功能。App Transport Security（ATS）是苹果在iOS 9中引入的一项隐私保护功能，屏蔽明文HTTP资源加载，连接必须经过更安全的HTTPS。苹果目前允许开发者暂时关闭ATS，可以继续使用...
2018-08-08 11:44:19
907
原创 解决MAC系统升级导致COCOAPODS失效问题
使用pod install出现如下错误-bash: /usr/local/bin/pod: /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/bin/ruby: bad interpreter: No such file or directory这是Mac升级系统导致，当你的Mac系统升级为 high siera的时候，别忘记...
2018-08-08 11:42:45
208
原创 iOS11 更改状态栏、导航栏颜色的方法
ios上状态栏 就是指的最上面的20像素高的部分状态栏分前后两部分，要分清这两个概念，后面会用到：前景部分：就是指的显示电池、时间等部分；背景部分：就是显示黑色或者图片的背景部分；(一)设置statusBar的【前景部分】简单来说，就是设置显示电池电量、时间、网络部分标示的颜色， 这里只能设置两种颜色：默认的黑色（UIStatusBarStyleDefault）白色（UISt...
2018-08-06 14:29:20
10697
原创 iOS之页面布局-踩坑的原由
iOS之页面布局原文请点击在《iOS 7 UI Transition Guide》中有在《iOS 7 UI Transition Guide》的Bar and Bar Buttons一节中有这么一段话In iOS 7, the status bar is transparent, and other bars—that is, navigation bars, tab bars, t...
2018-08-05 23:27:06
530
原创 运行Xcode时出现 Lazy loading NSBundle MobileCoreServices.framework和 Loaded MobileCoreServices.framework
运行Xcode时出现 Lazy loading NSBundle MobileCoreServices.framework和 Loaded MobileCoreServices.framework解决方案：1、打开项目的 Product-->Scheme --> Edit Scheme--> Run-->Arguments-->Environment Vari...
2018-08-01 15:33:56
812
原创 小程序中textarea点击按钮事件
textarea 的 blur 事件会晚于页面上的 tap 事件，如果需要在 button 的点击事件获取 textarea，可以使用 form 的 bindsubmit。 <view class="section"> <form bindsubmit="bindFormSubmit"> <textarea placeholder="form 中...
2018-07-19 17:31:32
5836
原创 让行内元素（如图片）在div中水平垂直居中 （干货）
（1）第一种：用vertical-align<div class="method1"> <span class="tiptop"></span> <img class="test" src="img/Dota2.jpg" alt="dota2"></div>
2018-07-18 16:42:07
5316
2
原创 上传或提交等待过程图标loading.gif的实现
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><title></title><style>.loadin
2018-07-18 16:29:42
2489
原创 一些前端开发经典书籍推荐和下载链接分享
下面的这些书都是我曾看过或了解过的：一.HTML1.《HTML5权威指南》非常全面的书，内容也很新，包含了HTML5+CSS3+JS DOM。下载链接：http://pan.baidu.com/s/1qYGn1qWHTML我暂时没看什么书，学会了大部分的标签后我就没有怎么管它了，以后再向大家推荐。 二.CSS1.《CSS权威指南》这本书有点厚，很难坚持看完，不过...
2018-07-18 16:28:37
914
原创 推荐base.css
学习《编写高质量代码--Web前端开发修炼之道》 /* CSS Document *//*css reset*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{ border-collap...
2018-07-18 13:55:40
1977
原创 前端下载的实现
前端很多项目中，都有文件下载的需求，特别是JS生成文件内容，然后让浏览器执行下载操作（例如在线图片编辑、在线代码编辑、iPresst等）。 但受限于浏览器，很多情况下我们都只能给出个链接，让用户点击打开-》另存为。如下面这个链接：<a href=”file.js”>file.js</a>用户点击这个链接的时候，浏览器会打开并显示链接指向的文件内容，显然，这并没有实...
2018-07-17 17:29:16
1650
原创 CSS做个Switch开关
Switch开关： 根据需求可知，Switch开关只有两种选择，true或false。所以我们想到HTML的checkbox控件，用它来做。 <input id="switch" type="checkbox" class="switch" /> 但是在浏览器中，checkbox是有固定形状的（对勾），所以我们并不能直接修改checkbox的样式。 那我们该修改一...
2018-06-27 17:34:16
2911
原创 express-generator——Express应用生成器贼快！
通过应用生成器工具 express 可以快速创建一个应用的骨架。通过如下命令安装：$ npm install express-generator -g-h 选项可以列出所有可用的命令行选项：$ express -h Usage: express [options] [dir] Options: -h, --help output usage informa...
2018-06-25 11:04:43
372
原创 掌握ES6/ES2015核心内容
ECMAScript 6（以下简称ES6）是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的，所以又称ECMAScript 2015。也就是说，ES6就是ES2015。虽然目前并不是所有浏览器都能兼容ES6全部特性，但越来越多的程序员在实际项目当中已经开始使用ES6了。所以就算你现在不打算使用ES6，但为了看懂别人的你也该懂点ES6的语法了...在我们正式讲解ES6语...
2018-06-21 15:43:04
243
原创 Underscore.js常用方法介绍
Underscore.js是一个很精干的库，压缩后只有4KB。它提供了几十种函数式编程的方法，弥补了标准库的不足，大大方便了JavaScript的编程。MVC框架Backbone.js就将这个库作为自己的工具库。除了可以在浏览器环境使用，Underscore.js还可以用于Node.js。Underscor.js定义了一个下划线（_）对象，函数库的所有方法都属于这个对象。这些方法大致上可以分成：集...
2018-06-11 15:32:03
434
原创 小白十分钟-推荐导航栏
大腿绕道，给小白学习用，上代码<div class="list"> <div class="infor"> <ul class="left"> <li><a href="">限时特价</a></li> &
2018-06-07 17:31:31
308
原创 webpack超详细配置
在这里就不详细介绍webpack来源以及作用了, 本篇博文面向新手主要说明如何配置webpack, 以及webpack的使用方法, 直到创建出一个合理的属于自己webpack项目;流程webpack安装Step 1: 首先安装Node.js, 可以去Node.js官网下载.Step2: 在Git或者cmd中输入下面这段代码, 通过全局先将webpack指令安装进电脑中npm install web...
2018-06-06 17:30:05
7711
原创 Javascript重温OOP之原型与原型链
prototype原型对象每个函数都有一个默认的prototype属性，其实际上还是一个对象，如果被用在继承中，姑且叫做原型对象。在构造函数中的prototype中定义的属性和方法，会被创建的对象所继承下来。举个栗子：function F(){}F.prototype.work = function(){ console.log('F is working..');};var f =...
2018-05-11 16:08:18
211
原创 document.createDocumentFragment 以及创建节点速度比较
document.createDocumentFragmentdocument.createDocumentFragment()方法创建一个新空白的DocumentFragment对象。DocumentFragments是DOM节点。它们不是主DOM树的一部分。通常的用例是创建文档片段，将元素附加到文档片段，然后将文档片段附加到DOM树。在DOM树中，文档片段被其所有的子元素代替。因为文档片段存在...
2018-05-02 17:16:18
1457
原创 HTTP Header 详解
搜集资料HTTP（HyperTextTransferProtocol）即超文本传输协议，目前网页传输的的通用协议。HTTP协议采用了请求/响应模型，浏览器或其他客户端发出请求，服务器给与响应。就整个网络资源传输而言，包括message-header和message-body两部分。首先传递message- header，即http header消息 。http header 消息通常被分为4个部分...
2018-05-02 11:51:09
316
原创 Highcharts的饼图大小的控制
在Highcharts中，饼图的大小是Highcharts自动计算并进行绘制。饼图的大小受数据标签大小、数据标签到切片的距离影响。当数据标签内容较多，并且距离切片较远时，饼图就会被压缩的很小。解决这个问题，有以下几种方法：（1）如果不需要特别强调数值大小，可以取消数据标签的显示。（2）使用配置项distance为数据标签和切片的距离指定一个较小的值。甚至可以指定一个负值，让数据标签显示在切片的内部...
2018-04-24 11:11:44
16115
原创 js实用算法
判断文本是否为回文定义：如果将一个文本翻转过来，能和原文本完全相等，那么就可以称之为“回文”。方法一（字符串、数组内置方法）123456789101112131415/** 判断文字是否为回文* @param {string|number} val 需要判断的文字* @return {boolean} bool 是否为回文 */function isPalindrome1(val){ // 允许输...
2018-04-13 17:25:53
270
原创 前端 crypto-js aes 加解密
背景前段时间公司做项目，该项目涉及到的敏感数据比较多，经过的一波讨论之后，决定前后端进行接口加密处理，采用的是 AES + BASE64 算法加密~网上关于 AES 对称加密的算法介绍看上一篇！具体实现其实搞懂了是怎么一回事，做起来还是挺简单的，因为库都是现成的，我们只需要会用就好啦，这里我在推荐一篇理解AES加密解密的使用方法，加深大家对 AES 算法的理解~这里我以 Vue 作为例子，其他的也...
2018-04-13 17:04:12
1362
1
原创 AES加密算法的学习笔记
AES简介高级加密标准(AES,Advanced Encryption Standard)为最常见的对称加密算法(微信小程序加密传输就是用这个加密算法的)。对称加密算法也就是加密和解密用相同的密钥，具体的加密流程如下图： 下面简单介绍下各个部分的作用与意义：明文P没有经过加密的数据。密钥K用来加密明文的密码，在对称加密算法中，加密与解密的密钥是相同的。密钥为接收方与发送方协商产生，但不可以直接在网...
2018-04-13 16:00:14
705
原创 CSS页面布局解决方案大全
前端布局非常重要的一环就是页面框架的搭建，也是最基础的一环。在页面框架的搭建之中，又有居中布局、多列布局以及全局布局，今天我们就来总结总结前端干货中的CSS布局。居中布局水平居中1）使用inline-block+text-align（1）原理、用法原理：先将子框由块级元素改变为行内块元素，再通过设置行内块元素居中以达到水平居中。用法：对子框设置display:inline-block，对父框设置t...
2018-04-08 16:08:23
320
原创 MVVM原理还你
众所周知当下是MVVM盛行的时代，从早期的Angular到现在的React和Vue，再从最初的三分天下到现在的两虎相争。无疑不给我们的开发带来了一种前所未有的新体验，告别了操作DOM的思维，换上了数据驱动页面的思想，果然时代的进步，改变了我们许多许多。啰嗦话多了起来，这样不好。我们来进入今天的主题划重点MVVM 双向数据绑定 在Angular1.x版本的时候通过的是脏值检测来处理而现在无论是Rea...
2018-04-03 15:16:37
801
1
原创 使用pm2启动Node和Vue项目教程
安装pm2$ npm install -g pm2 命令行全局安装pm2将pm2加入到命令中去?1234ln -s /usr/local/src/node-v8.9.1-linux-x64/bin/pm2 /usr/local/bin/pm2ln -s /usr/local/src/node-v8.9.1-linux-x64/bin/pm2-dev /usr/local/bin/pm2-dev...
2018-03-18 21:30:35
6138
原创 最新的vue webpack模板没有dev-server.js文件，进行后台数据模拟笔记
最新的vue里dev-server.js被替换成了webpack-dev-conf.js在模拟后台数据的时候直接在webpack-dev-conf.js文件中修改第一步，在const portfinder = require(‘portfinder’)后添加//第一步const express = require('express')const app = express()//请求serve...
2018-03-18 17:33:00
1598
原创 Node.js 部署免费/自动续订 HTTPS
统计了使用 Chrome 浏览器，访问的站点统计中，HTTPS 使用率的增长情况：而在今年 2 月份，Chrome 团队也宣布，将在 2018 年 7 月份发布的 Chrome 68 中，将没有部署 HTTPS 的网站标记为 "不安全"。简而言之，HTTPS 大势所趋。Node.js 部署 HTTPS由 ISRG（Internet Security Research Group，互联网安全研究小组...
2018-03-15 11:07:24
1039
原创 jquery.lazyload.js详解
简介lazyload.js用于长页面图片的延迟加载，视口外的图片会在窗口滚动到它的位置时再进行加载，这是与预加载相反的。优点：它可以提高页面加载速度；在某些情况清晰它也可以帮助减少服务器负载。安装bower安装：$ bower install jquery.lazyloadnpm安装:$ npm install jquery-lazyload 使用lazyload依赖与jquery。所以先引入j...
2018-03-15 10:34:04
5933
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人