desongzhang的博客

原创 关于分页查询数据重复的问题 (分页查看时数据库插入导致) 的一个解决办法

原创 小程序-vant修改vant actionsheet图标颜色

.transfer-detail { --action-sheet-close-icon-color: black;}源码：.van-action-sheet__close { color: var(--action-sheet-close-icon-color, #c8c9cc); font-size: var(--action-sheet-close-icon-size, 22px) !important; line-height: inherit !important; p

原创 git命令总结

合并部分文件到目前分支git checkout '分支名' '路径'新分支推送git push --set-upstream origin '分支名'查看指定commitid 指定文件夹 提交的文件目录git show 09a42fbd66a4c12d8d94130600d8e72e7843714b --stat '路径'删除分支git branch -D '分支'git remote prune origin...

原创 获取vant组件内节点元素的信息

selector类似于 CSS 的选择器，但仅支持下列语法。ID选择器：#the-idclass选择器（可以连续指定多个）：.a-class.another-class子元素选择器：.the-parent > .the-child后代选择器：.the-ancestor .the-descendant跨自定义组件的后代选择器：.the-ancestor >>> .the-descendant多选择器的并集：#a-node, .some-other-nodes wx.

原创 微信小程序-picker-view 设置value值时触发bindchange事件

做一个联动的日期滚动组件时，用微信小程序的原生picker-view（本来想用vant，但是有个滚动回弹的bug）在bindChange事件中设置value会再次触发bindChange事件，造成页面滚动，可以加一个开关： if (this.data.isSlide) { this.setDefTime(val1, val2); } if (this.data.isSlide) { this.setData({ val

转载 官方组件默认样式修改的对应class

swiper面板指示点：.wx-swiper-dots.wx-swiper-dots-horizontal｛margin：20px //调整位置｝.wx-swiper-dot｛｝//指示点未选中样式.wx-swiper-dot-active｛｝//指示点选中样式button去除边框：button::after { border: none; }checkbox.wx-checkbox-input｛｝//未选中的框.wx-checkbox-input.wx-checkbox-input

原创 小程序-vant weapp Dialog提示未找到 van-dialog 节点

Dialog.alert({ title: '温馨提示', message: '挂失成功', }).then(() => { // on close });报错：如果直接使用提示未找到 van-dialog 节点请确认 selector 及 context 是否正确官网：context 选择器的选择范围，可以传入自定义组件的 this 作为上下文 object 当前页面 Dialog.alert({...

原创 微信小程序——设置背景图片

项目希望实现如上效果，使用vant的picker组件而源码是这样的： <view class="van-picker__cancel" hover-class="van-picker__cancel--hover" hover-stay-time="70" data-type="cancel" bindtap="emit" > {{ cancelButtonText }} </view> <view wx:i.

原创 vue-路由动画切换效果

<router-view v-slot="{ Component }"> <transition> <component :is="Component" /> </transition> </router-view>.v-enter-active { transition-duration: 2s; opacity: 0; ...

转载 修改对象键名

1 data: { 2 code: 0, 3 text: '数据分析', 4 plant: [], 5 }, 6 // 把data下的plant改成children 7 data: { 8 code: 0, 9 text: '数据分析',10 children: [],11 },let newData= JSON.parse(JSON.stringify(this.data).replace(/plant/g,"children")).

转载 elementUI 表格 prop属性 如何通过判断转换值

<el-table-column :label="htmlText.tbDate" width="80"> <template slot-scope="scope"> <span v-if="scope.row.createTime == 0">正常</span> //这里使用===还是==得看返回值是什么类型的，需不需要转换啥的，自己尝试一下就可以了，这样直接写也是行的，不过推荐最好使用=== <span v-e

原创 图片的引入

<img :src="require('./assets/logo.png')" > <img src="@/assets/logo.png" >

转载 配置webpack

https://github.com/wallstreetcn/webpack-and-spa-guideconst { resolve } = require('path')const HtmlWebpackPlugin = require('html-webpack-plugin')const history = require('connect-history-api-fallback')const convert = require('koa-connect')// 使用 WEBPACK

原创 eslint vscode配置

"editor.codeActionsOnSave": { "source.fixAll.eslint": true }, // 启用保存时自动修复,默认只支持.js文件 "eslint.validate": [ "javascript", // 用eslint的规则检测js文件 "html", "vue" ], // #让prettier使用eslint的代码格式进行校验 "prettier.eslintIntegration": true,

转载 npm安装

npm重新安装node_modules方法安装rimraf ： cnpm install rimraf -g执行： rimraf node_modules 删除文件荚清空缓存： npm cache clean --force重新安装淘宝镜像： npm install -g cnpm --registry=https://registry.npm.taobao.org再次执行：cnpm inpm其经的操 作查看源：npm config get registry设置源：

转载 JavaScript原型&原型链

JavaScript原型&原型链原型链图图中Parent是构造函数，p1是通过Parent实例化出来的一个对象。如果你看到这张图一脸懵，不要怕，往下看，下面会一步一步教你认识原型&原型链前置知识js的初学者一般很难理解原型和原型链的概念，但原型和原型链又是js中最重要的点之一。从jQuery到现在最火的框架之一Vue，原型的应用无处不在，那我们该怎么学好JavaScript的原型和原型链呢？想要弄清楚原型和原型链，这几个属性必须要搞清楚，__proto__、prototype、.

原创 node 邮件

前端：// 邮件提交 submit() { this.$refs.contactForm.validate(async (valid) => { let message = this.contactForm.message.trim(); let emails = this.contactForm.email.trim(); let name = this.contactForm.name.trim(); if (v

原创 mongoose踩坑

mongoose.Types.ObjectId(item).toString()把转为字符串格式错误代码： let doc = (await msgDB.findById(item._id)).children.id(childItem._id); let likes = [...doc.likes].map((item) => {mongoose.Types.ObjectId(item).toString(); }); let index = li

转载 2021-07-07

//创建表模板 var User=mongoose.model("User",{name:String,age:Number,..........})//插入数据User.create(Object,()=>{......})//更新数据User.update(Object,()=>{......})//删除数据User.remove(Obeject,()=>{......})下面的路径是自定义的数据备份：mongodump -d dbname -o c:/dat

翻译 Date 对象

四种方法同样可以创建 Date 对象：var d = new Date();var d = new Date(milliseconds);var d = new Date(dateString);var d = new Date(year, month, day, hours, minutes, seconds, milliseconds);1.没有参数如果没有提供参数，那么新创建的Date对象表示实例化时刻的日期和时间。2.Unix时间戳value一个 Unix 时间戳（Unix Ti

原创 emoji表情包

emoji: [ "????", "????", "????", "????", "????"， "????", "????", "????","????", "????","????","????","????","????","????","????","????","????","????", "????","????","????","????","????","????","????","????","????","????", "????","?

转载 mongoose 系列之五 populate

https://segmentfault.com/a/1190000021151338

原创 按钮字间距并居中

button { width: 70px; cursor: pointer; background: cornflowerblue; border: none; border-radius: 5px; color: white; letter-spacing: 5px; text-indent: 5px; }

原创 2021-07-05

textarea禁止拉伸：resize:none;

原创 取出promise的值

this.$axios({ method: "post", url: "/login/check", }) .then((req) => { console.log(req.data.code); }) .catch((err) => { console.log(err); });

原创 cors跨域

axios默认不带cookie，全局设置：axios.defaults.withCredentials = true;后端：const cors = require(“cors”)module.exports = cors({origin: “http://localhost:8080”,credentials: true});

转载 session和cookie

1，session 在服务器端，cookie 在客户端（浏览器）2，session 默认被存在在服务器的一个文件里（不是内存）3，session 的运行依赖 session id，而 session id 是存在 cookie 中的，也就是说，如果浏览器禁用了 cookie ，同时 session 也会失效（但是可以通过其它方式实现，比如在 url 中传递 session_id）4，session 可以放在 文件、数据库、或内存中都可以。5，用户验证这种场合一般会用 session 因此，维持一个会

原创 mongoose连接到别的已有的集合

mongoose从数据库读取数据, 不需要mongoose.collection(‘collectionName’).完整的学习参考mongoose文档。简单例子如下，其中{}是具体条件或者数据。– model.js –const mongoose = require('mongoose');mongoose.connect('mongodb://locahost/dbName')const dataSchema = new mongoose.Schema({});const dataModel

原创 mongoose基础

const mongoose = require("mongoose")const url = "mongodb://localhost:27017/userDatabase";let userSchema = new mongoose.Schema({ name: String, age: Number, length: Number,}, { versionKey: false})//建表const fn = async () => { /

转载 mongoose 验证

mongoose 验证在创建集合规则时，可以设置当前字段的验证规则，验证失败则输出错误提示信息。required: true 必传字段minlength: 2 字符串最小长度maxlength 10 字符串最大长度min: 10 数值最小值max: 100 数值最大值enum: [‘html’,‘css’,‘javascript’] 枚举，列出当前可以拥有的字段trim: true 去除字符前后两边的空格validate： 自定义验证器default: 默认值const postSc

转载 Express内置的中间件(express.json和express.urlencoded)格式的请求体数据

Express内置的中间件自 Express 4.16.0 版本开始，Express 内置了 3 个常用的中间件，极大的提高了 Express 项目的开发效率和体验express.static 快速托管静态资源的内置中间件，例如： HTML 文件、图片、CSS 样式等（无兼容性）express.json 解析 JSON 格式的请求体数据（有兼容性，仅在 4.16.0+ 版本中可用）express.urlencoded 解析 URL-encoded 格式的请求体数据（有兼容性，仅在 4.16.0+ 版

转载 引用组件Element不能更改css样式的办法

在引用element写项目，想更改一下css样式 无效在选择器之前加个/deep/即可/deep/ #tab-first { background: red; width: 100px; }```https://blog.youkuaiyun.com/m0_46907690/article/details/106134970?ops_request_misc=&request_id=&biz_id=102&utm_term=vue%E8%AE%BE%E7%B

转载 命令行删除文件

这个命令是微软的windows系统自带的，用起来很简单，我相信你一看便明白！XP或win7/win8/10都通用的！首先XP：在开始–运行，在运行的文本框中输入cmd–>回车win7直接在搜索框中输入cmd–>回车 ;2.在弹出的黑色运行窗口里面输入图的：del /? —>然后敲回车按键。这样就能显示这个命令的帮助信息啦。哦！我这个截图的窗口是改过属性的，颜色不是黑色的哦。只要在DOS窗口中输入上面的命令就行了3.根据帮助信息得到命令使用方法便是：del [参数] [

原创 vue设置body样式不生效

去掉scoped 属性，这个表示它的样式作用于当下的组件，使得该css样式不影响到其他组件或本组件的子组件，也保护的本组件的样式不受其他组件影响。<style lang="less" >@import "./assets/css/reset.css";@import "./assets/iconfont/iconfont.css";// 滚动条样式/* 设置滚动条的样式 */::-webkit-scrollbar { width: 5px;}/* 滚动槽 */::-web

转载 2021-05-17

[vue/no-multiple-template-root]The template root requires exactly one element.eslint-plugin-vuehttps://www.it610.com/article/1357750591664762880.htm

原创 nrm安装报错

const NRMRC = path.join(process.env[(process.platform == ‘win32’) ? ‘USERPROFILE’ : ‘HOME’], ‘.nrmrc’);

转载 终端执行node

原文：https://www.html.cn/qa/node-js/10677.html在终端运行node有三种方式：第一种通过node –e的方式。第二种通过直接进入node的模式。第三种通过脚本的方式运行node.js。在终端运行node的具体实现方法：第一种通过node –e 的方式C:\Users\Administrator>node -e console.log(‘第一种运行node.js方式’);第一种运行node.js方式C:\Users\Administrator>

原创 关于jq hover事件里click多次触发的问题

在学习jq轮播图淡入淡出效果的时候，代码如下：<script> var index = 0; var run = function () { index++; if (index > $("ul>li").length - 1) { index = 0; } $("ul>li").eq(index).stop(true

转载 js做放大镜时offsetX,offsetY抖动解决办法

在模仿淘宝放大镜效果时, 发现mask层一直抖动, 红色方框添加了onmousemove事件, 内部用到了offsetX 最后解决方案是给mask添加css属性: pointer-events: none; 原本我是想让outer作为参考系获得offsetX和offsetY的值, 所以把onmousemove事件响应函数添加到outer上, 可是这样做仅仅代表,事件冒泡到outer层才会执行回调函数, offsetX参考系并不是outer, 其实event.offsetX是以event.tar

转载 如何理解var e=e||window.event的

如何理解var e=e||window.event的作者：JamHsiao_aaa4你是如何理解var e=e||window.event的？相信很多人都能给我个回答说是：为了实现多种浏览器兼容。不错，确实是为了实现浏览器兼容，但是它又是如何实现浏览器兼容的呢？其实，如果把他写全的话，就好理解多了吧。function(event){var e=event?event||window.event;}这样来看的话，相信粗懂java的人都会知道了，如果存在event,那么var e=event;而