- 博客(42)
- 收藏
- 关注
RSS订阅原创 vue表格与表单校验联动，下拉联动，列表增加、删除
template部分，想要每个都校验。data部分，根据自己需求更改。添加、删除、下拉联动方法。
2023-06-01 17:41:35
780
原创 element 日期选择器限制精确到时分秒+展开默认选择一个时间
2.限制最小时间为当前时间十分钟后（当前时间：2022-11-24 15:10:00 最小时间：2022-11-24 15:20:00）3.点击默认给一个时间，时间为后一天。：1.日期不能小于当前日期。4.日历起始日期为周一。
2022-11-24 15:07:24
3519
1
原创 Node Sass does not yet support your current environment解决方法
【代码】Node Sass does not yet support your current environment解决方法。
2022-08-24 16:00:16
1781
原创 element 可筛选下拉框切换下拉框弹出问题
当el-select添加filterable属性时切换页面下拉框会弹出，主要问题就是因为filterable属性，根本解决方案是选中的时候让他失去焦点 el-select有一个visible-change事件，下拉框出现/隐藏时触发\n
2022-06-23 11:35:44
1813
原创 vue下载跨域图片
<a style="color: #409EFF;" @click="downImg(url)">下载还款凭证</a>downImg(imgsrc) { const src = `${imgsrc}?t=${new Date().getTime()}` fetch(src).then(res => { res.blob().then(myBlob => { const href = URL.createObj
2022-04-24 11:42:42
3196
2
原创 js下载跨域的文件
普通a链接点击下载（同源）<a href="http://ppt.beegoedu.com/Upload/unlogo/2017112980744.jpg" download="11.jpg">111</a>跨域下载文件（非同源）<a onclick="a()">下载图片</a>function a(){ let url ="http://ppt.beegoedu.com/Upload/unlogo/2017112980744.jpg";
2022-01-06 09:48:09
1483
原创 获取两个数组对象中公共数据
var data1=[ {id:1,name:'小明'}, {id:2,name:'小红'}]var data2=[ {id:1,name:'小明'}, {id:2,name:'小红'}, {id:3,name:'小张'}, {id:4,name:'小方'}]data2.filter(item=>data1.some(ele=>ele.id==item.id)) //[{id: 1, name: "小明"},{id:2,name:'小红'}]...
2021-11-01 17:34:13
313
原创 H5调用支付宝、微信支付
H5支付宝支付调用alipay({type: this.type, orderCode: this.orderCode}).then(res => {//接口返回form表单 // 调起阿里支付 if (res.flag == 1) { const div = document.createElement('div'); div.innerHTML = res.data; document.body.appendChild(div); d
2021-10-09 15:49:30
752
原创 微信自定义分享样式
默认分享样式自定义分享样式现在让我们来代码实现吧在需要调用JS接口的页面引入如下JS文件，（支持https）：.http://res.wx.qq.com/open/js/jweixin-1.2.0.js wx.config({ debug : false, //调试 appId: "xxxxxx", //必填，公众号的唯一标识 nonceStr: "xxxx",// 必填，生成签名的随机串 signature: "xxxxxx",// 必填
2021-09-24 17:27:12
545
原创 nuxt打包修改资源路径
在nuxt.config.js里面配置routerrouter: { middleware: 'init', mode: 'hash', base:process.env.NODE_ENV === 'production' ? '/zspc/' : '', extendRoutes(routes, resolve) { routes.push({ path: '/', redirect: { name: 'h
2021-09-24 16:59:31
1591
原创 canvas dom生成图片并下载
简单的效果图：1、首先要安装html2canvasnpm install html2canvas --save2、在对应的页面上引用import html2canvas from "html2canvas"3、template里面编写<!-- 里面放置图片等元素， 下面的几个参数是我对应的路径，大家可根据自己需求写demo--> <div class="canvas_box poster" id="mycanvas" ref="mycanvas" >
2021-08-30 16:58:25
586
原创 bmap.js
/** Licensed to the Apache Software Foundation (ASF) under one* or more contributor license agreements. See the NOTICE file* distributed with this work for additional information* regarding copyright ownership. The ASF licenses this file* to you un.
2021-08-25 10:30:54
947
原创 echarts.min.js
/** Licensed to the Apache Software Foundation (ASF) under one* or more contributor license agreements. See the NOTICE file* distributed with this work for additional information* regarding copyright ownership. The ASF licenses this file* to you un.
2021-08-25 10:30:07
5189
原创 echarts—地图实现
1、效果图2、HTML代码里显示方法//首先要引入三个js<script src="js/echarts.min.js"></script><script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=xxxxxxxxx"></script><script src="js/bmap.js"></script>第二个js里的ak要
2021-08-25 10:12:00
513
原创 nuxt前端埋点
在utils里面封装埋点请求，例buriedPoint.jsimport {getStorage, setStorage , removeStorage} from "@/utils/storage";import axios from 'axios'// const buriedPointUrl = 'https://api.zgxmall.com:9999/'const buriedPointUrl = 'http://10.3.3.27:9895/'import { isLogin } fr
2021-08-14 16:21:33
596
原创 前端编码规范之工程师规范
项目结构一般项目结构。– Example –// 大型项目-projectName---/html/|---- /index |---- /index/index.html // 首页 |---- /user // 与用户相关的页面 |---- /user/login.html // 登录页---/css/|---- /base.css ..
2021-08-13 14:49:17
296
原创 前端编码规范之Vue规范
vue大部分规范需参照HTML、CSS、JavaScript规范，在此不再强调。组件名应该始终是多个单词的根组件 App 以及 <transition>、<component> 之类的 Vue 内置组件除外。这样做可以避免跟现有的以及未来的 HTML 元素相冲突，因为所有的 HTML 元素名称都是单个单词的。– Example –-js// 不推荐Vue.component('todo', { // ...})export default { n.
2021-08-13 14:47:24
1138
原创 前端编码规范之JavaScript规范
JS文件名称规范使用小写英文、-（-不能开头）组合成文件名。大多 Web 服务器 (Apache, Unix) 对大小写敏感： london.js 不能通过 London.js 访问。其他 Web 服务器 (Microsoft, IIS) 对大小写不敏感： london.js 可以通过 London.js 或 london.js 访问。你必须保持统一的风格，建议统一使用小写的文件名。JS文件后缀规范统一使用.js为文件后缀。压缩文件以.min.js为文件后缀。如有版本，需加上版..
2021-08-13 14:46:36
495
原创 前端编码规范之HTML规范
通用规范省略 图片、样式、脚本以及其他媒体文件 URL 的协议部分（http:,https:），除非文件在两种协议下都不可用。这种方案称为 protocol-relative URL，好处是无论你是使用 HTTPS 还是 HTTP,访问页面，浏览器都会以相同的协议请求页面中的资源，同时可以节省一部分字节。– Example –-html<!-- 不推荐 --><script src="https://example.com/example.js"></scr
2021-08-13 14:45:40
132
原创 前端编码规范之CSS规范
通用规范省略 图片、样式、脚本以及其他媒体文件 URL 的协议部分（http:,https:），除非文件在两种协议下都不可用。这种方案称为 protocol-relative URL，好处是无论你是使用 HTTPS 还是 HTTP,访问页面，浏览器都会以相同的协议请求页面中的资源，同时可以节省一部分字节。– Example –-html<!-- 不推荐 --><script src="https://example.com/example.js"></scr
2021-08-13 14:44:02
251
原创 vue数据不更新问题
平时我们更新数据一般这样写data(){ return { sku:[{ a:'111', b:'111' },{ a:'222', b:'222' }] }},methods:{ demo(){ //然而这样并没有实时的更新 this.sku[1].a= '123'; //把上面的替换成$set更新就可以了 this.$set(this.skus[1], 'a', '123') }}...
2021-07-09 16:52:18
280
转载 vue产品多规格选择
<template> <div class="wrap wrap-sku"> <div class="product-box"> <div class="product-content"> <div class="product-delcom" v-for="(ProductItem,n) in specifications"> <p>{{ProductItem.name}}&
2021-06-23 09:31:40
1082
原创 vue 返回顶部，滚动到位置固定
1.返回顶部//放在最顶部<div ref='page'></div>......<p class="top" @click="topage">返回顶部<img src="../../assets/activity/hwBrand/2.png"></p>// 返回顶部topage(){ this.$refs.page.scrollIntoView({behavior: 'smooth', block: 'start'})}
2021-06-16 10:38:00
353
原创 nuxt.js 全局引用封装的js
1.在utils里面创建case.jslet data=[{ name:'小明', age:'18'},{ name:'小红', age:'16'},{ name:'小亮', age:'20'}]//导出数据export default data2.在plugins里面创建case.jsimport Vue from 'vue'import data from '@/utils/case.js';// 绑定到全局 vue。$data自己
2021-06-15 14:33:33
1402
2
原创 es6筛选和模糊查询
es6筛选let arr = [ {name:'小明',age:20}, {name:'小红',age:18}, {name:'小亮',age:16},]arr.filter(item => item.name=== '小明' ) //{name: "小明", age: 20}es6模糊查询let val = '小明'.replace(/[^\u4E00-\u9FA5]/g,'');let arr = [ {name:'小明',age:20}, {nam
2021-06-04 10:32:53
1447
原创 vue nuxt项目在Xsell上部署
Linux部署nuxt项目1、服务器安装环境 a/ 安装node 1、下载node i：在node官网下载Linux 64的node文件，通过ftp上传至/usr/local/node文件夹下 文件名：node-v12.13.0-linux-x64.tar.xz 或者： ii：wget https://nodejs.org/dist/v12.13.0/node-vv12.13.0-linux-x64.tar.xz 2、下载之后，由于是tar.xz格式的压缩文件，所以需
2021-05-27 16:54:18
219
原创 uni-app 简单的请求封装
1、在项目的util目录下创建js文件，如：api.jsconst BASE_URL = 'http://baidu.com/' //服务器域名export const myRequest=(options)=>{ return new Promise((resolve,reject)=>{ uni.request({ url:BASE_URL+options.url, method:options.method || 'GET', data:options.da
2021-05-17 11:26:43
91
原创 vue脚手架搭建步骤
**脚手架搭建步骤**1、首先安装node.js,安装完成之后输入node -v检测是否安装成功2、检查npm管理包，npm是集成在node中的，输入 npm -v检测3、全局安装vue-cli，输入npm install -g vue-cli4、在任意盘创建文件夹存放，如果想创在D盘，直接输入‘d:’回车切换，在D盘下切换文件夹（首先D盘要有这个文件夹Demo），输入Demo。辣么项目就会创在D盘的Demo文件夹里5、可以在D盘Demo文件夹下创建vue项目，输入vueinit we
2021-05-15 11:19:12
152
原创 css网格布局
代码css部分.wrapper{ display: grid;/*网格布局*/ grid-template-columns: 100px 100px 100px;/*三列*/ grid-template-rows: 100px 100px 100px;/*三行*/ } .wrapper div{ margin: 2px 2px; } .item1{ /*grid-column-start: 1;纵向第一条网格线开始 grid-column-end: 3;
2021-05-15 11:02:22
81
原创 PHP初学笔记
1、用’$'声明变量2、用echo输出2、声明数组可以 $array=['a','b','c']或者$array=array('a','b','c') 输出之前可格式化标签 echo '<pre>' 输出print_r($array); 输出var_dump($array) //可输出类型3、声明对象可以 $object= new stuClass() new一个对象 $object->name = '王二小'; $object->course =
2021-05-15 10:50:14
185
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人