- 博客(35)
- 收藏
- 关注
RSS订阅原创 jest 使用redux 并 connect连接时 事件的单元测试
组件部分为以下结构时，需要虚拟store测试import { connect } from 'react-redux'class App extends Component { /* ... */ }export default connect(mapStateToProps)(App)mock掉 action部分import { setPerson, delPerson } ...
2019-04-19 13:25:11
2278
原创 vue 中使用防抖和节流，防止重复点击或重复上拉加载
/** * 函数防抖 (只执行最后一次点击) * @param fn * @param delay * @returns {Function} * @constructor */export const Debounce = (fn, t) => { let delay = t || 500; let timer; console.log(fn) ...
2018-10-06 17:12:07
17508
9
原创 vue单页面之友盟代码统计
vue单页面之友盟代码统计export default { name: 'app', mounted () { const script = document.createElement('script') script.src = 'https://s95.cnzz.com/z_stat.php?id=xxxxxx&show=pic' scrip...
2018-09-17 12:09:48
1894
1
转载 js 图片转换base64 base64转换为file对象
function getImgToBase64(url,callback){ //将图片转换为Base64 var canvas = document.createElement('canvas'), ctx = canvas.getContext('2d'), img = new Image; img.crossOrigin = 'Anonymous'; img.o...
2018-08-15 16:59:17
11289
1
转载 Chrome的插件扩展程序安装目录是什么？在哪个文件夹？
Chrome的插件扩展程序安装目录是什么？在哪个文件夹？正常情况下，Chrome插件扩展程序的默认安装目录如下：1.windows xp中chrome插件默认安装目录位置: C:\Documents and Settings\用户名\Local Settings\Application Data\Google\Chrome\User Data\Default\Extensions...
2018-07-24 14:51:50
56927
2
转载 javascript 将base64编码的图片数据转换为file并提交
/** * @param base64Codes * 图片的base64编码 */ function sumitImageFile(base64Codes){ var form=document.forms[0]; var formData = new FormData(form); //这里连带form里的其他参数也一起提交...
2018-05-23 17:32:00
6455
2
原创 微信video播放视频不全屏，去掉进度条
微信内置浏览器简直了解决办法参照文档主要看的这个文档 https://x5.tencent.com/tbs/guide/web/x5-video.htmlhttps://segmentfault.com/a/1190000008782550https://zhuanlan.zhihu.com/p/27559167https://www.cnblogs.com/baiyygynui/p/632...
2018-05-18 18:52:51
11528
转载 qs.parse()、qs.stringify()使用方法
原出处:https://blog.youkuaiyun.com/suwu150/article/details/78333452qs是一个npm仓库所管理的包,可通过npm install qs命令进行安装. 1. qs.parse()将URL解析成对象的形式const Qs = require('qs');let url = 'method=query_sql_dataset_data&proje...
2018-05-16 14:00:12
1673
原创 vue引用外部js
用网易云盾的时候需要引用外部js，采用的解决办法是mounted里创建script标签往body添加jsmounted(){ const s = document.createElement('script'); s.type = 'text/javascript'; s.src = 'http://cstaticdun.126.net/load.min.js'; ...
2018-05-16 10:44:26
3127
1
转载 Firefox不支持event解决方法
//火狐上的用调试的小问题。alert();的使用alert();当里面没有参数时会在火狐中无法运行，IE可以。alert(”);有参数火狐才会执行，在火狐调试时要特别注意。1)eventevent.srcElement从字面上可以看出来有以下关键字：事件,源他的意思就是：当前事件的源，我们可以调用他的各种属性就像:document.getElementById(””)这样的功能，经常有人问fire
2018-04-11 16:13:55
2429
原创 phpstorm+xdebug入门调试
1.准备PHPSTORM版本 : 8.0.3 PHP版本 : 5.5.12 xdebug版本：php_xdebug-2.2.5-5.5-vc11.dll 注 : php版本和xdebug版本一定要相对应。我这里用的是wampserver，PHP与xdebug均已下载。 * :下载xdebug地址2.配置php.ini找到php.ini所在的目录，在该文件的最后添加以下文本（如
2018-01-30 13:31:38
247
转载 JS通过正则限制 input 输入框只能输入整数、小数(金额或者现金)
第一： 限制只能是整数[js] view plain copy"text" name= "number" id = 'number' onkeyup= "if(! /^d+$/.test(this.value)){alert('只能整数');this.value='';}" /> 如果不是整数就直接alert第二： 限制
2018-01-29 09:45:53
6051
转载 如何让图片按比例响应式缩放、并自动裁剪的css技巧
如何让图片按比例响应式缩放、并自动裁剪的css技巧同时也适用于一些轮播父容器响应式缩放响应式网站、移动端页面在DIV CSS布局中对于图片列表或图片排版时， 如果想要图片按比例缩放， 最简单的就是把img宽度设为100%， 不设置高度，高度就会自动跟着高度缩放但是如果要达到的效果是，要让图片的宽高要按一定的比例显示，如1：1 、4：3 等， 然而图片尺寸不是
2017-12-21 17:04:40
1252
转载 git 查看远程分支、本地分支、创建分支、把分支推到远程repository、删除本地分支
1 查看远程分支[plain] view plain copy$ git branch -a * br-2.1.2.2 master remotes/origin/HEAD -> origin/master remotes/origin/br-2.1.2.1 remotes/origin/br-2
2017-11-14 16:44:48
272
原创 node+sequelize实现单表多表操作
需要mysql和sequelize两个模块1.单表增删改查创建User.js,用于连接和初始化var Sequelize = require('sequelize');var mysql = require('mysql'); var config = { database:'sheila', username:'root', password:'', host:
2017-10-12 10:04:09
9572
1
原创 node+express创建项目
1.全局安装expressnpm install -g express 2.全局安装express-generatornpm install -g express-generator //express4 命令工具3.express -e myTest使用express创建目录 -e是使用 ejs模板4.npm install完了后项目目录就出来了5.npm sta
2017-10-06 13:06:09
1455
转载 webpack2 实战截图+注释
实例gif图： 目录截图: 目录介绍：dist目录(最后生成的目录,里面文件为配置webpack自动生成的)：c/:css文件夹;i/:img文件夹;j/:js文件夹;src目录下(开发目录)：c/:css文件夹;l/:less文件夹;s/:sass文件夹;i/:img文件夹;
2017-08-28 17:23:03
656
转载 vue input v-model
v-model 主要用于input、textarea、select等表单控件元素上创建双向数据绑定，所谓双向绑定就是js中vue实例化的data对象的数据与其渲染的dom元素上的内容保持一致1、text 文本1234div id="app"> h1>{{message}}h1>
2017-08-28 10:39:57
12476
转载 推荐几个精致的 web UI框架
推荐几个精致的web UI框架1.AliceuiAliceui是支付宝的样式解决方案，是一套精选的基于 spm 生态圈的样式模块集合，是 Arale 的子集，也是一套模块化的样式命名和组织规范，是写 CSS 的更好方式。gitHub地址：https://github.com/aliceui/aliceui.github.io2.AmazeuiAmaze
2017-08-10 17:31:37
1805
转载 封装自己的js组件
我们来感受下JQuery为我们提供$.Extend的神奇，看看我们怎么自定义自己的组件，比如我们想扩展一个$("#id").MyJsControl({})做我们自己的组件，我们该如何去做呢，别急，我们慢慢来看看过程。一、扩展已经存在的组件1、需求背景很多时候，我们使用jquery.ajax的方式向后台发送请求，型如 $.ajax({
2017-08-08 14:33:48
506
转载 使用vmware虚拟机安装OS X 10.11
在Windows开发下开发的ipa如何上架呢，需要mac系统，所以使用虚拟机装一个方便上架苹果商店一、准备工作1、需要准备虚拟机工作站安装包;VMware workstation 10.0.2下载地址：https://yunpan.cn/cMpqBbbzEFeNA （提取码：99cc）虚拟机安装完成之后，可以在上面安装模拟各种操作系统。2、系
2017-08-03 13:55:35
2283
转载 清除浮动的几种方式
浮动元素容器的clearing问题1. 问题的由来有这样一种情形：在一个容器（container）中，有两个浮动的子元素。 在浏览器中一运行，就会出现意想不到的结果。实际视图是子元素显示在父容器的外部。2. 问题的原因与浮动定位有关。在CSS规范中，浮动定位不属于正常的页面流（page flow），是独立定位的。所以，只含有浮动元素
2017-08-02 13:58:02
310
原创 判断浏览器内核
window.onload = function() { var u = navigator.userAgent; if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) { //安卓手机 // al
2017-07-25 15:01:24
257
原创 js常用表单验证
//验证表单 function vailForm(){ var form = jQuery("#editForm"); if(!vailNickName())return; if(!vailPhone())return; if(!vailPwd())return;
2017-07-20 10:58:48
267
原创 java 微信开发获取access_token
获取微信接口@RequestMapping("wx")@Controllerpublic class WxController extends BaseController { String access_token = null; private static final String appid = "xxx"; private static final String
2017-07-14 17:04:37
485
转载 hexo+github搭建个人博客
http://blog.youkuaiyun.com/gdutxiaoxu/article/details/53576018http://www.cnblogs.com/MuYunyun/p/5927491.html#_label3参考网站其中将hexo和github连起来这个环节很重要，heox g生成 hexo d发布，使用hexo d要下载个插件，第二个链接教程有
2017-04-24 17:20:27
206
原创 小笔记
1.根据值显示选中的select option$("#select option[value='"+row.xxx+"']").attr("selected","selected");2.js中的this转换为jq中this使用function closeThis(index) { $(index).children('ul').slideUp(250);}3.java
2017-04-05 16:27:24
283
原创 使用sass需要干的事
1.使用npm安装node-sass会失败 还是使用cnpm (需要安装sass-loader 和 node-sass)npm install sass-loader --save-devnpm install node-sass --save-dev(一般都会装不上)安装cnpm：npm install -g cnpm --registry=https://reg
2017-03-28 10:42:23
1233
转载 node js允许跨域处理
http://www.tuicool.com/articles/vYBR3y解决方法如下var express = require('express');var app = express();//设置跨域访问app.all('*', function(req, res, next) { res.header("Access-Control-Allow-O
2017-03-27 11:36:58
3134
转载 js从中文中提取出数字
1.根据CharCode是否在ASCII码范围内来区分数字汉字 var str="88美元23欧元34.89人民币";var arr = new Array();var i = 0;while (i var s=""; while (str.charCodeAt(i) s=s+str.charAt
2017-03-15 11:10:47
1739
转载 webpack 的学习
1.webpack是基于node的项目,目的是把有依赖关系的各种文件打包成一系列静态资源。2. npm install -g webpack 安装我使用的是npm install webpack@2.2.0 --save-dev3.https://zhuanlan.zhihu.com/p/20367175?columnSlug=FrontendMagazine4.参照以上网站学习
2017-03-08 17:36:34
241
转载 sass less stylus css预处理器
CSS 预处理器技术已经非常的成熟，而且也涌现出了越来越多的 CSS 的预处理器框架。本文向你介绍使用最为普遍的三款 CSS 预处理器框架，分别是 Sass,Less CSS,Stylus。首先我们来简单介绍下什么是 CSS 预处理器，CSS 预处理器是一种语言用来为 CSS 增加一些编程的的特性，无需考虑浏览器的兼容性问题，例如你可以在 CSS 中使用变量、简单的程序逻辑、函数等等在编程
2017-03-08 14:22:52
338
转载 js删除数组中某一项或几项的几种方法
记录：js删除数组中某一项或几项的几种方法1:js中的splice方法 splice(index,len,[item]) 注释：该方法会改变原始数组。splice有3个参数，它也可以用来替换/删除/添加数组内某一个或者几个值index:数组开始下标 len: 替换/删除的长度 item:替换的值，删除操作的话 item为空如：arr = [
2017-03-06 15:45:02
962
原创 java学习 创建表 映射数据库实体类
1.下载数据库形象显示插件，方便改数据库，而不是操作语句去改数据库，填写用户名密码连接到自己的数据库，就可以使用了，要下载mysql，配置些东西（暂不会）。2.mybatis-generator-core这是插件，网上搜索这个将会有方法。是将数据库表转换为java实体类。
2017-02-28 14:57:02
1107
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人