![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML5
qaakd
欢迎交流Web前端技术,相互学习
展开
-
vue页面截图等功能
第一步安装html2canvas组件:npm install html2canvas --save第二步导入页面:import html2canvas from'html2canvas'test.vue:(截图功能)<template> <div> <!--<button>{{$store.state.name}}</button>--> test_test <div ref="image.原创 2021-06-25 10:46:58 · 819 阅读 · 0 评论 -
Ant Design Vue 中 DatePicker 日期选择框改成中文
https://blog.csdn.net/qq_41810005/article/details/107157453转载 2021-03-10 11:49:57 · 3653 阅读 · 0 评论 -
Vue 中引入jquery
npm i jquery -S//然后再vue页面中引入jquery就可以使用了import $ from 'jquery'原创 2021-03-04 17:22:49 · 367 阅读 · 1 评论 -
解决vue项目在ie中打开显示空白问题
这是由于js没有加载解决方法:1、npm ibabel-polyfill2、在APP.vue 文件中引入,语句为import "babel-polyfill"原创 2021-03-04 14:42:47 · 538 阅读 · 1 评论 -
vue async await写法
methods: { // 获取所属地 getLocation(phoneNum) { return axois.post('/location', {phoneNum}); }, // 根据属地获取充值面额列表 getFaceList(province, city) { return axois.post('/location', {province, city}); }, // 采取async await 方式调用.转载 2021-01-16 03:14:01 · 505 阅读 · 0 评论 -
VUE 过滤器filters
Vue.js 允许你自定义过滤器,可被用于一些常见的文本格式化。过滤器可以用在两个地方:双花括号插值和v-bind表达式(后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部,由“管道”符号指示:<!-- 在双花括号中 -->{{ message | capitalize }}<!-- 在 `v-bind` 中 --><div v-bind:id="rawId | formatId"></div>你可...原创 2021-01-15 23:24:55 · 155 阅读 · 0 评论 -
cube-ui官网不能访问的解决方法
在hosts文件中添加下面的配置就可以访问了185.199.109.153 didi.github.io转载 2020-12-20 14:18:23 · 1646 阅读 · 2 评论 -
js字符串转数组,数组转字符串
1、字符串转换为数组var string = '123,456,789';var stringResult = string.split(',');console.log(stringResult) //输出["123", "456", "789"]2、数组转换为字符串var array = ['abc', 'def', 'hig']var arrayResult = array.join(',')console.log(arrayResult) // 输出"abc,def,hig"ar.原创 2020-11-26 15:57:23 · 2070 阅读 · 0 评论 -
判断网站系统,当前页面是否为最顶层页面
function getTopWin(){ var p = window; while(p != p.parent){ p = p.parent; } return p;}原创 2020-11-13 17:07:24 · 397 阅读 · 0 评论 -
Echarts 实现图表自动轮播功能
html部分:<div id="lunbo" style="width:480px;height:280px;"></div>js部分:var myChart = echarts.init(document.getElementById('lunbo'));var option = { // color: ['#1e33ff', '#008fff', '#552de1', '#4f1577', '#50befe', '#c95be9', '#1221b4.原创 2020-11-09 16:10:00 · 5376 阅读 · 6 评论 -
input number类型 长度限制
<input type="number" oninput="if(value.length>5)value=value.slice(0,5)"> //只能输入5位数字原创 2020-10-31 11:03:49 · 1095 阅读 · 0 评论 -
js导出excel(超简单)
代码如下复制即可:<html><head> <p style="font-size: 20px;color: red;">使用a标签方式将json导出csv文件</p> <button onclick='tableToExcel()'>导出</button></head><body> <script> function tableToExcel(...原创 2020-08-19 17:16:50 · 6193 阅读 · 4 评论 -
js input file 上传文件,判断文件类型(超简单)
<input type="file"accept=".mp4,.avi,.rmvb"/>ok,搞定。这样就限制了上传文件类型。原创 2020-08-14 16:39:33 · 4037 阅读 · 3 评论 -
JS获取内网IP地址(兼容谷歌浏览器)
window.RTCPeerConnection = window.RTCPeerConnection || window.mozRTCPeerConnection || window.webkitRTCPeerConnection;var pc = new RTCPeerConnection({iceServers:[]}), noop =function(){};pc.createDataChannel(''); //create a bogus data channelpc.cre...原创 2020-07-15 16:58:07 · 4338 阅读 · 4 评论 -
百度地图输入地址显示位置
代码如下:<html xmlns="http://www.w3.org/1999/xhtml"><head> <title>根据地址查询经纬度</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script type="text/javascript" src="http://api.map.baidu.com...原创 2020-06-28 16:29:14 · 548 阅读 · 0 评论 -
vue路由拦截及页面跳转
路由设置:router/index.jsexport default new Router({ routes: [ { path: '/selfcenter', name: 'selfcenter', meta: { requireAuth: true // 配置此条,进入页面前判断是否需要登陆 }, component: selfcenter } ]})main.js:/* eslint-d...原创 2020-06-19 16:15:45 · 1290 阅读 · 0 评论 -
Html5 localStorage、sessionStorage操作
localStorage 浏览器(永久保存)sessionStorage 浏览器(关闭窗口就删除数据)操作1、localStorage.setItem(key,value) 保存数据 例如:localStorage.setItem(''username','小明')2、localStorage.getItem(key) 获取数据localStorage.se...原创 2020-04-29 17:52:05 · 128 阅读 · 0 评论 -
VUE 路由懒加载
文件路径,在vue项目router文件的index文件下//以下是import方法路由懒加载,测试方法,看network浏览器监控import Vue from 'vue'import Router from 'vue-router'Vue.use(Router)export default new Router({ routes: [ { p...原创 2020-04-03 17:02:18 · 199 阅读 · 0 评论 -
input file 选择图片并显示
<!doctype html><html><head><meta charset="utf-8"><title>选择图片并显示</title></head><body><div id="pic_list"><input type="file" name="files...原创 2020-03-27 17:25:40 · 3570 阅读 · 3 评论 -
jq插件,图片或者视频懒加载
直接上代码(代码复制即可,插件可以自行百度下载或者在我这里下载)<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>j...原创 2020-03-23 17:35:25 · 1195 阅读 · 1 评论 -
JS Websocket PHP web聊天室(100%)能运行
废话不多说,直接上代码,代码复制即可。(由于不止一个文件,其他文件大伙们可以在http://htd360.com)上取,或者在我这里下载,谢谢截图:下载:https://download.csdn.net/download/qaakd/12092921...原创 2020-01-09 17:52:10 · 170 阅读 · 0 评论 -
html5语义化标签(非常好)原文链接:http://www.daqianduan.com/6549.html
距HTML5标准规范制定完成并公开发布已经有好些年了,面试时也少不了要问对HTML5语义化得理解。但是在实际运用时,真正使用HTML5标签来开发的似乎不是很多,可能一部分原因是仍有部分用户使用在使用低版本浏览器。但是就我个人而言,因选取一些标签时会比较纠结,所以仍使用了div。(PS:正是因为这样,才有了这篇文章的,没错,以后要注意语义化了)什么是语义化?就是用合理、正确的标签...转载 2019-11-19 11:09:44 · 652 阅读 · 1 评论