2016年11月_Afeyer

原创如何提高NPM拉取第三方依赖包的速度

刚才分享了NPM使用过程中如何发布NPM模块的方法，这个方法其实只要稍微看一下官方文档就可以知道了。接下来我们继续分享NPM使用过程中如何提升NPM安装速度的方法。前言如果你在使用NPM安装NPM包的时候你会经常发现，代码拉取速度慢的简直让人崩溃，有时候甚至怀疑自己的宽带是不是抽风了，然而自己唯一能做的就是不断的ctrl+c,npm install xxx,ctrl+c,npm install x

2016-11-28 20:28:10 6178

原创如何快速发布NPM模块

今天无意间发现了自己以前写的几个NPM模块，正好今天不知道写什么，所以就把以前写NPM模块的时候用到的一些小知识点稍微整理下分享给大家。什么是NPM？NPM原先是NodeJS上非常好用的一款第三方包管理工具，不过目前NodeJS已经集成了NPM，因此一般不需要我们自己手动去安装。通常情况下我们在Node项目中用的最多的就是使用NPM来拉取第三方依赖包，我们今天就简单聊一下NPM的另一种用法

2016-11-28 19:27:45 4401

转载 Flex 布局实例演示

今天介绍常见布局的Flex写法。你会看到，不管是什么布局，Flex往往都可以几行命令搞定。骰子布局骰子的一面，最多可以放置9个点。下面，就来看看Flex如何实现，从1个点到9个点的布局。你可以到codepen查看Demo。如果不加说明，本节的HTML模板一律如下。<div class="box"> <span class="item"></span></div>上面代码中，div元素（代表骰子

2016-11-25 18:47:00 1820

原创浅析Html5 data-*自定义属性

通常我们会通过使用getAttribute或者setAttribute来操作页面属性，然而在Html5中为我们提供了新的自定义属性方法，极大的方便了我们操作页面属性，并且我们可以使用自定义属性在某些情况下来进行数据存储。使用方法我们可以直接在html标签中设置自定义属性，例如：<div class="taodet-02"> <span> <button>{{itemlist

2016-11-24 19:21:57 3180

原创 HTML5页面静态资源缓存利器Application Cache

今天写了一个微信推广页，中间为了优化页面加载效果，一堆优化方法中其中之一就用到了Application Cache来对页面部分资源进行静态资源缓存。懒癌复发，今天就不介绍什么是Application Cache了,总之外事问谷歌，内事问度娘，房事问天涯就对了，下面直接上方法。新建缓存文件在项目文件夹下新建缓存文件ed.appcache,在这里缓存文件名和后缀名不作限制，理论上可以随意自定义，不过一

2016-11-21 17:26:07 3110

原创 WIN10你所不知道的小功能

前言作为一个非资深码农，Linux系统是自己常接触到的操作系统，掌握Linux也是IT从业者基本不可或缺的一项基础技能。我们使用Linux系统通常有两种方式在电脑上直接安装Linux系统在电脑上安装VM虚拟机，然后再虚拟机中安装Linux系统为了使用方便我们通常采用第二种方式。然而对于使用WIN10系统的友友将会有第三种选择方式，那就是WIN10系统内置了Linux子系统操作设置为开发者模式首

2016-11-17 20:12:26 6131 1

原创 ErrorCode:1068.Multipleprimarykeydefined

错误描述输入sql指令ALTER TABLE sys_user CHANGE id id INT(4) NOT NULL auto_increment primary key Error Code: 1068. Multiple primary key defined 0.000 sec原因分析这个错误的原因是定义了两个主键，导致出错解决办法更改其他字段主键为非主键，设置当前字段为主键，执

2016-11-17 19:06:02 3567

原创解决Flex定位在IOS弹出键盘失效的方案

有好长一段时间没有写移动端Web页面了，今天下午在优化公司一个原有的一个移动web商城时发现商城在IOS系统中出现顶部搜索条和底部菜单栏在页面滚动式偶尔出现错位的问题，查看源码发现是由于顶部搜索条和底部菜单栏使用的是Flex定位导致的。在此稍稍整理下思路，把这个小方法分享给大家，希望可以帮到一些刚入坑的友友。解决思路解决方法其实挺简单，就是更改页面布局，使用 absolute绝对定位取代flex定

2016-11-14 19:43:02 3399

原创如何使用PM2运行ThinkJS所创建的项目

首先安装PM2npm install pm2 -g进入项目WWW目录打开命令行工具，cd到项目文件夹下面的www目录执行代码在命令行输入代码：pm2 start www/production.js -i max以 cluster 的方式启动，这里的-i max是有几个 cpu 就启动几个进程意思。其他除此之外我们还可以通过PM2实现负载均衡，官方地址查看更多文章请点击进入我的个人博客

2016-11-14 01:21:12 2189

原创解决ThinkJS项目开发中页面跳转报错问题

很多时候在我们查询某一项数据时，在数据过多的时候我们会选择分页展示，但是很多时候会发现在进行页面跳转时会出现报错，报错内容是数据库查询条件为空。问题分析其实问题很简单，报错的原因是因为代码获取到的查询条件为空，因为查询条件是由上一页面通过Form表单提交过来的数据，然后我们通过this.post方法获得值；但是当我们进行页面跳转的时候其实就是刷新了一下当前的页面，并不会有页面再次提交到数据到当前页

2016-11-14 01:05:44 2312

原创 ThinkJS项目添加页面分页功能

刚开始写后台的时候都是自己一个代码一个代码的撸出一个分页器出来，直到发现EJS引擎功能太过于简单，不得不把模板全部转成使用Unujucks的时候蒙逼了，因为忽然间不知道该怎样下手写分页器，还好有大神帮忙，直接推荐了一款thinkjs扩展插件，今天和大家分享下。使用方法安装npm install think-pagination使用首先在控制器中引用插件，实例代码如下：'use strict';im

2016-11-14 00:33:32 3133

原创在使用ThinkJS搭建后台时通过时间段查询数据报错的解决方案

在一些朋友除此使用ThinkJS搭建Node后台时通过时间段进行数据查询的时候可能会遇到后台报错的问题，问题的原因一般是数据库查询条件部分为undefined,下面我们来看具体案例。问题例如当我们需要通过时间段查询taolist这张表的数据是，在控制器中的代码如下：let formVal = this.post(); //获取form表单提交过来的数据let model = this.model

2016-11-13 00:36:01 3106 1

原创基于Node的Hexo框架使用经验总结

早上一觉起来发现自己的个人博客不知道什么时候竟然抽风了，尼玛各种报错，各种进不去，我常用的一些网址以及在线工具的地址都在博客上啊…说多了都是泪。没办法只能从新部署下博客，好在咱以前写的博客都还在。网上很多Hexo相关的教程我这里就不写的很详细了，纯属自己做个笔记，说不定哪天我老了记性不好就用到了♪(´▽｀)博客搭建基本流程安装Node这里我想大家都会就不说了安装HEXO在Node命令行下输入代码并

2016-11-10 19:57:38 1613

原创 ThinkPHP函数总结（二）

ThinkPHP中有大量重要的单字母函数,在开发过程中，这些函数极大的提高了开发人员的项目开发体验，今天我们就来扒一扒那些单字母函数ThinkPHP函数：M 实例化模型(无需定义模型类)M方法用于实例化一个基础模型类，和D方法的区别在于： 1、不需要自定义模型类，减少IO加载，性能较好； 2、实例化后只能调用基础模型类（默认是Model类）中的方法； 3、可以在实例化的时候指定表

2016-11-10 19:55:09 1369

原创 ThinkPHP函数总结（一）

ThinkPHP中有大量重要的单字母函数,在开发过程中，这些函数极大的提高了开发人员的项目开发体验，今天我们就来扒一扒那些单字母函数ThinkPHP函数：A 实例化控制器A方法用于在内部实例化控制器，调用格式：A('[项目://][分组/]模块','控制器层名称')最简单的用法：$User = A('User');表示实例化当前项目的UserAction控制器，实例化控制器后，就可以调用该控制器

2016-11-10 19:53:20 1228

原创微信小程序初体验

这几天朋友圈、知乎、空间各种社交平台都被微信小程序给刷屏了，为了体验下这个号称微信最后一波流量红利的小程序，自己也抽时间写了一个简单的小Demo和大家分享下。演示效果源码地址查看更多文章请点击进入我的个人博客感兴趣的话可以查看源码：点我

2016-11-10 19:51:14 1130

转载 MarkDown使用文档

什么是 MarkdownMarkdown 是一种方便记忆、书写的纯文本标记语言，用户可以使用这些标记符号以最小的输入代价生成极富表现力的文档：譬如您正在阅读的这份文档。它使用简单的符号标记不同的标题，分割不同的段落，粗体或者斜体某些文字，更棒的是，它还可以更多其它的东西。1. 制作一份待办事宜 Todo 列表[ ] 支持以 PDF 格式导出文稿[ ] 改进 Cmd 渲染算法，使用局部渲染技

2016-11-10 19:48:38 1199

原创如何把使用Navicat把Excel表格中时间日期以dateTime格式导入MySQL数据库

前言今天往数据库导入数据的时候忽然遇到一个很坑爹的问题，导入数据的时候把create_date字段属性设置为dateTime格式，结果：导入的时间全部是0000-00-00 00:00:00,坑爹啊有木有！接下来开始我们的埋坑之旅。。。解决方案解决方法其实很简单首先我们在导入数据的时候把create_date字段属性设置为varchar（字符串）格式，然后导入数据。这时候我们会发现我们导入时间数

2016-11-10 19:45:23 18286

原创如何在MySQl数据库中给已有的数据表添加自增ID？

由于使用MySQL数据库还没有多久的缘故，在搭建后台往数据库导入数据的时候发现新增的表单是没有自增id的，因次就有了上面这个问题。解决方法1、给某一张表先增加一个字段,这里我们就以node_table这张表来举例，在数据库命令行输入下面指令：alter table node_table add id int2、更改id字段属性为自增属性，在数据库命令行输入下面指令：alter table `n

2016-11-10 19:43:20 27747 3

原创浅析User Agent Stylesheet属性

前言今天无意间查看页面样式的时候无意间发现了User Agent Stylesheet,查询之后发现这个属性是浏览器默认样式如何修改浏览器默认样式通常浏览器默认样式优先度相对比较低，因此我们如果需要修改某一样式的话只需要在自己代码中直接从写样式属性就可以了例如：修改input下面background-color样式,我们只需要在代码中写：input { background-

2016-11-10 19:40:12 5521

原创 1064 - You have an error in your SQL syntax; check the manual that correspon解决办法

刚接触数据库遇到了很多幼稚的问题，就这样踏上了漫漫的踩坑之路先抛出一个常见的低级错误很多初次接触数据库，又没有大腿可抱的友友估计和我一样第一时间就懵逼了，还好度娘比较给力错误原因设置字符串属性时忘记设置字符串长度了，忘记设置字符串长度了，忘记设置字符串长度了，重要的事情说三遍。解决方案在VARCHAR后面设置字符串长度即可问题完美解决！查看更多文章请点击进入我的个人博客

2016-11-10 19:37:30 40647 2

转载 CSS3自定义滚动条样式 -webkit-scrollbar

有没有觉得浏览器自带的原始滚动条很不美观，同时也有看到很多网站的自定义滚动条显得高端，就连chrome32.0开发板都抛弃了原始的滚动条，美观多了。那webkit浏览器是如何自定义滚动条的呢？前言webkit支持拥有overflow属性的区域，列表框，下拉菜单，textarea的滚动条自定义样式，所以用处还是挺大的。当然，兼容所有浏览器的滚动条样式目前是不存在的。演示来看看这个滚动条demo2（纯

2016-11-10 19:34:41 1401

原创 Git上传指定文件夹和文件

创建.gitignore文件在文件夹下右键鼠标打开GitBash在GitBash中键入以下指令：touch .gitignore在当前目录下生成.gitignore文件配置.gitignore文件配置语法以斜杠“/”开头表示目录；以星号“*”通配多个字符；以问号“?”通配单个字符以方括号“[]”包含单个字符的匹配列表；以叹号“!”表示不忽略

2016-11-10 19:31:58 8213

原创 src refspec xxx does not match any 错误处理办法

在我们使用Git往GitHub上面push自己项目代码的时候往往会遇到上面的问题，其实解决方法很简单初始化仓库在项目文件夹下右键鼠标打开Git Bash,输入代码：git init初始化项目成功添加远端，即远程库在Git Bash下面继续输入代码：git remote add xxx(远端名) [email protected]:xxx/xxx.git创建远端成功创建本地库分支并切换到当前分支在Git

2016-11-10 19:29:39 62414

转载 MUI增加BeeCloud支付集成示例

BeeCloud简介DCloud和BeeCloud合作的支付业务，与普通的三方支付不同。它仅需要工程师写前端App的js代码，调用Plus的原生支付接口进行支付宝和微信的原生支付，不需要服务器编写代码，即可收款到开发商自己的微信或支付宝的账户里。需要注意钱并不流经DCloud或beecloud的服务器，开发商向微信和支付宝申请账户，最终用户支付的钱直接到达开发商在微信或支付宝里申请的账户。操作步骤1

2016-11-10 19:23:16 1817

原创 WebApp开发Meta标签解析

WebApp全屏模式：<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,minimal-ui">注意：viewport 后面加上 minimal-ui 在safri 体现效果<meta name="app

2016-11-10 19:17:47 2253

原创图标字体运用以及其优势与劣势

在做手机端Web App项目中,经常会遇到小图标在手机上显示比较模糊的问题，有一种比较好的解决方案，就是图标字体化。使用图标字体的优势和劣势1、轻量性：一个图标字体比一系列的图像（特别是在Retina屏中使用双倍图像）要小。一旦图标字体加载了，图标就会马上渲染出来，不需要下载一个图像。可以减少HTTP请求，还可以配合HTML5离线存储做性能优化。2、灵活性：图标字体可以用过font-size属性

2016-11-10 19:15:52 4288

转载 WebPack入门指南

什么是 webpack？webpack是近期最火的一款模块加载器兼打包工具，它能把各种资源，例如JS（含JSX）、coffee、样式（含less/sass）、图片等都作为模块来使用和处理。我们可以直接使用 require(XXX) 的形式来引入各模块，即使它们可能需要经过编译（比如JSX和sass），但我们无须在上面花费太多心思，因为 webpack 有着各种健全的加载器（loader）在默默处理这

2016-11-10 19:08:02 1239

原创 JS监听键盘事件

JS监听键盘事件 <script type="text/javascript" language=JavaScript charset="UTF-8"> document.onkeydown=function(event){ var e = event || window.event || arguments.callee.cal

2016-11-10 18:54:28 2761

Afeyer的博客