- 博客(69)
- 收藏
- 关注
RSS订阅转载 68.css 3d 卡片翻转效果
//图片自备 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l...
2019-05-17 00:03:00
144
转载 67.canvas绘制常规图形
//一个简单的画板 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...
2019-05-16 21:29:00
132
转载 66.环形加载动画（canvas/svg）
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta...
2019-05-16 21:20:00
167
转载 65.canvas画一个表（2）
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta...
2019-05-16 20:56:00
116
转载 64.canvas画一个表（1）
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta...
2019-05-15 22:04:00
52
转载 63.实现一个拖拽排序
//为了方便借助vue和jquery <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"...
2019-05-15 21:26:00
76
转载 62.textarea 自适应高度
//需要jQuery <textarea id="test"></textarea> <script src="./libs/jquery.min.js"></script> <script> (function ($) { $.fn.autotextar...
2019-05-15 21:21:00
44
转载 61.工厂/原型/构造
// 工厂 function Person1(name, age, job) { let p = {}; p.name = name; p.age = age; p.job = job; p.say = function () { ...
2019-05-15 21:15:00
137
转载 60.nodejs+koa+mongod 实现简单的页面增删改查
*安装最新版的nodejs(保证7.6以上)。 *安装mongodb（建议安装3.4.x，因为我安装3.6版本的时候老是会卡在80%左右） 这是一个mongodb的教程http://www.cnblogs.com/huangxincheng/archive/2012/02/18/2356595.html *下面的操作假设是已经安装好nodejs，和配置好mongodb,并且能...
2018-03-15 18:19:00
106
转载 59.移动端调试html
1.安装weinre npm install -g weinre 2.启动weinre weinre --httpPort 8080 --boundHost -all- 3.在pc端浏览器中输入：localhost:8080 4.点击 debug client user interface 后面的链接 5.在需要调试的页面内部加入 <s...
2018-03-01 15:45:00
91
转载 58.websoket实现的客服 实现了发文字消息和图片
客户端是用react实现的， 关键代码 websoket class WS { constructor() { this.ws = null; this.openHandler = null; this.messageHandler = null; this.errorHandler = null;...
2018-02-05 11:51:00
70
转载 57.html5实现抽奖转盘
原链接：http://www.cnblogs.com/bingwei/p/4830932.html 我修改了一点点，无聊将俩图片改成了css实现 链接: https://pan.baidu.com/s/1c2vVapE 密码: bf2f 效果图： 转载于:https://www.cnblogs.com/famLiu/p/7569885.html...
2017-09-21 17:52:00
152
转载 56.js中Math取整，四舍五入等
Math.abs() //Math.abs(x) x任意值 返回绝对值 Math.ceil()//Math.ceil(x) 向上取整，四舍五入 Math.cos()//余弦 Math.floor()//Math.floor(x) 向下取整 Math.max()// Math.max(...arg) 0个或多个参数返回最大的那个 Math.min()// Math.mi...
2017-09-21 15:04:00
81
转载 55.every，filter，forEach，map,some,reduce,slice
数组方法： <script type="text/javascript"> var arr = new Array(1,2,3,4,5) //concat() 将元素加入到数组中 arr = arr.concat(6) // arr = arr.concat(7,8) ...
2017-09-18 17:02:00
45
转载 54.get set
当程序查询对象属性时调用get方法,如果只有get方法那么他是一个只读属性，//程序对对象属性进行赋值操作时调用set方法，如果只有set方法那么他是是一个只读属性 <script type="text/javascript"> var p = { x:1.0, ...
2017-09-18 15:38:00
44
转载 53.一个挺有意思的api（drag）
HTML <div id="div2" ondrop="drop(event)" ondragover="allDrop(event)"> <img id="drag1" src="img/img_w3slogo.gif" draggable="true" ondragstart="drag(event)" width="336" hei...
2017-09-12 15:59:00
51
转载 52.var，let，const
//var 没有块级作用域的概念 var x = 1 { var x = 2 } console.log(x)//2 //let const有块级作用域 let y = 1 ...
2017-09-12 11:41:00
39
转载 51.关于display属性的一点点总结，看代码
CSS .display{ border: 1px solid; margin-bottom: 3px; } .inline-block{ display: inline-block; ...
2017-09-12 11:17:00
113
转载 50.给前面的一个hover菜单加了一个小动画
HTML <div class="pop-con"> hover <ul class="pop"> <li><a href="#">公告</a></li> <li><a href="#">投诉</a></li&...
2017-09-12 11:07:00
107
转载 49.JSON.parse的一点扩展
var jsonString = '[{"name":"John","score":51},{"name":"Jack","score":17}]'; var data = JSON.parse(jsonString, function(key, value) { return key === 'name' ? value.toUpperCase() : val...
2017-09-12 11:03:00
64
转载 48.reduce排序，去重，取最大值
var arr = [2,4,1,-1,9] //取最大值 var maxValue = arr.reduce(function(a,b){ return a>b?a:b }) console.trace('maxValue->',maxValue) //数组去重 var arr1 = [2,3,4,5,6,7,4,6,3] let $arr1 =...
2017-09-12 10:58:00
232
转载 46.纯css实现瀑布流(flex)
效果图 HTML <div class="masonary"> <div class="clumn"> <div class="item"> <div class="item__content" style="height: 100...
2017-09-05 10:49:00
193
转载 45.使用webpack,react，redux搭俩个界面
先介绍一个脚手架链接奉上:generator-react-webpack 使用上面的脚手架生成项目，然后替换src cfg 文件夹 和package.json 这三个文件百度云分享 链接: https://pan.baidu.com/s/1i48vb5z 密码: tya8 当然还需要更换一个有效的api请求 在src/ajax ...
2017-08-31 20:35:00
90
转载 44.一个这样的datePicker
原作者git地址https://github.com/ddd702/datePicker 自己改了一点点css，加了一点js 百度云链接: https://pan.baidu.com/s/1i5DuRtz 密码: xytm html(不能使用input，因为里面时间赋值的时候使用的是text) <div class="" id="startTime">...
2017-08-29 11:21:00
79
转载 43.关于浮点数的乘除法预算误差，一个看似没什么问题的解决方法
commission是一个浮点数，在进行乘除法预算的时候会存在误差，下面是我的解决方法 转载于:https://www.cnblogs.com/famLiu/p/7447339.html
2017-08-29 11:14:00
423
转载 42.分页插件修改
HTML,CSS 详情 篇41 *忽略注释，毕竟只是看心情的的标注 只有js变化 /* * 分页插件 paginator.js version:1.0 author:lgw */ (function($) { "use strict"; $.fn.paginator = function(opt...
2017-08-24 14:42:00
56
转载 41.js写了一个分页插件
HTML <div id="page-wrapper" ></div> <div class="form-content" id="con" style="min-height: 100px;"> <div class="item">145611</div> ...
2017-08-23 15:29:00
87
转载 40.canvas drawReact
css *{ margin: 0; padding: 0; margin-top: 10vh; } body{ text-align: center; } canvas{ margin: 0 auto; border: 1px solid #CCCCCC; } js <scrip...
2017-08-23 11:41:00
135
转载 39.canvas画个饼图
css *{ margin: 0; padding: 0; margin-top: 10vh; } body{ text-align: center; } canvas{ margin: 0 auto; border: 1px solid #CCCCCC; } js <scri...
2017-08-23 11:39:00
58
转载 38.canvas
css *{ margin: 0; padding: 0; margin-top: 10vh; } body{ text-align: center; } canvas{ margin: 0 auto; border: 1px solid #CCCCCC; background: #FF...
2017-08-23 11:35:00
98
转载 37.bootstrapTable参数配置
window.operateEvents = { 'click .use': function (e, value, row, index) { console.log('useClick') }, 'click .remove': function (e, value, row, index) { cons...
2017-08-22 15:24:00
146
转载 36.一个promise
var Promise = function(){ this.doneList = []; this.failList = []; this.state = 'pending'; }; Promise.prototype = { constructor:'Promise', resolve:fu...
2017-08-22 15:14:00
70
转载 35.jsx转js，在使用webpack打包
注：配置webpack在第34篇 如何将将jsx文件转换为js文件，33篇有介绍如何babel转换 其实只要一个npm script 就可以了，webpack.config.js并不需要改动 "scripts": { "jsxTrans":"babel --presets react jsx --out-dir funcjs",//这里 "build": "...
2017-08-21 15:53:00
337
转载 34.自己配一个webpack
1.创建项目并生成package.json $ mkdir webpack-demo0 && cd webpack-demo0$ npm init -y$ npm install lodash --save-dev 生成的package.json { "name": "webpack-demo0", "version": "1.0.0", ...
2017-08-21 11:39:00
90
转载 33.react
就是一个简单的web项目 react.js 文件下载地址https://github.com/facebook/react/releases 我下载的是最新的15.6 另外还需要安装jsx语法的tranformer，sx文件转换为js文件 具体步骤如下 1. 安装node.js (为了使用npm包管理器); 2. 命令行cd进入项目目录; 3.安装 jsx语法tr...
2017-08-17 11:07:00
70
转载 32.一个简单的加载动画插件
js /* loader.js version:1.0 author:lgw */(function($) { "use strict"; $.fn.loader = function(options) { return this.each(function(e) { var that =...
2017-08-16 13:32:00
82
转载 31.json导出excel
function JSONToExcel(JSONData, FileName) { //先转化json var arrData = typeof JSONData != 'object' ? JSON.parse(JSONData) : JSONData; var $excel = '<table>...
2017-08-09 16:07:00
69
转载 29.React ajax中setState
$.ajax({ url: url, type: "POST", timeout : 6000000, //超时时间设置，单位毫秒 data: JSON.stringify(json), contentType: "application/json; charset=utf-...
2017-08-04 12:16:00
145
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人