自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

前端技术分享

一些实用的例子

  • 博客(46)
  • 收藏
  • 关注

原创 ubuntu 16.04配置cordova 安卓

1安装cordova CLI$ sudo npm install -g cordova2创建App$ cordova create hello com.example.hello HelloWorld这将会为你的cordova应用创造必须的目录。默认情况下,cordova create命令生成基于web的应用程序的骨骼,项目的主页是 www/index.html 文

2018-01-30 11:55:27 515

原创 vue 学习系笔记(二)

过度/动画单元素/组件过度vue提供了transition的封装组件,可以给任何元素和组件添加entering/leaving过渡。例如一个例子div id="demo"> button v-on:click="show = !show"> Toggle button> transition name="fade"> p v-if="

2018-01-24 16:09:32 341 1

原创 vue 学习笔记(一)

实例生命周期钩子beforeCreate--->created--->beforeMount--->mounted(beforeUpdate-->updated)--->beforeDestory--->destroyed(1)在beforeCreate和created之间,进行数据观测(data observer) ,也就是在这个时候开始监控data中的数据变化了,同时初始化事件

2018-01-24 14:35:55 335

原创 nginx 配置

server{        listen 80;        #root /home/gameadmin/wap/;        server_name xxx.com;        #index index.html;        location / {                proxy_set_header X-Real-IP $remote_add

2018-01-23 14:39:15 353

原创 mongoose 模糊查查询

const keyword = ctx.request.body.keyword;const reg=new RegExp(keyword,'i');//不区分大小写objModel.find(conditions, {$or:[ {name:{$regex:reg}}, {lyric:{$regex:reg}}, {singer:{$regex

2018-01-22 15:14:45 1828

原创 当ubuntu无法定位软件包

在 /etc/apt sources.list 添加镜像源 deb http://archive.ubuntu.com/ubuntu/trusty main universe restricted multiverse sudo apt-get update ~~~

2018-01-21 11:37:59 7276 1

转载 nodejs nvm 安装

ubuntu 环境下 apt install npmwget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.33.2/install.sh | bashexport NVM_DIR="$HOME/.nvm"[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh"

2018-01-21 11:08:08 284

原创 vue 下拉加载

vue-infinite-loading2.0 中文文档

2018-01-19 15:56:20 800

原创 mongoose 给数组添加数据

model 例如{          userid: userid,          record: [{            time: time,            roomcard: roomcard          }]        }插入方式Chargeforplayer.update({          userid: userid        }, {       

2018-01-19 14:06:05 7338

原创 论微信公众号支付到底有多坑

先吐个嘈,接个微信支付,断断续续一个多星期。。。。。。要是赶着上线的话,黄花菜都凉了,哪里错了根本不给提示。。。好了,我们来梳理一下介入流程,其实极其简单!首先要区分的是你接的是不是公众号支付:公众号支付指的是在微信公众号或者微信浏览器内调起H5支付,不要跟其他浏览器的H5支付混淆了。流程:申请公众号---服务号-----申请支付商户----在线签署协议,这个时商家自己搞,不过需要强调的是,有些商

2018-01-18 10:18:42 5972 2

原创 lnmp配置

lnmp vhost adddomain  你的域名  带wwwmodomainname   不带www默认文件路径/home/wwwroot/www.xxxxxx.comallow rewite rule noneallow access log n disablecreate database and mysql user with same name  nadd

2018-01-16 10:03:32 300

原创 vue 返回 invalid host header

devServer: { compress: true, disableHostCheck: true, // That solved it }

2018-01-10 17:05:15 6261

原创 nginx 配置 80 访问其他端口程序

server{listen 80;#root /home/gameadmin/wap/;server_name xxx.com;#index index.html;location / {  proxy_set_header X-Real-IP $remote_addr;                proxy_set_header X-Forwarded-F

2018-01-10 17:03:23 1002

原创 格式化时间 node

/*时间格式化*/  Date.prototype.Format = function (fmt) { //author: meizz    var o = {        "M+": this.getMonth() + 1, //月份        "d+": this.getDate(), //日        "h+": this.getHours(), //小

2018-01-05 09:22:46 2957

原创 webpack

1 为什么用webpack模块化2 什么是webpack模块打包机  分析结构,找到JS模块,将浏览器不能直接运行的语言转化为可以用的语言3 与Grant和GulpGrant和Gulp 是优化前端开发流程的工具, 在一个配置文件中指明对某些文件进行操作,之后工具完成这些操作webpack是模块化解决方案  把项目看作整体,通过给定的主文件,找到项目的依赖文件,使用loade

2018-01-04 20:59:44 497

转载 nodejs 快速安装

用安装包上传安装实在太慢了 而且多个版本的node也没法发控制 我们使用nvm工具会快的多ubuntu v16.04没有安装npm和node安装 npm$ apt install npm安装 nvm找 nvm git 库点我 里面也有安装说明执行:$ wget -qO- https://raw.githubusercontent.

2018-01-04 09:15:15 471

原创 ubuntu安装robo3t

1在官网下载2解压 tar -zxvf robomongo-1.1.1-linux-x86_64-c93c6b0.tar.gz3mkdir ~/robo-backup mv robo3t-1.1.1-linux-x86_64-c93c6b0/lib/libstdc++* ~/robo-backup/4 ./robo3t

2018-01-03 13:57:27 3670 1

原创 node 安装zmq zeromq.node installation error Ubuntu 12.04: ' node-gyp rebuild'

gyp ERR! build error gyp ERR! stack Error: `make` failed with exit code: 2gyp ERR! stack     at ChildProcess.onExit (/home/hhl/.nvm/versions/node/v8.9.3/lib/node_modules/npm/node_modules/node-gyp/lib/

2018-01-02 11:09:29 1575

转载 eslint规则

"no-alert":0,//禁止使用alert confirm prompt"no-array-constructor":2,//禁止使用数组构造器"no-bitwise":0,//禁止使用按位运算符"no-caller":1,//禁止使用arguments.caller或arguments.callee"no-catch-shadow":2,//禁止ca

2017-12-28 16:40:20 742

原创 nodejs中间件

从概念上讲,中间件是一种功能的封装方式,具体来说就是封装在程序中处理 HTTP 请求的功能。从实战上讲,中间件只是一个有 3 个参数的函数:一个请求对象、一个响应对象和一个 next 函数,稍后会作解释。(还有一种 4 个参数的形式,用来做错误处理,这会在本章末尾讲到。)中间件是在管道中执行的。你可以想象一个送水的真实管道。水从一端泵入,然后在到达目的地之前还会经过各种仪表和阀

2017-12-26 16:39:03 1813

转载 去除IOS橡皮筋效果

All you need is an element with height or max-height, overflow: auto and -webkit-overflow-scrolling: touch.script src="inobounce.js">script>style> ul { height: 115px; borde

2017-12-26 14:53:54 6317 1

转载 vue 如何实现复制到粘帖板

vue-clipboard2 A simple vuejs 2 binding for clipboard.jsInstallnpm install --save vue-clipboard2 or use dist/vue-clipboard.min.js without webpackUsageFor vue-cli user:

2017-12-17 12:42:05 17131

原创 什么时候用created,什么时候用mounted

created在实例创建完成后被立即调用。在这一步,实例已完成以下的配置:数据观测 (data observer),属性和方法的运算,watch/event 事件回调。然而,挂载阶段还没开始,$el 属性目前不可见。mountedel 被新创建的 vm.$el 替换,并挂载到实例上去之后调用该钩子。如果 root 实例挂载了一个文档内元素,当 mounted 被调用时 vm.$e

2017-12-17 11:32:32 14984

原创 vue 新建项目在IE9 10 打不开

并不是webpack配置问题。也不是babel没编译。这个锅其实是 webpack-dev-server的问题。它里面通过socket给浏览器的代码有 部分 es6的代码 如 const 这些。然后这种东西ie11以下并不认识我的解决方式是找到 /node_modules/webpack-dev-server 下的client文件夹用老项目的文件替换掉这个文件就可以了,

2017-12-17 11:07:01 5796 1

转载 将时间格式和时间戳相互组转化

var stringTime = "2017-11-10";var timestamp2 = Date.parse(new Date(stringTime));timestamp2 = timestamp2 / 1000;console.log(stringTime + "的时间戳为:" + timestamp2); var stringTime = "2014-07-10

2017-11-11 11:25:23 1952

原创 H5本地存储-indexedDB数据库(三)创建对象索引

创建对象索引 window.indexedDB=window.indexedDB || window.webkitIndexedDB|| window.mozIndexedDB||window.msIndexedDB; window.IDBTransaction=window.IDBTransaction||window.webkitIDBTransact

2017-09-12 10:32:18 1101

原创 H5本地存储-indexedDB数据库(二)创建对象仓库

创建对象仓库 window.indexedDB=window.indexedDB || window.webkitIndexedDB|| window.mozIndexedDB||window.msIndexedDB; window.IDBTransaction=window.IDBTransaction||window.webkitIDBTransact

2017-09-12 10:09:09 1219

原创 H5本地存储-indexedDB数据库(一)

H5中新增一种数据库,叫做indexedDB数据库,存储在客户端,且为NoSQL数据库。支持Chrome11+,Firefox4+,opera18+以及Safari8+。1如何连接indexedDB数据库首先要对数据库,数据库使用的事务,IDBKeyRange对象以及游标对象进行预定义。 window.indexedDB=window.indexedDB || window.we

2017-09-12 09:31:05 1953

原创 本地数据库-SQLLite

在H5,web时代又回到了“客户端为重,服务器端为轻”的时代。原因是什么呢?在H4中,数据库只能放在服务器端,而在H5,我么可以像访问本地文件那样,轻松地对内置数据库进行访问。H5有两种数据库,一种是SQLLite,看见SQL就知道,这个也是可以通过SQL语言来访问的,另一种是indexedDB,NoSQL类型的数据库。和服务器端数据库一样,本地我们也要去执行相应的数据库步骤:1创建访问数据库

2017-09-11 15:53:04 2633 1

原创 本地存储webstorage-如何监测本地数据是否改变

在H5中,window对象里面有一个storage事件,我们可以进行监听或者指定其事件处理函数的方法,在其他页面修改了sessionstorage或者localstorage中的值时,要做的处理。我们先看一下一下几个属性:1、event.key:这个是 被修改的数据键值2、event.oldValue :  被修改前的值3、enent.newValue:被修改后的值4、even

2017-09-11 13:59:20 2291 1

原创 本地存储-webstorage 简易数据库

上一篇文章写到,我们可以利用本地存储写留言板,但是呢我们注意到一个问题,留言写在里面了,是用键值对的形式进行存储的,说白了,就是只有两个数据,而数据库中,数据表都是分为几列的,要怎么进行管理呢?还有怎么去进行搜索呢?下边给大家一个简单的例子:这是一个记录信息的例子,学生的信息有好多,姓名,性别,身高,体重,年龄等等。。。。那么在本地存储中,我们只能靠键值对的形式去存储,那么键名肯定是学生姓

2017-09-11 12:05:19 355

原创 本地存储-webStorage

webstorage 和 本地数据库。Web Storage 是对H4中的cookie机制的改善。由于cookie存在很多缺陷,H5决定不再使用它,转而使用webstorage。 本地数据库,顾名思义,就是在客户端本地建立一个数据库,把服务器端的部分数据拿到本地存储,这样就可以为服务器减轻压力,加快访问速度(毕竟,你知道运行本地项目和访问服务器速度上的差别!)。在H4中,cookie存储永久数

2017-09-11 10:37:54 570

原创 微信开发自定义菜单

微信开发的过程中,我们发现有很多的权限我们个人的订阅号是没有的,所以呢,我们采用测试号来进行开发。测试号有它自己的ID和密码,有自己的URL绑定地址以及绑定域名的地方,注意绑定域名不要加http://,只包括自己的域名,例如 xx.duapp.com  其余什么都不要。下面是JSSDK中对于php语言的sample.phpde 的改写内容,注意,需要修改的只有APPID 和APPSEC

2017-07-12 14:09:56 1332

原创 微信开发基本消息回复

define(TOKEN, "weixin");define("AppID","");define("EncodingAESKey","");require_once('wxBizMsgCrypt.php');$wechatObj=new wechatCallbackapiTest();if(!isset($_GET['echostr'])){$wechatObj-

2017-07-02 09:00:21 477

原创 微信开发消息体的加密解密

微信平台配置服务器,提供三种加密解密模式供开发者选择,明文,兼容,安全。选择兼容和安全模式之前,需要在开发者中心填写EncodingAESKey.公众号用这个秘钥对收到的密文进行解密,回复也用这个加密。接口程序需要配置如下三个参数define("TOKEN","weixin");define("AppID","写自己的AppID");define("EncodingAESK

2017-07-01 16:52:27 4336 1

原创 微信开发交互返回当前时间的说明

在公众号提交URL和token验证时,微信服务器将发送GET请求到我们在公众号上填写的URL中,会带有四个参数:签名signature,时间戳timestrap,随机数nonce和echostr随机字符串,我们在公众号发送时间或者time时,微信服务器会将带有签名,时间戳,随机数三个参数访问开发者的URL,同时将XML消息POST到URL上。而消息不包含echostr这个变量,所以响应respon

2017-07-01 15:11:24 1039

原创 微信开发如何通过关键词获取当前时间

关键字$keyword==" time" 通过判断关键字来显示当前的时间if($keyword=="time"||$keyword=="时间"){$msgType="text"; //文本类型$content=date("Y-m-d H:i:s",time());//php时间函数$result=sprintf($typeTpl,$fromUsername,$toUsername,

2017-07-01 09:49:43 709

原创 微信开发,选择服务器

SAE新浪云用新浪微博账号进行注册,最开始会免费给云豆,还是很给力的在新浪云创建应用,PHP,标准环境,5.6,代码管理SVN,二级域名自动生成,或自行填写,应用名称自动生成,创建成功之后,创建新版本1这样就创建了一个SAE应用了。这之后就是如何将代码上传至新浪云。这个很简单,上传压缩包(.zip)或者直接编辑代码,上面有编辑器,可直接写代码。之后需要检测新浪云是否和微信服务器

2017-06-30 21:25:12 535

原创 微信开发JSON

JSON(JavaScript Object Notation)是一种数据交互格式,有独立于语言的文本格式,容易进行传输,在微信中很多内容都是通过JSON来传递的类似于xml,json比XML更小,更快,更容易解析。文本格式和创建JS对象的代码相同。JSON语法数据在名值对中,数据由逗号分隔,花括号{}保存对象,方括号[]保存数组。JSON值数字,字符串,逻辑值,数组,对象,n

2017-06-30 14:44:11 1918

原创 微信开发MySQL篇(四)

1 修改数据库中的数据 UPDATEUPDATE table_name SET column_name = new_value WHERE column_name=some_value连接数据库选择数据库修改 UPDAE Persons SET Age='40' WHERE FirstName='zhang' AND LastName='san';关闭数据库?>

2017-06-30 14:42:04 338

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除