38.canvas css*{ margin: 0; padding: 0; margin-top: 10vh;}body{ text-align: center;}canvas{ margin: 0 auto; border: 1px solid #CCCCCC; background: #FF...
36.一个promise var Promise = function(){ this.doneList = []; this.failList = []; this.state = 'pending'; }; Promise.prototype = { constructor:'Promise', resolve:fu...
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",...
31.json导出excel function JSONToExcel(JSONData, FileName) { //先转化json var arrData = typeof JSONData != 'object' ? JSON.parse(JSONData) : JSONData; var $excel = '<table>...
37.bootstrapTable参数配置 window.operateEvents = { 'click .use': function (e, value, row, index) { console.log('useClick') }, 'click .remove': function (e, value, row, index) { cons...
27.react 使用setState修改当前state对象的值 一般第一印象是这么写this.setState({ agu:this.state.a})但是显然并没有什么效果,因为这好像是一个异步的方法,应该像下面这么写this.setState((prevState, props) => ({ agu: prevState.a+ props.a}));转载于:htt...
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": "...
26.几个网站 1.reduxhttp://cn.redux.js.org/docs/advanced/UsageWithReactRouter.html2.redux中间件和异步http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_two_async_operations.html3.二维码https://gith...
17.css 变量 <html> <head> <meta charset="UTF-8"> <title>css</title> <style type="text/css"> :root{ --color:...
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...
32.一个简单的加载动画插件 js/* loader.js version:1.0 author:lgw */(function($) { "use strict"; $.fn.loader = function(options) { return this.each(function(e) { var that =...
16.grid布局 效果图:DOM<div class="grid"> <div class="item column-start">111</div> <div class="item row-start">222</div> <div class="item">333</div&g...
28.React使用map循环创建对象绑定click无效解决方法 var RechargeBtnEle = React.createClass({ getInitialState: function() { return {id:0}; }, handleClick(item,item1){ console.log(item,item1) }, ...
13.resize妙用(书上看到的) 上效果图准备一张类似比例的图DOM<div class="shape-9 box"> <div> <img src="img/bg-2.jpg" alt="before"/> </div> <img src="img/bg-2.jpg" alt=...
25.判断移动平台 function isAndroid() { var u = navigator.userAgent; if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) { //安卓手机 return true; } return false;}func...
11.一起来抄一个小小的提示菜单 效果图DOM<label> Your Name:<input id="username"/> <span class="callout">请不要输入特殊字符串</span></label>css label{ posi...
一些css属性,抄自某个大神忘记谁了,不好意思 CSS常用属性:字体属性:(font)大小 font-size: x-large;(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX、PD样式 font-style: oblique;(偏斜体) italic;(斜体) normal;(正常)行高 line-height: normal;(正常) 单位:PX、PD、EM粗细 font-weight: b...
18.css写的一个table(摘自大漠大神) 效果图DOM+CSS<html> <head> <meta charset="UTF-8"> <title>美化表格</title> <style type="text/css"> *{ ...
14.使用nodejs将规定格式的txt转化为json数据 这是txt文件内容注:安装nodejsbulid.js// 加载File System读写模块 var fs = require('fs');var os = require('os');//读取文件var o = fs.readFileSync('./test.txt','utf-8')//分解txt文件let arr = o....