
web开发
发福的熊猫
java、C#、前端开发工程师,主职前端开发
展开
-
基于flash的uploadify-v3.2.1上传
因为公司项目需要上传文件,所以用了基于flash的uploadify-v3.2.1版本开发的,现做下笔记,代码中有参考其他网友写的demo,所以直接拿代码来用了。需要注意的是电脑必须得安装flash控件(基于html5的uploadify版本居然要收费5美元,鄙视一下)。 js引用:<link href="../JS/uploadify-v3.2.1/uploadify.c...原创 2018-08-10 15:10:15 · 601 阅读 · 0 评论 -
js 各种工具方法
/** * 获取浏览器位数 */function getBrowserBit(){ let version = window.navigator.platform; if(version.indexOf('32') != -1){ return 32; } else if(version.indexOf('64') != -1){ r...原创 2018-11-21 15:58:34 · 243 阅读 · 0 评论 -
EasySlides插件使用
1.css<link href="jquery.easy_slides.css" rel="stylesheet" type="text/css" />2.js<script type="text/javascript" src="jquery.js"></script><script type原创 2018-11-15 11:12:03 · 1912 阅读 · 0 评论 -
Vue实现自定义拖拽元素
在其他网友的基础上改的,实现在格边缘上实现拖拽功能//html<div class="video_box" @mousemove="onMoveBoxBefore">//jsonMoveBoxBefore(e) { let box = e.target; let _xl = e.offsetX, _xr = box.clientWidth - e.offs...原创 2018-11-29 18:30:57 · 2766 阅读 · 0 评论 -
百度api获取天
http://api.map.baidu.com/telematics/v3/weather?location=城市名称&output=json&ak=调用说明ajax调用location后面是城市名称ak后面是自己申请的密匙返回数据是json数据接口详情可看百度天气预报接口使用详细 ...原创 2018-12-04 16:45:50 · 1152 阅读 · 0 评论 -
IIS部署Vue项目后非history模式下刷新404
配置URL重写规则1.检查在iis是否安装了URL重写工具,如果没有安装则安装,否则无法解决。怎么安装可参考 iis url重写安装2.添加URL重写规则方式一:直接在在iis上配置规则,怎么配置可网上查找方式二(推荐):.在发布后的VUE项目根目录下添加的web.config配置文件,内容如下<?xml version="1.0" encoding="utf-8"?&...原创 2018-12-21 10:58:20 · 1827 阅读 · 0 评论 -
Vue提示Expected Boolean, got String
提示错误为type check failed for prop "XXX". Expected Boolean, got String.既:属性“XXX”类型检查失败。预期的布尔值,得到字符串。很明显“XXX”这个属性希望得到类型是布尔类型,结果得到了字符串。解决方法就是在“XXX”这个属性前面加上“ : ”即可...原创 2018-12-27 14:34:50 · 24260 阅读 · 5 评论 -
Vue Cli3.0 使用jquery
注意这里配置的是vue-cli3.0引入jquery的方法,不是vue-cli2.0的配置方法一、安装jquery npm install jquery --save二、一般安装成功后在package.json文件内的dependencies项中会有"jquery": "^1.12.4",如果没有可以手动添加。需要注意的是,现在我们都是直接使用模板创建项目的,所以第一步是可...原创 2018-11-15 09:39:34 · 26581 阅读 · 11 评论 -
js颜色渐变实现
/** * 颜色渐变 * num:颜色个数 */function fColorGradualChange(startColor, endColor, num) { var rgb = /^rgb|RGB\((([0-9]|[1-9]\d|1\d\d|2([0-4]\d|5[0-5])),){2}([0-9]|[1-9]\d|1\d\d|2([0-4]\d|5[0-5]))...原创 2018-11-02 17:40:59 · 5241 阅读 · 0 评论 -
uploadifive参数说明
记录一下uploadifive参数说明,用的蛋疼,记录一下,用来下次研究,网上下载的,不知道是不是官网的原版JS,因为我需要额外传递参数到后台并返回数据到前段进行解析,所以用起来一堆问题,感觉5$完全不值,看看源码自己都可以写了。JS引用<link type="text/css" href="../JS/uploadifive/uploadifive.css" rel="style...原创 2018-08-14 15:33:12 · 14942 阅读 · 0 评论 -
基于html5或falsh实现大小文件上传的webuploader控件使用
项目中要用上传控件,网上找了很多,但大部分基于falsh的,html5的虽然有,但是好用的没几个,要么存在问题;后来找到了百度团队的webuploader控件,觉得还不错,能实现自动判断是否分片上传,无论大文件还是小文件上传都可,现做个笔记,,方便下次使用,代码中有参考一位网友写的demo,是哪位忘记了!非常抱歉,在此做下声明!注:我在项目中使用的是基于webuploader控件的image-...原创 2018-08-29 11:31:16 · 1989 阅读 · 1 评论 -
Vue学习踩坑记录
学如逆水行舟,不进则退。进了新公司,里面都是高材生,我这种菜鸟得跟上脚步才行,努力追赶,上一家公司用的技术太low了,现在的新公司用了vue,学习一下,踩坑中。。。一、Vue项目环境搭建二、Vue项目问题集 ‘webpack-dev-server’不是内部或外部命令,也不是可运行的程序或批处理文件 三、Vue组件之间的通信交互...原创 2018-09-12 15:12:23 · 244 阅读 · 0 评论 -
Vue组件之间的通信交互
Vue组件之间的通信,我目前只知道两种,一种是$emit,父与子组件之间的通信交互,亦可实现通过”子——父——子“实现兄弟组件通信交互;第二种是Vuex,通过Vuex的核心store可实现任何组件之间的通信交互,不区分子父组件还是兄弟组件之间。需要注意的是,Vuex适合中大型项目,或者项目中组件之间通信交互比较多的话可以用,通信交互比较少的话还是用第一种吧!demo以后写,现在上班时间,嘿...原创 2018-09-12 15:21:21 · 323 阅读 · 0 评论 -
Vue项目环境搭建
参考两位网友的内容:第一位网友内容第二位网友内容一、安装Node.js(js的运行环境)1.在Node.js官网https://nodejs.org/en/download/下载安装包。2.下载后进行安装。3.打开命令行,输入node -v可以查看到版本号。输入npm –v可看到npm版本号。新版的Node.js已自带npm(类似.net中的nuget包管理器),安装Node...原创 2018-09-17 17:02:49 · 300 阅读 · 0 评论 -
HTML5 source标签src属性值更改无效
最近有个同事问我,为什么动态更改video里面source的src属性无效,还是播放原来的视频,相信很多人和我一样,基本没用过source这个标签,所以当我发现的时候也觉得很奇怪很郁闷,当时解决的办法就是不要source标签还是用video。后来研究了一下发现了解决办法,那就是不能使用jquery的方式去改src值,要用js原始的方式去更改。当video和source标签同时存在时,使用jqu...原创 2018-09-15 10:23:59 · 9165 阅读 · 2 评论 -
window.open使用技巧
因为公司项目有个功能必须得用open才能实现,所以记一下一些关键的坑一、有时可能出现open出来的新窗口不置顶,可使用:window.focus(); //父窗体获得焦点,open打开的窗口才会置顶二、调用open后返回新窗口对象 想要得到新窗口对象就要将url设置为空,并且,窗口打开后也不能通过newwindow.location.href = url来重新设置url,否则这...原创 2018-09-27 20:00:51 · 648 阅读 · 0 评论 -
layer.confirm回车事件触发确定
layer.confirm('是否确定删除?',{ btn:['确认','取消'], success:function(){ this.enterEsc = function (event) { if (event.keyCode === 13) { $(".layui-layer-btn0").click(); return false; //阻止系统默认回车事...转载 2018-10-09 11:08:51 · 7112 阅读 · 3 评论 -
前端请求下载文件不存在后台返回js脚本
$(".download").attr('href', url); _respose.ContentType = "text/html; charset=utf-8";_respose.Write("<script type=\"text/javascript\">alert('文件不存');window.history.back(-1);</script>"原创 2019-01-26 10:11:25 · 1410 阅读 · 0 评论