- 博客(44)
- 收藏
- 关注
RSS订阅转载 vue-cli2.x配置build命令构建测试包&正式包
vue-cli2.x配置build命令构建测试包&正式包首先安装cross-env插件：npm install cross-env --save-dev(cross-env的作用：通过js在项目中设置不同的环境变量的插件)第一步：在build文件夹内新建build_test.js文件，内容复制build.js修改process.env.NODE_ENV = "buildtest"和const webpackConfig = require(’./webpack.test.conf
2021-07-17 17:43:27
784
原创 wx-open-launch-weapp传参跳转前判断
wx-open-launch-weapp传参跳转前判断原理：判断参数是否存在不存在不显示wx-open-launch-weapp，绑定函数判断是否可以跳转提示相应的信息<div style="width:100%;display: flex;position:relative;" @click="LYJshow()"> <img src="static/img/leyouji.png" style="flex:none;width: 3rem;height:
2021-06-23 13:31:15
1214
原创 vue根据配置文件引入不同的js
//引入globalimport { SpringBootWebApp } from "@/global"let profile = SpringBootWebApp.profilelet globalval = require(`@/global/global-${profile}`)//global.js全局Vue.prototype.$global = globalval.default;console.log(Vue.prototype.$global)index.jsexport
2021-05-08 11:47:17
1115
转载 vue使用qrcode生成二维码，可以自定义大小转换rem
直接上代码界面： <div style="width: 3.33rem;height: 3.3rem;"> <div id="qrcode" ref="qrcode" style="width:3.33rem!important;height:3.3rem!important"></div> </div>方法：let qrcode = new QRCode('qrcode', { width: 125, // 二维码宽度
2021-02-25 16:26:00
2682
原创 移动端界面调试工具
HTML中引入下面js<script src="https://cdn.bootcss.com/vConsole/3.3.4/vconsole.min.js"></script><script> // 初始化 var vConsole = new VConsole();</script>
2021-02-24 17:17:13
72
原创 wx-open-launch-weapp 内部图片样式显示可解决rem问题
H5公众号界面跳转小程序1.引入 weixin-js-sdknpm i -S weixin-js-sdk2.界面使用 <wx-open-launch-weapp id="launch-btn" :username="hejkmAppid" :path="path" @launch="handleLaunchFn" @error="handleErrorFn" &g
2021-02-22 14:14:39
1634
原创 element表格点击获取每行的index
<el-table stripe :row-class-name="tableRowClassName" :data="tableData" border @cell-click="cellclick" height="100%" style="width: 100%;text-align:center"> <el-table-column prop="date" label="日期"
2020-11-10 15:14:26
2657
原创 nginx配置本地配置
nginx本地配置location配置root（拼接）实际访问D:/nginxHtml/dist/location /dist/ { root D:/nginxHtml; index index.html index.htm; }location配置alias （替代）实际访问D:/nginx-1.16.1/html/dist/location /pages{ index index.html; alia
2020-09-23 21:57:07
1324
原创 列表过滤+侧边菜单+input搜索延时获取
本例使用vue编写（因为容易）主要是数据要对应html:<div ng-app="myApp" ng-controller="myCtrl"> <div class="top"> <img src="./r.png" alt="" srcset=""> <p>科室列表</p> </div> <div class="search d3"> <input type="text" plac
2020-07-09 16:00:27
722
原创 vue修改title和图标
vue修改title和图标<title>这是title</title><link rel="icon" type="image/x-icon" href="./static/bg.ico">图片放在static文件夹下即可动态修改title//main.jsrouter.beforeEach((to, from, next) =>...
2020-04-28 14:18:26
1551
转载 点击事件触发退出小程序
https://developers.weixin.qq.com/miniprogram/dev/component/navigator.html<navigator open-type="exit" target="miniProgram" hover-class="navigator-hover">退出</navigator>
2020-02-27 21:32:37
2465
原创 微信小程序用wxs实现过滤器
脱敏函数和时间戳转时间 filter.wxs// 脱敏函数 （脱敏值，开始位置 结束位置）var desensitization = function(str, beginLen, endLen) { if (str == undefined || str == "") { return "" } var len = str.length; var firstStr ...
2020-02-21 21:53:20
323
原创 base64和图片之间的相互转化
const fsm = wx.getFileSystemManager();const FILE_BASE_NAME = 'tmp_base64src'; //自定义文件名function base64src(base64data, cb) { console.log(base64data) const [, format, bodyData] = /data:image\/(\w+...
2020-02-21 21:49:11
753
原创 微信小程序 MD5加密 含中文
var rotateLeft = function (lValue, iShiftBits) { return (lValue << iShiftBits) | (lValue >>> (32 - iShiftBits));}var addUnsigned = function (lX, lY) { var lX4, lY4, lX8, lY8, lRe...
2020-02-20 21:34:44
307
原创 element upload上传表单验证
代码如下自己写上传的代码，所以action可以随意写on-change:根据变化修改扁担中的file值亲测有效没有图片时添加图片后<template> <div> <div class="container"> <el-form style="width:60%;" :model="f...
2020-01-08 21:54:35
6340
3
原创 axios全局配置以及拦截器
axios配置import axios from 'axios'import { Loading, Message } from 'element-ui';import store from './store'let instance = axios.create({ headers: { 'content-type': 'application/x-www-form...
2020-01-02 22:48:36
250
原创 iconfont自定义添加element图标
自定义添加element图标iconfont生成element图标1.找到图片添加到项目2.设置图片类名信息3.下载文件到本地4.将文件添加到项目5. 使用main.js 引入css：import ‘./common/style/font/iconfont.css’ //相对路径6. 添加iconfont类名和图标类名即可<i :class="el-icon-up1 i...
2019-12-25 10:48:35
1724
原创 element Dropdown
element Dropdownvisible-change@visible-change=“handleVisible”visible-change 下拉框出现/隐藏时触发 出现则为 true，隐藏则为 falseVal 下拉框出现/隐藏时触发 出现则为 true，隐藏则为 falsehandleVisible(Val){ if(Val){ this.sh...
2019-12-22 21:40:46
434
原创 reset.css重置浏览器样式
index.html中引用：<link rel="stylesheet" href="./static/css/reset.css">代码如下：@charset "utf-8";/*! * @名称：reset.css * @功能：1、重设浏览器默认样式 * 2、设置通用原子类 *//* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */...
2019-08-16 15:54:58
276
转载 vue路由跳转时定位到页面顶部的方法
原 vue路由跳转时定位到页面顶部的方法汇总 2019年04月16日 14:21:55 wh_xmy 阅读数：106 ...
2019-06-07 09:05:28
9004
1
转载 时间过滤器
时间过滤器Vue.filter('setTime', function (value) {//setTime为过滤器名// console.log(new Date(value)); let oldDate = new Date(value); let newDate = new Date(); var dayNum = ""; var getTime = (n...
2019-04-22 10:30:30
1938
原创 弹框始终位于屏幕中心位置
弹框始终位于屏幕中心位置html<div class="select"> <ul> <li @click="answer()">回复</li> <li @click="zan()">{{praise}}</li> <li @click="del()">删除</li> <li ...
2019-04-15 21:09:08
472
原创 vue默认input获取焦点
vue默认input获取焦点html：<input ref='gain' type="text" v-model="mesnum"/>js:必须有外层this.$nextTick( () =>{ this.$refs.gain.focus()})
2019-03-29 15:28:49
6219
原创 npm run dev访问不到路径问题、iconfont字体图标找不到、iview字体图标找不到
npm run dev访问不到路径问题、iconfont字体图标找不到、iview字体图标找不到访问路径：config->index.js中修改如下iconfont字体图标：build->utils.js添加路径iview图标找不到build->webpack-prod-conf.js修改如下：npm run dev 即可，运用xampp，在运行local...
2019-03-29 10:12:57
1377
原创 父级元素设置透明度不影响子级
父级元素设置透明度不影响子级background:rgbd(0,0,0,.5);或者直接用个img标签设置背景图片，修改他的opcity即可
2019-03-21 10:04:16
1185
1
转载 vue脚手架中引入JQ
vue脚手架中引入JQpackage.json中加入JQ版本cd到文件夹使用 npm installwebpack.base.conf.js中加入下面代码：var webpack = require('webpack')plugins: [ new webpack.optimize.CommonsChunkPlugin('common.js'), new web...
2019-03-20 20:51:15
393
原创 vue安装输入vue不是内部命令
vue安装输入vue不是内部命令1.全局搜索vue.cmd2.将上部路径配置到path环境变量中去即可3.输入vue是否输出4.输入vue -V显示vue版本
2019-01-03 12:02:03
1461
原创 iconfont阿里巴巴矢量图标库的使用
iconfont阿里巴巴矢量图标库的使用iconfont阿里巴巴矢量图标库地址找到需要的图标加入购物车加入项目下载到本地复制一下文件到相应目录main.js 引入css：import ‘./common/style/font/iconfont.css’ //相对路径点击获取代码，在父级加iconfont类名即可Iview图标点击复制代码即可有用文件：应用：...
2018-10-27 16:58:41
405
原创 全局安装vue-cli以及初始化
全局安装VUEnpm -v 查看npm版本号npm install vue-cli -g 命令行脚手架工具全局安装vuevue -V 查看vue版本找到文件目录：cd初始化文件 vue init webpack project 配置环境 项目名安装过程的数据项目名称项目描述作者编译器 （第一个）路由 Y规范代码 ...
2018-10-06 20:36:22
5460
原创 mongoDB数据库导入导出
mongoDB数据库导入导出导出mongodump -d photoDB -o F:\bk文件如下：导入mongorestore --drop -d mytest -c user F:\bk\mytest\user.bson相关博客：https://blog.csdn.net/qq_16313365/article/details/56494522...
2018-10-05 19:49:01
240
原创 对数组的操作以及相应的返回值
对数组的操作以及相应的返回值数组操作方法：var a=[1,2,3,4];var b=[9,0];var c=[ ];concat()连接两个或多个数组不改变原数组返回被连接数组的一个副本var s=a.concat(b);//console.log(s);//[1,2,3,4,9,0]join()把数组中所有元素放入一个字符串不改变原数组返回字符串s=...
2018-09-26 14:22:32
525
原创 获取当前界面的URl地址各部分
url console.log(window.location.href);//http://127.0.0.1:8020/url/tiao.html?us=zhao#ps=123 console.log(window.location.protocol);//http: console.log(window.location.host);//127.0.0.1:8020 console....
2018-09-25 19:53:21
2041
原创 jquery为动态添加元素绑定点击事件
jquery为动态添加元素绑定点击事件mainbody为不动的父级元素click为事件名.link为要添加事件的元素function为事件 $("#mainbody").on("click",".link",function(){ });...
2018-09-25 18:27:45
1472
原创 触发onclick事件元素的获取
onclick触发元素获取&amp;lt;button class=&quot;btn&quot;onclick=&quot;a();&quot;&amp;gt;一号&amp;lt;/button&amp;gt;&amp;lt;button class=&quot;btn&quot;onclick=&quot;
2018-09-23 13:49:26
18508
1
原创 单选框选中值获取以及设置某个选中
radio选中的值获取HTML： &lt;input type="radio" name="sex" id="sex" value="男" /&gt;男 &lt;input type="radio" name="sex" id=&
2018-09-21 16:16:51
1911
原创 mongoose多表查询
mongoose多表查询用户表和帖子表为例帖子表：const mongoose = require('mongoose');const Schema = mongoose.Schema;const BlogPost = new Schema({us:String,theme:String, desc:String, usID:{ //保存user中的i...
2018-09-21 16:11:16
1233
1
原创 mongoose图片上传先放入缓存文件在写入放入静态文件夹中
multer 图片上传先放入缓存文件在写入放入静态文件夹中引用静态文件：//静态文件夹//前一个是路由，后一个相对本文件的路径用来存放图片//app.use('',express.static(path.join(__dirname,'./static'))) app.use(express.static(path.join(__dirname,'./static'))) 安装mult...
2018-09-21 15:49:52
1616
原创 ERROR errno -4048，Error: EPERM: operation not permitted
npm install 报错（npm ERR! errno -4048，Error: EPERM: operation not permitted,）解决方法清理缓存：npm cache clear --force
2018-09-21 15:31:02
1245
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人