- 博客(27)
- 资源 (2)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 js 实现 pdf 在线预览 打印 【完整版】
今天想写的内容 因为网上有用的太少了,自己半摸索的实现了【文末有源码代码下载链接】。1.说下需求:点击标题 跳转 预览的pdf 页,下载功能 可选【最好有】。2.实现结果 :3.代码实现:依赖pdf.js 【需要下载完整 控件】下载官网:http://mozilla.github.io/pdf.js/点击 ‘Download’ 到下...
2018-08-08 18:02:37
44724
3
原创 正则【拿来主义】
input 框正则控制1.数字英文字母下滑线 \w 等价于 [0-9A-Za-z_]onkeyup = “value = value.replace(/[^\w]/g,'')”2.数字 字母 [0-9A-Za-z]onkeyup = “value = value.replace(/[^0-9A-Za-z]/g,'')”
2022-02-07 11:13:23
308
原创 iframe缓存问题,重新加载框架!!!!
神吐槽,现在是2019 三大框架 前端三鼎盛世,而我今天 被交接了一个 easyui iframe 的古董项目,idea 热部署 对iframe 内文件完全无效!无效!无效!终于问了十年的大神,页面空白 右键 重新加载框架 出来了!然而,还有 一些没变,无奈原来是iframe 无限嵌套。。。。而且重新加载框架 需要在 iframe 作用域下,所以我无线空白处右键,起效。...
2019-08-27 17:44:29
3845
2
原创 元素 单击事件和双击事件 冲突解决(js+vue)
所有元素都有鼠标点击事件,单击 click 双击dblclick,但是同一个元素 同时进行单击 双击 事件会只执行单击事件忽略双击事件,解决办法:demo.html<!DOCTYPE html><html><head><meta charset="UTF-8"><title>演示同一个元素上单击事件和双击事件的相互冲突&...
2019-06-11 18:16:23
6220
原创 css 计算函数属性:calc() 不起效 原因
踩坑:注意事项('-' 前后需要空格!!!)calc(100% - 200px);父级的 宽/高一定要有 不需要定死的高度,可以 一直100% 继承!!!
2019-05-22 16:50:21
6812
9
原创 echarts 堆叠分组显示 + echarts 画布初始化大小(js计算高度 设置)+echarts数据初始化
效果图:代码:<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <...
2019-05-22 16:45:19
2034
原创 【下载文件流 .excel .pdf .csv 图片】 原生ajax/vue/axios /window.open()
excel1.原生ajax var xhr = new XMLHttpRequest(); xhr.open('POST', SERVER_URL + "daily/exportCsv", true); xhr.responseType = "blob"; // blob xhr.setRequestHeader("Author...
2019-04-05 00:06:57
750
原创 vue+Iview render 函数几种写法
最近项目中用 vue + Iview 表格组件常用到 render 函数:几种写法1.render: (h, params) => { // return h('span', params.row.employeeEntity.name); return h('span', (params.row.employeeEntity.name ? params.row.emplo...
2019-04-04 22:56:37
6693
原创 Error in created hook: "ReferenceError: “Promise”未定义" Vue-cli 项目 谷歌没错,IE报错“Promise”未定义"
解决方法:1.首先下载安装babel-polyfill 依赖: npm install --save babel-polyfill2.项目main.js 入口文件引入: import 'babel-polyfill'错误描述:chrome 和 ff 都好使ie 数据不出来错误分析:就是ie 内核的 报错,首先定位浏览器兼容问题,然后看报错:Error in c...
2019-03-26 16:55:18
7288
原创 Iview 表格 改变选中行数据 表格数据改变 选中数据不改变 解决办法 双向绑定
<template> <div> <Table border stripe height="350" ref="selection" :columns="columns" :data="data" @on-selection-change="updateData...
2019-03-08 13:45:15
9058
1
原创 解决 浮动引起的高度塌陷 两种方式
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> .box1{ borde...
2019-02-19 15:59:48
516
原创 "strict 模式下不允许一个属性有多个定义" 基于Vue2.0+ 开发,IE报错 其他浏览器不报错
"strict 模式下不允许一个属性有多个定义"IE 兼容性定位 出错 位置 查看属性 是否重复!我的错 是因为 input里 写了两个placeholder 属性 原因:IE 容错率比较低,要求比较高,所以 注意下 代码严格性...
2019-01-04 16:23:54
2324
1
原创 Inline JavaScript is not enabled. Is it set in your options?
在vue2.0+ 版本 脚手架创建的项目中 更换 IView 的主题样式时 ,less 引入出现了问题。原因就是:less 版本 有问题,package.json 文件中 搜索 less,查看less 版本是不是 3.0+,如果是就改成3.0 以下版本。我的错误:dependencies 里面和 devDependencies 的less 都是3.0+的版本修改后:...
2018-11-28 14:31:07
2507
1
原创 vue2.0+ 结合webpack3.0 延时路由 按需加载
路由懒加载当打包构建应用时,Javascript 包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就更加高效了。结合 Vue 的异步组件和 Webpack 的代码分割功能,轻松实现路由组件的懒加载。首先,可以将异步组件定义为返回一个 Promise 的工厂函数 (该函数返回的 Promise 应该 resolve...
2018-11-27 14:55:45
862
原创 angular4 如何 识别html 文本 渲染
<div [innerHTML]="data.content"></div>
2018-07-17 14:45:06
2467
转载 angular1.0 如何监听页面渲染完毕 (转)
现在 angular 已经到5+ 了,目前公司有个 angular1.0 写的项目做迭代。现在angular 1. 版本都统称 angular.js 。最新angular 中文文档:https://www.angular.cn/ ;配合angular 使用的 比较好用的两个 组件库,有兴趣可以看文档1:https://ng.ant.design/docs/introduce/zh介...
2018-05-29 17:46:33
3659
1
原创 最简单 的全选 全不选
1.时间都去哪儿了 2.海阔天空 3.真的爱你 4.不再犹豫 5.光辉岁月 6.喜欢妳 //全选全不选 绑定行内 checkbox 点击事件 //全选/全不选【可以绑上事件】 $("#all_checked").click(function() { $('[name=test]:checkbox').p
2018-01-31 16:42:32
511
原创 js 上传文件限制
var isIE = /msie/i.test(navigator.userAgent) && !window.opera; function fileChange(target, id) { var fileSize = 0; var filetypes = [".jpg", ".png", ".rar", ".txt", ".zip", ".doc", ".ppt",
2018-01-31 15:52:31
1263
原创 头像上传 模拟(个人信息修改 有头像图片上传 一般 用form 表单提交)
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #pic { width: 100px; height: 100
2018-01-31 15:47:14
7692
2
原创 百度热力图
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0,
2018-01-31 15:32:53
6835
1
原创 三级联动 省市区
.html 省市县三级联动 选择 选择 选择 area.jsvar p = [ { pid: 1, name: '北京' }, { pid: 2, name: '河南' }, { pid: 3, name: '
2018-01-31 15:24:48
280
原创 时间格式化-最好用的 格式化
Date.prototype.Format = function (fmt) { //author: meizz var o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日 "H+": this.getHours(), //小时 "m+": this...
2018-01-31 15:12:42
182
原创 jQuery Ajax 初始化方法
$.ajaxSetup({ headers: { "Authorization": auth_token }, cache: false, //禁用缓存 dataType: "json", // contentType: "application/json", contentType: 'application/json', /**
2018-01-31 14:49:30
1937
原创 HTML页面件传值方法;seeionStorage、localStorage、cookie 存储
1.web存储 方法 1.1sessionStorage/localStorage存储方法:localStorage和sessionStorage都具有相同的操作方法,例如setItem、getItem和removeItem等,具体方法如下:1.setItem存储value用途:将value存储到key字段用法:.setItem( key, value)
2017-06-06 16:42:14
2022
原创 HTML页面 button 标签 刷新页面问题
点击Button出现刷新页面问题的两个前提条件:1、 你的 butoon 标签在表单 form标签里2、 没有 type = “button” 属性原因:button,input type=button按钮在IE和w3c,firefox浏览器区别: 1、当在IE浏览器下面时,button标签按钮,input标签type属性为button的按钮是一样的功能,不会对表单进行任何操
2017-06-06 11:54:37
1640
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人