H5/jquery/vue/layui
关注
分享
扫一扫
文章平均质量分 56
橙之殇
这个作者很懒，什么都没留下…
展开
-
在谷歌Chrome浏览器中添加vue.js扩展组件
在谷歌Chrome浏览器中添加vue.js扩展组件1.下载插件链接: https://pan.baidu.com/s/1c-ZjWP7eIqLbDzkm-v9yAw?pwd=b9rh 提取码: b9rh2.解压3.进入chrome的更多工具中的扩展程序并拖入解压的文件转载 2022-05-13 17:55:22 · 1025 阅读 · 0 评论 -
vue2.0支持compiler
You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.原创 2022-02-15 09:31:27 · 471 阅读 · 0 评论 -
vue+elementUI实现（带复制的）IP组件开发
1.组件文件 ipInput.vue代码：<!-- * @Descripttion: ip 组件 * @version: 1.0 * @Author: hanjg * @Date: 2020-07-29 19:32:01 * @LastEditors: hanjg * @LastEditTime: 2020-07-30 17:53:24 --><template> <div class="ipDiv"> <el-input ref=原创 2020-08-03 14:22:07 · 2156 阅读 · 4 评论 -
后台管理前端框架-----vue-element-admin
1.采用的是I18n资源链接：https://pan.baidu.com/s/1aCxW381ZfA8lAud9r5knWQ提取码：5tz22.项目精简参考链接4.官方指导地址https://panjiachen.github.io/vue-element-admin-site/guide/3.私密改造（需要可留言）原创 2020-11-25 11:02:24 · 268 阅读 · 0 评论 -
常见图片格式及使用场景
常见图片格式及使用场景转载 2020-09-25 11:38:13 · 1210 阅读 · 1 评论 -
基于jigsaw的vue项目滑动图片验证
1.jigsaw参考样例2.vue项目（改造基于jigsaw滑动图片验证，因为图片访问过慢，图片保留到本地）1）index.html引入2）链接自己网盘（web/图片滑动验证），需要请留言（仅作部分讨论）原创 2020-09-23 19:02:04 · 799 阅读 · 0 评论 -
vue项目引入微信sdk
1.npm 安装npm install weixin-js-sdk --save2.man.js 引入，并设置成全局属性import wx from 'weixin-js-sdk'Vue.prototype.$wx = wx原创 2020-09-23 18:36:32 · 1995 阅读 · 0 评论 -
背景色渐变生成网址
css背景色渐变生成网址原创 2020-09-23 18:27:49 · 318 阅读 · 0 评论 -
js日常参考（常见事项）
js日常参考（常见事项）转载 2020-09-23 18:21:47 · 112 阅读 · 0 评论 -
js引用类型值赋值后在重新赋值后不影响之前已经赋值的
引用类型赋值后，改变其中一个会影响其他的，如下：var obj1 = { name: 'web' };var obj2 = obj1;obj2.name = 'hello';console.log(obj1); // {name: "hello"}console.log(obj2); // {name: "hello"}解决方案:深拷贝var obj2 = JSON.parse(JSON.strignfy(obj1));参考链接...转载 2020-09-23 18:20:01 · 1028 阅读 · 0 评论 -
Element ui表格组件+sortablejs实现行列拖拽排序使用样例demo
Element ui表格组件+sortablejs实现行列拖拽排序使用样例demo1.npm引入sortablejsnpm install sortablejs --save2.demo<template> <div class="home"> <div> <h1>Element ui表格组件+sortablejs实现行列拖拽排序使用样例demo</h1> <el-table st原创 2020-09-23 18:13:33 · 1352 阅读 · 0 评论 -
vue 项目生成二维码
1 下载安装npm install qrcodejs22 将qrcodejs2依赖注册import QRCode from 'qrcodejs2'3 使用html:<el-dialog class="dialogStyle payDialogStyle" v-dialogDrag title="扫码支付" :visible.sync="dialogVisiblePay" :before-close="closeDialogPay" center width="400px">原创 2020-08-21 15:00:47 · 255 阅读 · 0 评论 -
git 初次提交403报错
解决：先克隆仓库：2）git status查看3）若还是403，则查看git文件夹里的config配置里url是否缺少用户信息原创 2020-08-12 11:46:57 · 225 阅读 · 0 评论 -
Vue 导航切换页面过渡
1.代码<template> <div id="app"> <Header v-if="this.$route.path!=='/'"></Header> <transition name="fade-transform" mode="out-in"> <router-view></router-view> </transition> </div><原创 2020-08-03 15:09:15 · 337 阅读 · 0 评论 -
vue之router钩子函数
vue之router钩子函数转载 2020-07-31 18:14:36 · 119 阅读 · 0 评论 -
vue全（不）选的实现------批量操作和单个操作
vue全（不）选的实现------批量操作和单个操作<template> <div class="severContent"> <table class="table text-center"> <thead> <tr> <th style="width:5%;"> <input class="itemCheckboxInput" type=原创 2020-07-29 14:14:24 · 600 阅读 · 0 评论 -
axios封装（通用）
axios封装封装目的：避免重复设置超时时间，请求头，错误处理；提高代码质量主要文件目录：post/index.js/* * @Descripttion: axios 封装 * @version: 1.0.0 * @Author: hanjg * @Date: 2020-07-24 10:23:06 * @LastEditors: hanjg * @LastEditTime: 2020-07-27 17:04:07 */import axios from 'axios'impo原创 2020-07-28 10:08:29 · 8403 阅读 · 0 评论 -
前端清理浏览器缓存
前端清理浏览器缓存转载地址：前端清理浏览器缓存转载 2020-07-23 17:10:43 · 924 阅读 · 0 评论 -
vscode 搭建Vue项目及引入elementUI
vscode 搭建Vue项目及引入elementUI1.全局安装vue-cli(快速构建Vue项目)命令：npm install -g vue-cli2.安装webpack（打包）命令：npm install -g webpack3.创建文件夹存放项目命令：vue init webpack myVueProject（文件夹的名字）4.注意继3之后会出现一些配置根据提示和自己的需要来进行相关配置5.引入elementUI命令：npm i element-ui -S安装好了之后，在man.原创 2020-07-23 11:28:56 · 3187 阅读 · 0 评论 -
elementUI(或div)模态框动态刷新和刷新一次
elementUI（或div）模态框动态刷新和刷新一次1）刷新一次（再打开模态框的函数中写一行代码）dialogthis.refreshTime = new Date().getTime()div2）动态刷新dialogdiv原理同上原创 2020-07-11 16:02:02 · 1400 阅读 · 0 评论 -
（史上最全）Web前端面试试题大全及答案汇总（之篇二JavaScript基础笔试面试题）
（史上最全）Web前端面试试题大全及答案汇总（之篇二JavaScript基础笔试面试题）https://blog.csdn.net/qq_36595013/article/details/82428441转载 2019-12-18 14:36:24 · 248 阅读 · 0 评论 -
vue.set进行数据绑定渲染到页面，可达到动态改变页面局部数且不用刷新页面
vue.set进行数据绑定渲染到页面==使用1.代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Vue中set方法</title> <script src="../vue.js"></s...原创 2019-11-21 10:58:08 · 393 阅读 · 0 评论 -
JS时间范围通用
JS时间范围通用1.代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>时间范围</title> <script type="text/javascript" src="jquery-3.2.1.min.js" ></s...原创 2019-11-11 15:24:19 · 395 阅读 · 0 评论 -
浏览器语音附加背景音乐
浏览器语音附加背景音乐1.相关知识video 和 window.SpeechSynthesisUtterance()2.目录层级3.代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>浏览器语音附加背景音乐</title> <...原创 2019-11-08 11:34:52 · 326 阅读 · 0 评论 -
常用js正则验证
常用正则验证1.每天时段，如:8:00-10:00^(?:(?:[0-2][0-3])|(?:[0-1][0-9])):[0-5][0-9]:[0-5][0-9] - (?:(?:[0-2][0-3])|(?:[0-1][0-9])):[0-5][0-9]:[0-5][0-9]$提示：每天时段格式错误2.wifi mac，如：4C-C0-0A-04-AB-61^([0-9a-fA-F]...原创 2019-11-01 23:15:07 · 152 阅读 · 0 评论 -
好用的下拉选框（单选，多选，全选，清空和反选，及个种样式）----个人钟爱
下拉选框好用的下拉选框（单选，多选，全选，清空和反选，及个种样式）附件一:layui应用formselectlayui.config({ base: './libs/formSelects/' //相对路径 }).extend({ formSelects: 'formSelects-v4' });附件二:formSelects-v4.css/* formSelects澶...原创 2019-10-29 19:40:32 · 4406 阅读 · 0 评论 -
百度地图花屏解决方案
百度地图花屏解决方案百度地图花屏，如图：原样式:body, html,#mainMap{width: 100%;height: 100%;margin:0;font-family:"微软雅黑";font-size:0.54%;}其中#mainMap用于百度地图。现改为：body, html{width: 100%;height: 100%;margin:0;font-family:"微软...原创 2019-10-24 09:36:48 · 1107 阅读 · 0 评论