- 博客(9)
- 收藏
- 关注
RSS订阅原创 vue&ant-design-vue页面DIY,商城个性化设计,H5装修
如下图所示，PC端（编辑端）分为三个部分左侧基础组件栏、中部主体展示区域、右侧操作菜单栏。所用技术：Vue + and-design-vue + vuedraggable。通过简单的拖拽可以实现对页面的编辑，可以自定义组件的样式、内容，展示顺序等。
2024-07-30 14:14:07
743
4
原创 将页面生成为pdf并下载(vue版本)
npm install JsPDF --savenpm install html2Canvas --save//在项目的util文件夹下新建htmlToPdf.jsimport html2Canvas from "html2canvas";import JsPDF from "jspdf";import { Loading } from "element-ui"; //此处根据你实际使用的框架的loading进行引入 let loading;export default { insta
2020-12-11 20:33:31
1172
1
原创 JSON.stringify妙用
去重function unique(arr) { let unique = {}; arr.forEach(function(item) { //调整属性顺序 var newData = {}; Object.keys(item).sort().map(key = > { newData[key] = item[key] }) unique[JSON.stringify(newDa
2020-08-07 09:57:28
287
原创 vue axios的封装
npm下载npm i axios --save可以在 main.js 中引入 也可以在需要用到请求的页面进行引入不封装的// 在main.js中import axios from 'axios'Vue.prototype.$axios = axios; //全局挂载//在页面中this.$axios.get && this.$axios.post// 在xxx.vue中import axios from 'axios'//在页面中axios.get &&
2020-07-24 16:28:07
185
原创 10个非常实用的JS工具函数
1.生成一周时间new Array 创建的数组只是添加了length属性，并没有实际的内容。通过扩展后，变为可用数组用于循环function getWeekTime(){ return [...new Array(7)].map((j,i)=> new Date(Date.now()+i*8.64e7).toLocaleDateString())}使用getWeekTime()// ["2020/2/26", "2020/2/27", "2020/2/28", "2020/2/29"
2020-07-20 15:05:58
245
原创 vue javascript 跨域
vue-jsonp 解决跨域注：此方法只支持GET请求,不支持POSTnpm install vue-jsonp --save//在main.js中import VueJsonp from 'vue-jsonp'Vue.use(VueJsonp)//在需要的页面this.$jsonp('url', {"参数，根据自己需求"} ).then(res => { console.log(res) }) .catch(err => { con
2020-07-13 10:04:51
378
原创 遍历的12种方法
关于遍历的12种方法ES5：forEach、every 、some、 filter、map、reduce、reduceRight、ES6：find、findIndex、keys、values、entriesforEach 按升序为数组中含有效值的每一项执行一次回调函数array.forEach(function(currentValue, index, arr), thisValue)关于forEach()无法中途退出循环，只能用return退出本次回调，进行下一次回调。它总是返回
2020-07-13 10:00:30
8059
原创 前端常用的工具方法，开箱即用
1. 邮箱export const isEmail = (s) => { return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)}2. 手机号码export const isMobile = (s) => { return /^1[0-9]{10}$/.test(s)}3.电话号码export const isPhone = (s) => {
2020-07-11 17:22:20
563
原创 vue播放直播流
vue播放m3u8视频流npm 下载 npm install dplayer --save npm hls.js --save在mina.js中 window.Hls = require('hls.js')在用到需要视频播放的页面 <!-- 引入插件 --> import DPlayer from 'dplayer'; <!-- 设置容器 --> <div id="dplayer" style="width:100%;height:100%
2020-07-11 17:12:17
1667
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人