sugang666的博客

原创 React高阶组件浅显理解(附加自己的Demo)

高阶组件1.函数可以作为参数被传递 setTimeout(() => { console.log(1) }, 1000 );2.函数可以作为返回值输出function demo(x){ return function(){ return x; } }//高阶函数的应用//时间函数se...

原创 手机端flex布局

Strive https://caniuse.com 查看css某个属性，兼容情况传统的(盒子模型)盒子模型：box-sizing:content-box 平时普通盒子模型，padding，border,盒子会变大(向外扩展)box-sizing:border-box 盒子模型 padding border,盒子模型不变大(向内扩展)flex布局父级 dis...

原创 自动化部署

jenkins

原创 JS弱类型语言遇到的问题

原创 渐变线

原创 uni picker 遮罩从下滑出

<template> <view class="content"> <button @click="open">open</button> <view class="mask" v-if="toogle" @click="open"></view> <view class="picker" :class=...

原创 Git常用指令（亲测有用）

全局添加用户名： git conifg --global user.name 'XX'全局添加邮箱： git config --global user.email 'xxxx@qq.com'初始化仓库: git init 下载项目： git clone 项目地址查看状态: git status添加文件: git add .提交到版本库： git c...

原创 Vue项目配置vux -----------------完整的webpack.base.conf.js文件

'use strict'const path = require('path')const utils = require('./utils')const config = require('../config')const vuxLoader = require('vux-loader')const vueLoaderConfig = require('./vue-loader.co...

原创 个人能力

原创 Vue打包过程

Vue过程控制系统打包过程(React大同小异,只不过生成的是build文件)1.修改网络接口地址(发布版)2.npm run build生成dist文件3.在dist文件目录下 1>重命名index.html为gckz.html 2>重命名static文件夹为gckz 3>进入gckz目录打开css和js文件夹,删除后缀是map的文件,(可以理解为删除缓存)...

原创 轮循ajax

原创 react 使用localStorage

const storage=window.localStorage;if(storage!=undefined){if(storage.hasOwnProperty("cid")&&storage.getItem("cid")>0){this.setState({toogle:false})}}else{this.setState({too...

原创 声明动态变量

原创 npm 安装依赖的时候 一定要注意加空格,加空格,加空格

npm install --save react-dndnpm install --save react-dnd-html5-backendnpm i 自动安装所有的依赖

原创 ES5复习总结,严格模式,JSON对象,Object扩展,Array扩展,Function扩展

&lt;!-- 严格模式1. 理解: * 除了正常运行模式(混杂模式)，ES5添加了第二种运行模式："严格模式"（strict mode）。 * 顾名思义，这种模式使得Javascript在更严格的语法条件下运行2. 目的/作用 * 消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为 * 消除代码运行的一些不安全之处，为代码的安全运行保驾护航 * 为未来...

原创 js 根据不同的条件进行排序

//302-1234 去除单个'-'然后根据大小排序sorter: (a, b) =&gt; a.bianhao.replace("-","") - b.bianhao.replace("-",""),//2018-02-03去除所有'-'然后根据大小排序sorter: (a, b) =&gt; a.inputtime.split("-").join('') - b.inputti..

原创 ES6 过滤掉两个数组中对象id相等的值

let arr1=[ { id:1, name:"苏罡", hobby:[ {id:1,name:"打篮球"}, {id:2,name:"吃饭"}, {id:3,name:'喝水'}, ] }, { id:2, name:"邓超", hobby:[ {id:1,name:"睡觉"}, {id:2,n...

原创 css总结

Css常用样式Width：30px；宽度Height：30px；高度line-height:30px;行高padding:30px;内边距 padding-top padding-leftmargin:30px;外边距 margin-top margin:auto;（一般跟在宽度后边设置左右居中）float:left;左浮动 应用于子元素，自身floa...

原创 es6深度克隆对象(数组) 和 双层数组模糊查询

es6深度克隆对象(数组)deepClone(obj){let newObj= obj instanceof Array?[]:{};for(let i in obj){newObj[i]=typeof obj[i]=='object'?this.deepClone(obj[i]):obj[i];}return newObj;}双层数组 模糊查询使...

原创 vue 生命周期 Router个人总结

Vue生命周期：  beforeCreate:组件实例刚被创建，组件属性计算之前，如data属性等。create:组件实例创建完成，属性已经绑定，但dom还未生成，$el属性还不存在beforeMount：开始挂载变异生成的HTML到对应位置时触发的钩子函数(模板编译/挂载之前)mounted:模板编译/挂载之后(不保证组件已在document中)此时可以进行发送ajax请求获取数据的...

原创 js封装定时器 (同一页面多处引用)

demo1 &lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;JS实现倒计时(天数,时,分,秒)&lt;/title&gt; &lt;/head&gt;&lt;body&gt; &lt;h2&

原创 前端二维码逻辑

&lt;script&gt;function oa_manage(){ criterion_action = 'OaManage'; $.ajax({url:'__APP__/OaManage/index', dataType:'json', success:function(data){ CreatDialog(data.html,'oa_manage'); } })}//...

原创 react creact-react-app 构建完项目后,npm start启动失败

使用create-react-app创建的React项目时，有时在安装完其他组件后，再次运行 npm start 命令时会报以上错误，让我很郁闷，不过在上网搜了这个错后原来：是create-react-app有丢包的缺陷，手动安装包后，需要重新npm install一下，这样node_modules/.bin/目录下才会重新出现react-scripts的文件，这样npm start命令才...

原创 JS 闭包

闭包是指有权访问另一个函数作用域中的变量的函数特性:函数的局部变量在函数返回之后仍然可用 栈上的内存空间在函数返回之后仍在存在，不被回收 闭包有两种基本情况：闭包的返回值是一个函数，它其中使用了该闭包的局部变量；闭包内定义了内部函数，内部函数引用了闭包的局部变量 每次函数调用，都会生成一个新的闭包，分配新的内存我个人认为闭包最大的用处就是防止对全局作用域的污染...

原创 vue 封装 自定义的无限下拉组件

&lt;!--自定义的无限下拉组件--&gt;&lt;template&gt; &lt;div :class="domClass" ref="myScroll" @scroll="load"&gt; &lt;slot&gt;&lt;/slot&gt; &lt;/div&gt;&lt;/template&gt;&a

原创 轮播无缝滚动

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset="utf-8"&gt;&lt;title&gt;轮播&lt;/title&gt;&lt;style type="text/css"&gt; * { margin:0px;

原创 电脑快捷键

F2 当你选中一个文件的话，这意味着"重命名"F3 当你在桌面上的时候是打开"查找:所有文件" 对话框F10或ALT 激活当前程序的菜单栏F11 所打开的网页(退出)全屏F12在编辑好Excel或Word文档可"另存为"Win键或CTRL+ESC 打开开始菜单CTRL+ALT+DELETE 打开任务管理器ALT+F4 关闭程序对话框DELETE 删除被选择的选择...

原创 js随机抽奖

&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;&lt;html&gt;&lt;head&gt;&lt;meta http-equiv="Content-Type" content="text/html; ch

原创 替换json的字符串的双引号为单引号

function htmlspecialchars(str) { str = str.replace(/&amp;/g, '&amp;amp;'); str = str.replace(/&lt;/g, '&amp;lt;'); str = str.replace(/&gt;/g, '&amp;gt;'); str = str.rep...

原创 vux 下设置 移动端 rem，自动更改html font-size(main.js下添加)

(function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function () { var clientWidth = docEl.clie...

原创 node下vue 搭建vux build/webpack.base.conf.js配置文件

'use strict'const path = require('path')const utils = require('./utils')const config = require('../config')const vuxLoader = require('vux-loader')const vueLoaderConfig = require('./vue-loader.c...

原创 JS prototype原型

每个函数/对象都有一个prototype(原型)属性指针指向的就是prototype对象所有创建在prototype上的属性和方法都将被所有对象实例分享构造函数和原型混合使用使用构造函数定义对象的属性，使用原型（prototype）定义对象的方法，这样就可以做到属性私有，方法共享书写语法     构造函数名.prototype.xxx = xxx ;function ...

原创 js 创建对象的的方式

1.直接给对象扩充属性和方法(对象字面量)var person={ name:'苏罡', age:22, sex:"男", hobby:["打篮球","读书","吹牛"] }　 console.info(person);2.工厂方式function Person(name,age,sex,hobby){...

原创 jQuery性能优化

1. 总是从ID选择器开始继承在jquery中最快的选择器是ID选择器. 因为它直接来自于Javascript的getElementById()方法.&lt;div id=“content”&gt;&lt;form method=“post” action=“/”&gt;&lt;h2&gt;Traffic Light&lt;/h2&gt;&lt;ul id=“traffic_lig...

原创 禅道 js引入 甘特图

  1.引入插件&lt;link href="jsgantt.css" rel="stylesheet" type="text/css"/&gt; &lt;script src="jsgantt.js" type="text/javascript"&gt;&lt;/script&gt;2..创建一个div元素来保存甘特图&am

原创 软件系统主题切换方案

原创 jq轮播 fadeIn fadeout(画面巨丑，主要看js)

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;script src="https://code.jquery.com/jquery-3.1.1.min.js"&gt;&lt;/script&gt;&lt;/head&gt;&am

原创 搭建ReactNative 开发环境 andriod版

必须安装的依赖有：Node、React Native 命令行工具、Python2 以及 JDK 和 Android Studio分别到官网下载注意:Node 的版本必须高于 8.3，Python 的版本必须为 2.x（不支持 3.x），而 JDK 的版本必须是 1.8（目前不支持 1.9 及更高版本）。安装完 Node 后建议设置 npm 镜像以加速后面的过程（或使用科学上网工具）。安...

原创 TypeSciprt 简单学习

TypeScript学习安装 TypeScript npm install -g typescript 找到文件路径编译文件 tsc hello.ts接着就会生成一个js文件;(TypeScript 编译的时候即使报错了，还是会生成编译结果，我们仍然可以使用这个编译之后的文件)1.数据类型声明 let myVar:String=”sugang” ...

原创 JS给input中的内容追加值 并且每句话后用;分割

var tmd=$("#sample_label_time_indent").find("tr").filter(".itemxuanzhong"); if(tmd.length==0){ alert("请先选择一个标签"); }else{ var id =$(".neworder #indent_parts").find("tr").filter(".i