- 博客(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
192
转载 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
190
转载 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
239
转载 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
200
转载 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
87
转载 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
107
转载 62.textarea 自适应高度
//需要jQuery <textarea id="test"></textarea> <script src="./libs/jquery.min.js"></script> <script> (function ($) { $.fn.autotextar...
2019-05-15 21:21:00
61
转载 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
193
转载 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
145
转载 59.移动端调试html
1.安装weinrenpm install -g weinre2.启动weinreweinre --httpPort 8080 --boundHost -all-3.在pc端浏览器中输入：localhost:80804.点击 debug client user interface 后面的链接5.在需要调试的页面内部加入<s...
2018-03-01 15:45:00
127
转载 58.websoket实现的客服 实现了发文字消息和图片
客户端是用react实现的，关键代码 websoketclass WS { constructor() { this.ws = null; this.openHandler = null; this.messageHandler = null; this.errorHandler = null;...
2018-02-05 11:51:00
93
转载 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
198
转载 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
115
转载 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
82
转载 54.get set
当程序查询对象属性时调用get方法,如果只有get方法那么他是一个只读属性，//程序对对象属性进行赋值操作时调用set方法，如果只有set方法那么他是是一个只读属性 <script type="text/javascript"> var p = { x:1.0, ...
2017-09-18 15:38:00
70
转载 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
77
转载 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
61
转载 51.关于display属性的一点点总结，看代码
CSS.display{ border: 1px solid; margin-bottom: 3px; } .inline-block{ display: inline-block; ...
2017-09-12 11:17:00
140
转载 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
151
转载 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
86
转载 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
275
转载 47.一个h5画板
效果图整理好写转载于:https://www.cnblogs.com/famLiu/p/7488510.html
2017-09-07 10:44:00
85
转载 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
230
转载 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
133
转载 44.一个这样的datePicker
原作者git地址https://github.com/ddd702/datePicker自己改了一点点css，加了一点js百度云链接: https://pan.baidu.com/s/1i5DuRtz 密码: xytmhtml(不能使用input，因为里面时间赋值的时候使用的是text)<div class="" id="startTime">...
2017-08-29 11:21:00
113
转载 43.关于浮点数的乘除法预算误差，一个看似没什么问题的解决方法
commission是一个浮点数，在进行乘除法预算的时候会存在误差，下面是我的解决方法转载于:https://www.cnblogs.com/famLiu/p/7447339.html
2017-08-29 11:14:00
503
转载 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
80
转载 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
110
转载 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
188
转载 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
81
转载 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
138
转载 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
188
转载 36.一个promise
var Promise = function(){ this.doneList = []; this.failList = []; this.state = 'pending'; }; Promise.prototype = { constructor:'Promise', resolve:fu...
2017-08-22 15:14:00
99
转载 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
428
转载 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
139
转载 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
102
转载 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
114
转载 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
125
转载 30.边捡OC边学Swift
。。。转载于:https://www.cnblogs.com/famLiu/p/7298102.html
2017-08-07 10:59:00
76
转载 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
187
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人