写Bug-CSDN博客

原创文章标题

verify.js是一个vue插件，用于表单验证。该插件包含两个指令v-verify与v-check，以及一些添加在表单项元素上的属性值，来完成校验规则配置 ->进行校验 ->错误提示->打包通过校验的数据这四步。开始import Verify from 'components/verify';Vue.use(Verify,{ // errTip【必传】，而且需要是一个Func

2016-12-28 16:11:56 716

原创 Vue+Node+MongoDB从开发到正式部署

想搭建一个Vue+Node+MongoDB的项目，能跑通整个开发到部署的流程，折腾一个多星期终于可以了~看过不少教学文章，发现教你怎样搭建一个Vue开发环境的很多，搭建Express的很多，但还真没发现一个完整从开发到正式部署的教程，所以只好自己来填这个坑。Node是现学现卖，文中有误请大力指正。其中各种我参考过有用的资源会穿插在文中。一：整理从开发到部署的思路首先我们要整理好整个工作流程：

2016-12-05 18:50:11 37928 19

原创在Angular中使用promise

在ng中最好将网络请求放在service中，从而简化controller，使controller专注做自己的“桥梁”工作，即连接数据与视图。比如我们在做一个通讯录，所以我们可以这样做： 1.建一个service叫addressBook.service.js(function () { 'use strict'; angular .module('gulpAngularProje

2016-10-27 15:34:49 3137

原创 flex属性取值

第一种情况flex属性不写 flex属性默认是0 1 auto flex-grow为0，则存在剩余空间也不放大 flex-shrink为1，则空间不足该项目缩小 flex-basis为auto，则该项目本来的大小原始代码：<style> .parent { display: flex; width: 600px;

2016-10-17 19:27:38 15321 1

原创由setTimeout的this讲起

在最近一次面试中，技术官问了setTimeout中this的指向，看了无数遍的this相关的东西，没想到竟然在这个问题上栽了跟头……都怪我经验太少看书太少哎，所以来认真研究了一番这东西。虽然setTimeout()平时也有用过，但理解得并不深。JavaScript高级程序设计有说：超时调用的代码都是在全局作用域中执行的，因此函数中的this的值在非严格模式下指向window对象，在严格模式下是u

2016-09-26 11:29:22 2135

原创使用vue开发多级多选菜单组件

要开发一个这样的多级多选菜单组件，功能是：点击父标题栏可以打开与折叠子列表点击父标题栏的勾选图标可以全选或取消子列表点击子列表的勾选图标达到全选时，父标题栏的勾选图标自动勾选；反之，没达到全选时，父标题栏的勾选图标自动取消勾选当所有父标题栏的勾选图标达到全选时，最底下那个全选框自动勾选；反之，没达到全选时，最底下那个全选框自动取消勾选点击最底下那个全选框可以全选或取消全部的勾选图标所以总结

2016-08-25 11:03:47 39127 14

原创 require.js+vue+vue-router+vue-resource开发微信上传图片组件

由于项目是thinkPHP做后端框架，一直以来都是多页面的后端路由，想使用火热的webpack有点无从下手（原谅我太菜，而且推广vue只有我一个人……），没办法，想把vue用起来，唯有在原来的基础上改进。使用webpack的巨大好处就是可以使用 .vue 这样的单文件来写vue组件，这样每一个组件就是一个 .vue 文件，哪里用上这个组件就引入进来，维护起来确实很爽。然而一直以来项目用的都是requ

2016-08-18 08:33:04 8806 3

原创 2.vue项目例子——vue-cli安装

全局安装vue-cli，使用命令npm install -g vue-cli。下载模板代码，使用命令vue init webpack my-project，之后会有一些询问，按需填写即可。最后会看到生成了一个叫my-project的文件夹，里面就是vue-cli脚手架搭建出来的目录。

2016-07-19 12:22:47 10922

原创 1.vue项目例子——webpack安装

注：凡命令都为加粗斜体 1. 必须要有node.js，官网有一键下载，完了之后npm也在里面了。 2. 全局安装使用命令npm install webpack -g 3. 初始化npm。如果项目目录中没有package.json，使用命令npm init去初始化npm。图片中红色框为我的项目目录，在该目录下使用命令npm init后，会问你一些问题，按照自己的需要填写就好。最后一

2016-07-19 12:01:02 4876

原创让你的网页引入思源字体

这段时间在做官网，设计师出了一份PSD，其他部分都搞完了，但就是字体，怎么我做出来的跟PSD字体完全两码事！？好丑啊！问了一下设计师，原来他用的字体叫思源黑体……我怎么没听过……后来查了才知道思源黑体字体是一款由Adobe和Google联手推出了一款开源字体，而且有七种粗细的字形：ExtraLight、Light、 Normal、Regular、Medium、Bold和Heavy。顺便安利一下Chr

2016-07-06 14:34:32 51504 3

翻译用意图明确的CSS选择器直击元素

有一类CSS是我每次看到都不敢恭维的，那就是意图不明确的选择器。这样意图不明确的选择器意味着你要去地毯式轰炸出你想选择的那个元素。对比.header ul{}与.main-nav{}，.widget h2{}与.widget-title，article > p:first-child{}与.intro{}。显然选择器的意图不够明确。如今，一个选择器的意图是什么确实非常值得注意，如

2016-07-06 12:39:49 522

原创用hash解决微信开发无刷新切换页面返回时滚动条会回到顶部

1.==》2.==》3.==》4. 见上述四张图的过程，图1为“记录列表页”，一开始打开“记录列表页”，滚到页面底部，选择最后一条记录，点击，会进入图3“记录详情页”，然后后退，就可以无刷新切换页面。做法很简单： ①“记录列表页” ; "记录详情页" ; ②进入页面后，location.hash = "record";然后$("#record").s

2016-04-19 17:54:27 9580 3

原创微信开发安卓页面出现两个滚动条其中一条无法滚动可以采用局部区域滚动解决

问题描述：图1.1是微信开发的一个页面，顶部有一个下拉选择菜单(自己写的组件)用于选择日期，选择之后会出现该日期下的数据记录，这时一个页面会出现两条滚动条(因为滚动条太丑，我用::-webkit-scrollbar {width: 0px;}将滚动条隐藏了，这里用红色线条标注出来)，苹果不会出现问题，安卓就会出现滚动不了下拉菜单的情况，一滚下拉菜单，整个页面都滚起来了。图1.1

2016-04-19 11:30:17 6808

原创微信开发安卓虚拟键盘挡住输入框的问题

是这样的，现在有一个这样的页面：这个页面刚好一屏幕大小，所以没有滚动条，因为“保存”键上面那个项目备注是需要用户去填写的，当他点击后就会出现虚拟键盘，但安卓手机弹出键盘会遮住这个输入框，以至于用户看不见了。苹果手机天然不会喔，苹果手机的键盘弹出来是占了下面的位置，从而把页面推了上去，整个页面就缩小了就不会出现这样的情况。安卓手机情况如下图：

2016-04-18 12:10:11 20504 8

原创通过微信接口上传图片并获取到自己的服务器

我们需要用户在企业号上传图片后，该图片保存在我们自己的数据库里。所以我们要用到微信JSSDK中的“拍照或选择手机相册照片”、“上传图片接口”以及“获取临时素材接口”。一开始以为有了media_id就用CURL去请求“获取临时素材接口”然后他返回图片的内容（估计是一堆乱码），最后自己解释出来保存到数据库。但请求来请求去没看到他返回文档说的这些东西：

2015-12-08 23:02:00 58744

原创 JS根据本月求上月与上两月，且带前导零

在PHP，求这个月，上个月，上两月是很简单的，有现成的方法给你。$data['month']=array(date('Y-m'),date('Y-m', strtotime('-1 month')),date('Y-m', strtotime('-2 month'))); 现在需要在JS上做。请求只返回了本月，根据本月求上月和上两月。逻辑是很简单，无非就是月份小于十，加个前导零；月

2015-11-21 18:02:34 1790

原创 Eclipse SVN冲突

更新代码的时候，Eclipse SVN发生冲突，情况如下图：上网查了很多方法……很复杂……原来只需要Cleanup一下……

2015-11-21 17:36:48 429

原创 URL含特殊字符，微信JS-SDK接口config时报invalid signature签名错误

微信JS-SDK接口config时报invalid signature签名错误，经过排查，可以肯定是当前url地址传得有问题。因为项目需要，我们的url是带参数的： http://www.plusonego.com:8089/FeProjectGZ/attendance?department_id=2&position_id=3&project_id=11&userid=yuji

2015-11-21 17:03:38 9487 5

原创阶段小结

这个月，我还是在搞移动签到的功能，增加了签到记录查询，彻底将这个功能搞完。这个月经历最蛋疼的事情，就是根据新的命名规范将全部代码改过……真的没有比这个更蛋疼的事情了。期间还发生了一次惨绝人寰的事情，没有保存！！！如下图：

2015-11-20 11:21:27 596

原创 ajax从服务器拿了数据回来循环显示在HTML后不能响应事件

要做一个查看历史记录的页面，点击那条记录会显示出详情。ajax从服务器拿了记录信息的数据回来，就把记录循环然后appen出来。页面显示没问题，数据库有多少记录全部都显示出来了，但是，点击却该记录没反应。有人说用unbind，有人说用live，有人说用on，但是试过都没用。后来终于知道问题在哪里了，原来每次循环出来的元素要触发事件是需要绑定的，所以，事件方法应该写在循环里面。

2015-10-21 16:37:37 2169

原创使<select>中的文字居中

项目中要用到下拉菜单，但是显示的文字不能居中……不能居中实在太丑了吧……查过根本没有能让文字居中的属性。最后只能自己模拟一个，废话不说直接上代码。这里的下拉菜单是用来选择月份的，一共有三个月，默认为当前月份。在菜单里，如果选择了的，就填到里去，然后在菜单里隐藏这一项，显示其他两项。 .ui-select { margin-top:

2015-10-21 16:06:53 27338 1

转载 PHP编程中10个最常见的错误

PHP编程中10个最常见的错误2015-10-15 PHP开发者(点击上方公众号，可快速关注)英文：toptal译者：codecloud网址：http://codecloud.net/php-2056.html错误1：foreach循环后留下悬挂指针在foreach循环中，如果我们需要更改迭代的

2015-10-16 09:38:51 544

原创企业号如何调用JS接口（以调用地理位置接口为例）

这是测试微信DEMO的流程图。按照官方文档建立好微信连接与微信接口配置后，即可调用接口。 1.通过配置来加入需要调用的接口，这里加入了获取地理位置的接口。 wx.config({ debug: false, appId: appId,

2015-10-14 15:46:54 3535 2

原创 ThinkPHP中select()与find()的区别

用ThinkPhp做查询的时候，一开始用的是find()来查，我是想把查到的全部记录都返回的，但查完发现，怎么查来查去都只有一条记录……直接去数据库查是没有问题的，确实把全部都返回了。在ThinkPhp里的Runtime-Logs里可以查到操作数据库的日志。这个东西可以帮好大忙，有一些时候操作数据库，错了你都不知道怎么错了，甚至你都不知道你竟然是操作数据库出了问题，就像上次我做插入与更新操作

2015-10-14 15:30:21 5546

转载 MySQL联表查询

一.内联结、外联结、左联结、右联结的含义及区别在SQL标准中规划的（Join）联结大致分为下面四种：1.内联结：将两个表中存在联结关系的字段符合联结关系的那些记录形成记录集的联结。2.外联结：分为外左联结和外右联结。左联结A、B表的意思就是将表A中的全部记录和表B中联结的字段与表A的联结字段符合联结条件的那些记录形成的记录集的联结，这里注意的是最后出来的记录集会包括表A的全部记录。

2015-10-12 14:44:17 587

在这里写Bug