- 博客(107)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 单个图片url 文件下载
普通图片url 会被浏览器默认打开并预览，本文目标为实现点击下载按钮 已文件下载的形式 将图片下载到本地let name = data.pictureId + ((data.templateName && data.templateName) || ''); let image = new Image(); image.crossOrigin = 'Anonymous'; image.onload = function () { let canv
2021-09-30 10:48:47
255
原创 前端-通过url实现压缩下载
拿到一个图片列表（内容为cdn 图片url）目标：纯前端下载压缩包此文系，转载整理所得，后续找不到出处了，再次感谢大神的付出import JSZip from 'jszip';import FileSaver from 'file-saver';const zip = new JSZip();let cache = {};let promises = [];this.loading.start();await _imageList.forEach(item => { const
2021-09-30 10:44:09
742
原创 git操作
1.git fetch 获取所有分支2.git branch -a 查看所有分支3.git clone xxx克隆远程分支到本地4.fork 开发eg:别人的仓库A fork的仓库B 本地仓库 Cgit clone Bgit remote add name(tuhu) A的git地址git fetch tuhu 拉取仓库A 的 所有分支5.npm i --registry=h...
2019-11-21 14:11:05
147
转载 文件上传
responseType: 'arraybuffer'let time = getFormatTime(new Date(), 'ymd');let fileName = '产品库数据导出' + time + '.xls';let upFile = new File([res], fileName, {type: "application/vnd.ms-excel"});let rea...
2019-07-15 11:13:51
223
1
转载 iview-时间选择器，不可设置时间
<FormItem label="销售时间" :label-width="80"> <DatePicker type="date" :options="startTime" @on-change="changeStartTime" v-model=&a
2018-12-12 13:56:03
1959
原创 vuex-学习
state访问状态对象 1.计算属性computedcomputed:{ count(){ return this.$store.state.count; }}2.通过mapState的对象来赋值import {mapState} from 'vuex';computed:mapState({ count:state=>state.co...
2018-08-22 17:38:31
270
原创 Chrome 中文界面12px
Chrome 中文界面下默认会将小于 12px 的文本强制按照 12px 显示, 可通过加入 CSS 属性-webkit-text-size-adjust: none;
2018-07-12 13:53:01
491
原创 placeholder
.tag-filter-name input::-webkit-input-placeholder { /* WebKit browsers */ color:#999; font-size: 12px; } .tag-filter-name input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:...
2018-06-25 11:13:48
304
原创 webstorm使用规范
1.webstorm的index.html文件变成了文本模式WebStorm->Preferences…->Editor->File Types里右上部分Recognized File Types里选择Text右下部分Registered Patterns选择你要改格式的文件，底下-(remove掉)，Apply就可以。作者：chenqiuling 链接：https:/...
2018-05-11 17:11:12
649
原创 vue2.x 动态添加属性值--
案例: 页面添加全选按钮,需要为每一个item绑定一个checkbox this.$set(item, 'isCheck', false)此处使用的eleme的组件库<el-checkbox v-model="cell.isCheck" @click="cell.isCheck = !cell.isCheck"></el-checkbox>只有使用以...
2018-04-02 10:59:15
2578
原创 vue 响应式检查
vue官网解释检测变化的注意事项 this.$set(this.someObject,’b’,2) 向this.someObject 添加一个属性 b 值为 2 否则,数据变化无法检测
2018-03-20 16:38:32
323
原创 vue 绑定v-for 循环内部的值
<template **v-show="addresses.length > 0"**> <li class="market-adress-wrap fl" **v-for="(item,index) in addresses" :key="index"**> <input **v-model="addres
2018-03-20 15:10:40
2356
原创 chrome跨域
1.在电脑上新建一个文件夹,存放解除安全模式的chrome/Users/yourPcName/Documents/dory_2017/soft/chrome/MyChromeMyChrome是我起的名字 2.在doc中执行以下代码open -n /Applications/Google\ Chrome.app/ --args --disable-web-security -
2018-01-26 10:58:27
444
原创 webpack创建本地服务器
1.初始化项目 `npm init 2.安装webpack,建议全局安装npm install webpack --save-dev3.配置package.json{ "name": "game", "version": "1.0.0", "description": "'aa'", "main": "index.js", "scripts": {
2018-01-26 10:40:40
1151
转载 scroll滚动条美化
/自定义滚动条/ .scrollbar { overflow-y: auto; } .scrollbar::-webkit-scrollbar { width: 6px; background-color: rgba(217,217,217,0.3); } .scrollbar::-webkit-scrollbar-thumb { backgroun
2017-12-26 15:00:58
5641
转载 cnpm
国内使用 npm 速度很慢，你可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:$ npm install -g cnpm --registry=https://registry.npm.taobao.org$ npm config set registry https://registry.npm.taobao.org这样就可以使用 cnpm 命令来安装模块了：
2017-10-23 15:54:04
338
转载 angular 跳转
路由定义$stateProvider .state('page1', { url: '/page1', templateUrl: 'views/page1.htm', controller: 'page1Ctrl' }) .state('page2', { url: '/page2/:type', templateUrl: 'v
2017-10-11 15:16:02
2913
原创 nodejs
1.在node的安装目录下创建node_global和node_cache两个文件夹 2.启动cmd 输入npm config set prefix "C:\Program Files\nodejs\node_global"npm config set cache "C:\Program Files\nodejs\node_cache"3.环境变量系统变量下新建"NODE_PATH"，输入”
2017-09-21 10:19:34
229
转载 table制作
1.tbody滚动条<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>转载自·威易网CSS教程</title></head><body><table width="80%" border="1" cellspacing="0"> <
2017-06-23 16:31:15
415
原创 JavaScript 循环
for in循环 当使用 for in 循环遍历对象的属性时，原型链上的所有属性都将被访问。 hasOwnProperty 是 JavaScript 中唯一一个处理属性但是不查找原型链的函数。 ({}).hasOwnProperty.call(foo, ‘bar’);
2017-05-18 10:13:10
223
原创 利用padding margin 布局
<div class="box"> <div class="left"></div> <div class="right"></div></div>.box{ padding-left:230px;}.left{ margin-left: -230px;}关于兼容后续补充
2017-05-17 10:03:59
254
转载 XmlHttpRequest
1.XmlHttpRequest创建function CreateXmlHttp() { //非IE浏览器创建XmlHttpRequest对象 if (window.XmlHttpRequest) { xmlhttp = new XmlHttpRequest(); } //IE浏览器创建XmlHttpRequest对象 if (window.Act
2017-03-29 17:29:54
291
原创 多行截断
.ellip-line { /*禁止换行*/ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}.ellip-lines { overflow: hidden; text-overflow: ellipsis; word-break: break-all; display: -webkit
2017-03-20 11:28:40
445
原创 方法记
方法记: 1.判断传入的对象是否是函数function isFunction( obj ) { return typeof obj === 'function'; }2.去除字符串两头空格function trim(str){return str.replace(/(^\s*)|(\s*$)/g,"");}3.将 Date 转化为指定格式的String/* * 【将 Date 转化为指定格式的S
2017-01-17 10:41:03
383
原创 json-server
1.json-server模拟后端数据json-server --watch todos-data.json浏览器访问:http://127.0.0.1:3000/todos
2017-01-06 08:09:55
1771
原创 正则
十个汉字tLength: function (element) { return /^[\u4e00-\u9fa5]{1,10}$/.test(element.value) || {"error": "10个汉字内"};}
2016-12-28 14:59:21
395
转载 js刷新页面
Javascript刷新页面的几种方法：1 history.go(0) 2 location.reload() 3 location=location 4 location.assign(location) 5 document.execCommand(''Refresh'') 6 window.navigate(location) 7 loc
2016-12-23 11:52:17
413
原创 截取url参数
getUrl: function (orderStatus) { var reg = new RegExp("(^|&)" + orderStatus + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r != nu
2016-12-08 10:48:53
614
原创 时间插件-bootstrap-datetimepicker2.3.11
时间插件之结束时间不能小于开始时间changeDate: function (starttime,stoptime) { //判断时间的大小弹窗提示用户 var _t = this; if(stoptime != '' && starttime != ''){ if(stoptime < starttime){
2016-11-19 09:48:32
1120
原创 typehead.js 0.11.1
typehead.js 1. typehead.js的机制主要是当keyup的时候拿到数据,然后展示在对应的位置,我们引用这个插件之后需要做的只有一件事,那就是怎么引用数据 2. 关于 引用数据,分为本地数据,ajax数据,remote数据(暂时我能理解并运用的几种)1.ajax数据(最易理解)ajaxData: function () { var _t = this;
2016-11-19 09:39:13
2354
转载 事件冒泡 默认事件
原文出处 1、禁止事件冒泡 function stopBubble(e) { //如果提供了事件对象，则这是一个非IE浏览器 if ( e && e.stopPropagation ) //因此它支持W3C的stopPropagation()方法 e.stopPropagation(); else
2016-10-18 08:52:28
332
转载 javascript 数组的基本处理函数
原文出处: imweb Array.push();添加元素在数组最后，并返回数组新的长度 Array.pop();删除最后一个元素，减小数组长度，并返回最后一个元素 Array.unshift();在数组前面添加元素 Array.splice(n,x); //n数组下标 x删除几个 从n开始删除 (x=1时,表明删除当前下标为n的元素) indexOf() 搜索整个数组中具有给定制的元素，
2016-10-17 08:52:33
293
原创 count(1)(3)(7)
function count(num){ function func(num2){ return count(num*num2); } func.toString = function(){ return num; }; return func;}//alert(count(1)(3)(7));//21
2016-10-13 14:05:41
438
原创 实时监测输入字符个数
textareaL: function () { var ipt_imer, _t = this; $doc.on('keyup', '.proDetails textarea', function() { var _ipt = $(this); ipt_imer && clearTimeout(
2016-09-29 15:23:57
872
原创 字符串汉字记数
var strLength = function (str) { //此处的正则是为了匹配全角字符 var aMatch = str.match(/[^\x00-\x80]/g), strLen = (str.length + (!aMatch ? 0 : aMatch.length)); return strLen ;}
2016-09-29 15:15:44
342
原创 转义html字符
var htmlspecialchars = function(str) { if(!str) { str = ''; } str = str.replace(/&/g, '&'); str = str.replace(/</g, '); str = str.replace(/>/g, '>'); str = st
2016-09-29 14:22:26
209
转载 多行文本溢出省略号
htmlfigcaption">You probably can't do it (currently?) without a fixed-width font like Courier. With a fixed-width font every letter occupies the same horizontal space, so you could probably count
2016-09-23 20:25:50
296
编写可维护的javascript中文完整版
2016-11-24
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人