- 博客(26)
- 资源 (11)
- 收藏
- 关注
RSS订阅原创 带表情的评论
完整demo下载效果展示注意在将编辑好的含有表情的字符串存入数据库之后，可能由于编码格式及转义等原因，导致取回的字符串有所改变，存入数据和取出数据的时候需要需要做一些字符串的处理。以下是我在项目中遇到问题的解决方案（你可能和我遇到的问题不同，仅作参考） 存入//将 " 替换成一串特殊的字符串（确保不会和输入重复）var str = str.replace(/"/g, "147852"); /
2016-12-02 17:25:16
3048
1
原创 动态加载bootstrap表格数据
表格效果如下 完整demo下载html<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title> - Bootstrap Table</title> <meta nam
2016-11-29 18:33:21
3031
原创 nodejs-mysql基础操作
新建数据表使用Navicat for mysql之类的工具新建数据 - 新建名为my_news_test的数据库 - 在my_news_test中使用如下代码创建数据表CREATE TABLE `node_user` ( `id` int(11) NOT NULL AUTO_INCREMENT, `name` varchar(30) DEFAULT NULL, `age` int(8
2016-11-15 11:37:32
397
原创 nodejs-创建Express实例
安装 Express打开cmd，进入到项目文件夹的根目录 npm install express --save npm install body-parser --save npm install cookie-parser --save npm install multer --save安装完成后，可以看到根目录下自动生成了一个名为node_modules的文件夹，里面含有
2016-11-15 09:47:18
865
原创 nodejs-准备
1 - 安装nodejs（以Windows为例 ）下载nodejs打开cmd，输入node --version。打印如下则说明安装成功2 - 创建项目创建项目文件夹在项目文件夹下新建server.js文件，代码如下var http = require('http');http.createServer(function (request, response) { // 发送 H
2016-11-15 09:46:20
248
原创 关于自定义video组件
全屏播放//此方法不可以在異步任務中執行，否則火狐無法全屏if(element.requestFullscreen) {element.requestFullscreen();}else if(element.mozRequestFullScreen) {element.mozRequestFullScreen();}else if(element.msRequestFullscreen)
2016-10-21 18:06:47
478
原创 自定义video播放组件-支持移动端
完整demo下载自写控制条可全屏观看可调节观看速度兼容移动端 组件效果使用示例html<div id="testBox"></div>jsvar my_video = new A_Video( "testBox", //容器的id { url : 'https://upload.wikimedia.org/wikipedia/commons/
2016-10-21 16:22:29
1285
原创 jQuery动画方法
隐藏与显示 hide(speed,callback) show(speed,callback)隐藏和显示 - speed 可选的 speed 参数规定隐藏/显示的速度，可以取以下值：”slow”、”fast” 或毫秒。 - callback 可选的 callback 参数是隐藏或显示完成后所执行的函数名称。示例：$("button").click(function(){ $("p
2016-10-20 22:07:57
318
原创 js常用方法整理
数组操作concat();//连接两个或更多的数组哦join('_');//把数组的所有元素放在一个字符串中pop();//删除并返回数组的最后一个元素push();//向数组的末尾添加一个元素，并返回数组长度shift();//删除并返回数组的第一个元素slice();//返回已选定的元素sort();//对数组的元素进行排序splice();//删除元素，并向数组添加新元素to
2016-10-20 22:07:25
263
原创 window.open使用详解
1. 最基本的弹出窗口代码window.open('page.html');2. 经过设置后的弹出窗口window.open('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=
2016-10-20 22:06:32
347
原创 html分割线
分割线效果图完整html代码如下<!DOCTYPE html><html> <head> <meta charset= "utf-8" > <title >html分割线</title > </head > <body > <h3>1、两头渐变透明：</h3 > <HR style
2016-10-20 13:51:36
917
原创 thinkphp-编写第一个后台接口
安装thinkphp讲下载好的thinkphp包放在apache的发布目录下，并起一个应用名（我这里起的名字是zero）。 路径如下：进入到控制器目录打开indexController.php文件我们可对文件稍作修改<?php<?phpnamespace Home\Controller;use Think\Controller;class IndexController extends C
2016-10-20 13:49:16
13782
3
原创 thinkphp-登入接口示例
接着上一个笔记编写第一个后台接口新建数据表在数据库zero中新建一个数据表，命名为db_account编辑列。共有三列，id，name，password。并将id设为自增长和主键编写后台接口在控制器Controller目录中新建名为_A_mysql的php文件，此文件的功能是php操作mysql的常用代码，这里封装成一个文件，为了减少代码的重复，和方便修改mysql的登入信息。_A_mysql.
2016-10-20 13:45:54
1900
转载 iQuery移动端手势事件插件-jGestures
jGestures下载jGestures事件简介orientationchange代表设备顺时针或者逆时针旋转.此事件可以被设备触发,可能使用的是重力传感器.pinch缩放手势(两个手指在屏幕上的相对运动)rotate旋转手势(两个手指顺时针或者逆时针旋转)swipemove在正在滑动时触发(在设备屏幕上移动手指,比如:拖动)swipeone单点滑动手势,滑动完成后触发(一个手指在屏幕上移动)sw
2016-10-18 18:14:04
554
原创 仿ios垂直滚动选择
下载完整demo注：必须在手机模式下才有效组件效果图使用示例html<div class="box"> <div class="select"></div> <div class="box1" id="box1"></div> <div class="box2" id="box2"></div></div>css.box{ margin: 20px auto 20p
2016-10-13 16:51:24
864
原创 canvas涂鸦板
基于canvas的涂鸦板可设置画笔颜色可设置画笔宽度可撤销画笔动作兼容PC和移动端 下载完整demo使用示例html<div class="boardBox" id="box"></div>jsborad = new A_DoodleBoard('box');borad.init();css.boardBox{ width: 100%; height: 500px;
2016-10-13 16:24:08
442
原创 javascript截屏
使用Html2canvas截屏下载Html2canvasHtml2canvas加载后将会浏览页面上的所有元素，集合所有页面元素的信息，然后用户就可以通过Html2canvas把整个页面截图下来。 换句话说，Html2canvas不会实际上的截图，而是通过从DOM读取的足够信息去建立一个页面的展示镜像。 这就会导致Html2canvas只会渲染它认识的正确的DOM元素属性，还有很多CSS属性是不会
2016-08-04 17:34:58
523
原创 phonegap-详解navigator.camera.getPicture
实例如下便是一个简单的从相册获取图片的函数function picture_getPicture(cameraOption){//获取图片 var quality=cameraOption.quality|50;//图像质量 var destinationType=cameraOption.destinationType|Camera.Destinati
2015-11-25 18:17:27
8370
1
原创 phonegap-android硬件设备的调用
环境配置插件安装在创建phonegap工程后，进入到plugins文件夹下根据自己所需要的功能添加响应插件各项功能对应插件安装方法如下//设备APIcordovaplugin add org.apache.cordova.device //网络（事件） cordovaplugin add o
2015-11-25 11:09:25
806
原创 phonegap-网络访问与调用android手机硬件设备
一、phonegap开发简述使用phonegap包开发的目的就是为了缩短开发周期，利用熟悉的HTML、javascript、CSS技术快速的打造自己的客户端APP。其中存在的关键问题是：这些HTML、CSS、js的文件是放在服务器端还是放在移动端。如果是放在移动端，这无疑的没有发挥出javascript的优势，在“数据走向云端”的大趋势下这种方式终将无立足之地。所以我们还是选择将大量的网页数据
2015-11-21 13:38:40
1054
原创 phonegap-调用android手机照相机
参见：http://blog.csdn.net/adrian_rendong/article/details/49910335使用Node.js创建工程打开Node.js控制台并进入到准备存放工程文件的文件夹下1.创建一个phonegap工程>phonegap create adrian2.进入项目文件中的plugins文件夹下>cd adrian
2015-11-20 18:35:25
2289
1
原创 phonegap-我的第一个android应用
附开发软件安装包1511181707-开发环境安装包整理.rar注：由于文档是后来整理，对于控制台截图中文件目录的显示有些错误，只为说明大致步骤，不必深究，只需按文字描述步骤操作双击安装JDK （注意如果windows是64位需安装64位JDK）并配置环境变量在控制台中输入java -d64打印如是则安装正确双击安装android-s
2015-11-18 17:35:59
662
node-v4.4.3-x64.msi
2016-11-14
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人