2021前笔记
笔记
_zhao_pp
低调点
展开
-
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 · 1325 阅读 · 0 评论 -
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 阅读 · 0 评论 -
移动端界面调试工具
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 · 73 阅读 · 0 评论 -
对数组的操作以及相应的返回值
对数组的操作以及相应的返回值数组操作方法: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 · 527 阅读 · 0 评论 -
触发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 · 18510 阅读 · 1 评论 -
弹框始终位于屏幕中心位置
弹框始终位于屏幕中心位置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 · 473 阅读 · 0 评论 -
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 · 1378 阅读 · 0 评论 -
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 · 787 阅读 · 0 评论 -
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 · 1119 阅读 · 0 评论 -
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 阅读 · 0 评论 -
vue安装输入vue不是内部命令
vue安装输入vue不是内部命令1.全局搜索vue.cmd2.将上部路径配置到path环境变量中去即可3.输入vue是否输出4.输入vue -V显示vue版本原创 2019-01-03 12:02:03 · 1461 阅读 · 0 评论 -
iconfont阿里巴巴矢量图标库的使用
iconfont阿里巴巴矢量图标库的使用iconfont阿里巴巴矢量图标库地址找到需要的图标加入购物车加入项目下载到本地复制一下文件到相应目录main.js 引入css:import ‘./common/style/font/iconfont.css’ //相对路径点击获取代码,在父级加iconfont类名即可Iview图标点击复制代码即可有用文件:应用:...原创 2018-10-27 16:58:41 · 405 阅读 · 0 评论 -
vue路由跳转时定位到页面顶部的方法
原 vue路由跳转时定位到页面顶部的方法汇总 2019年04月16日 14:21:55 wh_xmy 阅读数:106 ...转载 2019-06-07 09:05:28 · 9006 阅读 · 1 评论 -
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 · 1553 阅读 · 0 评论 -
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 · 2689 阅读 · 0 评论 -
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 · 394 阅读 · 0 评论 -
better-scroll使用后点击事件失效
better-scroll使用后点击事件时效(9-8) this.scroll = new BScroll(this.$refs.wrapper, {click: true, tap: true });相关博客:https://blog.csdn.net/dexing07/article/details/79487344...原创 2018-09-09 16:30:08 · 1762 阅读 · 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 · 1913 阅读 · 0 评论 -
jquery为动态添加元素绑定点击事件
jquery为动态添加元素绑定点击事件mainbody为不动的父级元素click为事件名.link为要添加事件的元素function为事件 $("#mainbody").on("click",".link",function(){ });...原创 2018-09-25 18:27:45 · 1473 阅读 · 0 评论 -
父级元素设置透明度不影响子级
父级元素设置透明度不影响子级background:rgbd(0,0,0,.5);或者直接用个img标签设置背景图片,修改他的opcity即可原创 2019-03-21 10:04:16 · 1185 阅读 · 1 评论 -
获取当前界面的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 · 2045 阅读 · 0 评论 -
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 · 241 阅读 · 0 评论 -
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 · 1234 阅读 · 1 评论 -
node 安装mongoose ERROR
a complete log of this run can be found in:全局更新npm install npm -g原创 2018-09-21 15:27:38 · 481 阅读 · 0 评论 -
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 · 1619 阅读 · 0 评论 -
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 阅读 · 0 评论 -
搭建node服务器简单
node服务器搭建安装expressnpm install express --save监听端口号var express = require('express');var app = express();app.get('/', function (req, res) { res.send('Hello World!');});var server = app.listen(3...原创 2018-09-21 10:13:56 · 150 阅读 · 0 评论 -
mongoDB下载和node.js连接
搭建node服务器创建文件夹mongo安装express$ npm install express --save在mongo下创建index.js文件粘贴下面代码:var express = require('express');var app = express();app.get('/', function (req, res) { res.send('Hello...原创 2018-09-13 17:38:21 · 233 阅读 · 0 评论 -
node安装
1.安装地址:https://nodejs.org/zh-cn/download/2.安装运行3.安装成功原创 2020-10-29 16:17:15 · 80 阅读 · 0 评论 -
Echarts地图json获取
地址:点击进入地图选择器原创 2019-10-09 10:56:13 · 886 阅读 · 0 评论 -
时间过滤器
时间过滤器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 · 1939 阅读 · 0 评论 -
列表过滤+侧边菜单+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 · 723 阅读 · 0 评论 -
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 · 277 阅读 · 0 评论 -
全局安装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 阅读 · 0 评论 -
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 阅读 · 0 评论 -
点击事件触发退出小程序
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 · 2467 阅读 · 0 评论 -
微信小程序 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 · 309 阅读 · 0 评论 -
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 · 1636 阅读 · 0 评论 -
微信小程序用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 · 324 阅读 · 0 评论 -
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 · 1215 阅读 · 0 评论