- 博客(42)
- 问答 (1)
- 收藏
- 关注
RSS订阅转载 [antdv: Each record in table should have a unique `key` prop,or set `rowKey` to an unique.....
代码】[antdv: Each record in table should have a unique `key` prop,or set `rowKey` to an unique.....
2022-08-05 10:26:47
391
转载 vue使用SockJS实现webSocket通信
import SockJS from 'sockjs-client'import Stomp from 'stompjs'data() { return { stompClient: '', timer: '' } }, computed: { fixedHeader() { return this.$store.state.settings.fixedHeader } }, mounted() { thi.
2021-12-21 14:14:42
937
原创 原生方式实现websocket功能
data() { return { path: 'ws://82.157.123.54:9010/ajaxchattest', // path: 'ws://192.168.0.139:9999/api/notification/topic/server', websocket: undefined } },mounted() { // 初始化 this.init() }, destroyed() { // 销毁监听.
2021-12-21 11:06:49
388
1
原创 js计算百分比并保留2为小数
错误用法(row.hour / dialogTotalHour).toFixed(2) * 100 + '％'正确用法Math.round((row.hour / dialogTotalHour) * 10000) / 100 + '％'
2021-10-08 13:07:41
691
转载 elementUI Table获取单击的是第几行和第几列
<!--html--><el-table :cell-class-name="tableCellClassName" @cell-click="cellClick"></el-table>//jsmethods:{ tableCellClassName({row, column, rowIndex, columnIndex}){ //注意这里是解构 //利用单元格的 className 的回调方法，给行列索引赋值 .
2021-09-30 13:58:52
4649
转载 element-variables.scss
/* Element Chalk Variables */// Special comment for theme configurator// type|skipAutoTranslation|Category|Order// skipAutoTranslation 1/* Transition-------------------------- */$--all-transition: all .3s cubic-bezier(.645,.045,.355,1) !default;$.
2021-06-17 16:23:13
2702
转载 Mac M1 安装 MySQL
安装% brew install [email protected]: [email protected] 5.7.34 is already installed and up-to-date.To reinstall 5.7.34, run: brew reinstall [email protected]
2021-06-11 15:18:32
3081
2
原创 vue中全局使用scss的变量和mixin
1、在项目中安装style-resources-loader和vue-cli-plugin-style-resources-loader插件yarn add style-resources-loader --devyarn add vue-cli-plugin-style-resources-loader --dev2、准备variables.scss和mixin.scss文件// variables.scss文件$white1: #fff;$white2: rgba(255, 2
2021-04-15 10:59:07
935
原创 vue中使用flexible搭配postcss-plugin-px2rem插件进行页面适配
1、项目中安装lib-flexible和postcss-plugin-px2remyarn add lib-flexibleyarn add postcss-plugin-px2rem --dev2、在项目的入口main.js文件中引入lib-flexibleimport lib-flexible3、在项目的vue.config.js文件中配置postcssmodule.exports = { css: { loaderOptions: { postcs
2021-04-15 10:42:39
738
转载 使用.gitignore无法忽略某些文件
有时候使用.gitignore文件无法正确忽略指定的文件，明明已经填上了，但是远程服务器还在。这是因为我们在添加.gitignore文件的时候，要删除的文件已经在服务器上了，这时再添加也是没法忽略远程服务器上的文件的，解决方法是先删除本地缓存，然后再add，这时就可以正常删除指定忽略的文件了。比如我想删除a/b/c/d/e.txt，则命令为：gitrm-r--cached a/b/c/d/e.txt当然，如果文件多的话，也可以直接把缓存全部删除：git rm -r --cach...
2021-04-13 11:50:53
364
原创 在vscode中使用git进行版本管理
公司代码版本管理工具现在要使用Git替换SVN，在服务器上部署了GitLab，地址http://192.168.0.200/注意：操作下面步骤之前要安装Git，官网下载网速太慢，提供国内阿里镜像地址：https://npm.taobao.org/mirrors/git-for-windows/安装完后记得配置下列信息：git config --global user.name "倪成景"git config --global user.email "nichengjing@vdatacl..
2021-04-01 15:58:53
511
原创 Vue 3 ::v-deep usage as a combinator has been deprecated. Use ::v-deep(＜inner-selector＞) instead
在scss中下面代码报错Vue 3 ::v-deep usage as a combinator has been deprecated. Use ::v-deep(<inner-selector>) instead.parent ::v-deep .child { ...}更换成下面代码后就OK.parent ::v-deep(.child) { ...}
2021-03-23 15:14:26
8713
1
转载 vue3问题--[Vue Router warn]: ＜router-view＞ can no longer be used directly inside ＜transition＞ or ＜keep
router-view can no longer be used directly inside transition or keep-alive代码<transition name="router-fade" mode="out-in"> <keep-alive> <router-view v-if="$route.meta.keepAlive"></router-view> </keep-alive><.
2021-03-23 14:03:41
5553
1
原创 vue-cli中如何将让scss变量能够同时在scss和js中使用
变量创建所有scss变量在styles/variables.scss.js编写，格式要求为：/** * variables.scss.js中变量的命名规则如下： * 1.驼峰命名法 * 使用方式如下： * 1.在scss变量中使用是正常的scss变量：$sideBarWidth * 2.在js中使用是定义时的变量格式：import { sideBarWidth } from "@/style/variables.scss.js"; * */module.exports = { .
2021-03-23 13:56:15
748
转载 npm 镜像地址设置
0、恢复默认镜像地址删除会恢复默认镜像npm config delete registry1、获取配置镜像地址npm get registry2、配置镜像地址npm config set registry http://registry.npm.taobao.org/
2021-03-15 16:55:25
1687
转载 前端存储cookie、sessionStorage、localStorage、websql与indexeddb
1. cookie1.1什么是cookieHTTP协议本身是无状态的。什么是无状态呢，即服务器无法判断用户身份。Cookie实际上是一小段的文本信息（key-value格式）。客户端向服务器发起请求，如果服务器需要记录该用户状态，就使用response向客户端浏览器颁发一个Cookie。客户端浏览器会把Cookie保存起来。当浏览器再请求该网站时，浏览器把请求的网址连同该Cookie一同提交给服务器。服务器检查该Cookie，以此来辨认用户状态，常用于存放token信息。打个比方，我们去银行办.
2021-03-02 18:01:35
568
转载 vue项目性能优化
一、代码优化1、v-if 和 v-show v-if 是懒加载，当状态为 true 时才会加载，并且为 false 时不会占用布局空间； v-show 是无论状态是 true 或者是 false，都会进行渲染，并且只是简单地基于 CSS 的 display 属性进行切换，并占据布局空间。对于在项目中，需要频繁调用，不需要权限的显示隐藏，可以选择使用 v-show，可以减少系统的切换开销。 在我来看要分两个维度去思考问题： 第一个维度是权限问题，只要涉及到权限相关的展示无疑要用v.
2021-02-19 15:38:46
346
原创 TypeScript初学笔记
1 JavaScript 与 TypeScript 的区别TypeScript 是 JavaScript 的超集，扩展了 JavaScript 的语法，因此现有的 JavaScript 代码可与 TypeScript 一起工作无需任何修改，TypeScript 通过类型注解提供编译时的静态类型检查。TypeScript 可处理已有的 JavaScript 代码，并只对其中的 TypeScript 代码进行编译。const hello : string = "Hello World!"co
2021-02-08 12:36:52
107
原创 uni-app初学笔记
来源：黑马程序员uni-app框架https://www.bilibili.com/video/BV1Sc41187nZ?p=1 1 uni-app初体验1.1开发方式使用DCloud公司提供的HBuilderX来快速开发 使用脚手架来快速搭建和开发1.2脚手架搭建项目脚手架搭建项目1.全局安装 npm install -g @vue/cli 2.创建项目 ...
2021-02-04 13:58:42
220
2
原创 原生小程序API Promise化
官方文档中提供了miniprogram-api-promise插件，https://developers.weixin.qq.com/miniprogram/dev/extended/utils/api-promise.html安装npm install --save miniprogram-api-promise使用在小程序入口（app.js）调用一次promisifyAll，只需要调用一次。// app.jsimport { promisifyAll } from 'minip
2021-02-01 17:00:50
275
转载 Nginx Windows安装部署教程
一、Nginx简介Nginx (engine x) 是一个高性能的HTTP和反向代理服务器，也是一个IMAP/POP3/SMTP服务器。Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru 站点（俄文：Рамблер）开发的.它也是一种轻量级的Web服务器，可以作为独立的服务器部署网站（类似Tomcat）。它高性能和低消耗内存的结构受到很多大公司青睐，如淘宝网站架设。先下载直接去官网nginx.org分别有Linux和Windows两个版本点击后就会下载，下载完
2021-01-29 17:23:44
176
转载 vue中监听页面滚动和监听元素滚动
监听页面滚动在生命周期mounted中进行监听滚动：mounted () { window.addEventListener('scroll', this.scrollToTop)},在方法中定义监听滚动执行的方法：scrollToTop() { var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop; console.log(scrollT
2021-01-29 11:54:36
1387
转载 微信小程序 引入Vant Weapp组件库，并将px转化成rpx
1、初始化并安装npm init //一路回车npm install --productionnpm i @vant/weapp -S --production使用cmd后输入npm init 出现的界面一路回车就行2、在小程序的本地设置勾选使用npm3、 在小程序工具–构建npm4、构建成功后会出现miniprogram_npm文件夹5、引用vant组件//在对应页面的json"usingComponents": { "van-icon": "@vant/weapp/i
2021-01-21 09:07:49
1385
原创 vue中a标签锚点的替代方案
近期在vue项目中，使用了a标签锚点定位对应内容的时候发现路由也发生了变化，此时如果去刷新页面则会出现找不到页面的情况。如果直接使用下面的方法进行锚链接，会导致路由变成xxx，这样显然不是我们需要的<a href="#xxx"></a><div id="xxx"></div>我们可以采用下面的方法解决：<ul class="mdnav maxCon"> <li><a @click.prevent="anchor('
2021-01-20 09:16:20
1152
原创 vscode小程序插件下载
wechat-snippet微信小程序代码辅助,代码片段自动完成minapp微信小程序标签、属性的智能补全（同时支持原生小程序、mpvue 和 wepy 框架，并提供 snippets）wxapp-helper选择创建wx组件，自动生成配套的文件，简直不要太爽...
2021-01-08 16:45:04
386
原创 vscode中配置eslint+vetur+prettier实现保存时自动格式化并修复
首先安装vscode的elinst、vetur、prettier插件然后设置setting.json文件{ "sync.autoDownload": false, "sync.autoUpload": false, "sync.gist": "95334f62cb3f660374fb11d0603264bd", "workbench.iconTheme": "vscode-icons", "editor.renameOnType": true, "editor.renderInd
2020-12-11 17:50:48
1423
1
转载 大厂是怎么做移动端适配的
1 前言随着Web技术的革新，移动端适配方案也在不断的变化，网上有很多关于移动端适配的文章，说什么rem布局已经过时，vm适配才是最好的适配方案。有这种理解的同学是错误的，任何适配方案都有它的优缺点，要结合自己的使用场景来进行选择。文章先讲一下几种常见的适配方案，然后再看看几个大厂（腾讯、京东、网易、小红书、微博、美团、B站、搜狐、饿了么、携程、大众点评、知乎、拍拍贷、陆金所）的移动端页面都采用了什么样的适配方案，最后讨论下各个适配方法的适用场景和优缺点，如果有不对之处，希望能得到大佬们的指正。2 移
2020-11-27 15:30:57
317
转载 sort()方法对数组排序
说明如果调用该方法时没有使用参数，将按字母顺序对数组中的元素进行排序，说得更精确点，是按照字符编码的顺序进行排序。要实现这一点，首先应把数组的元素都转换成字符串（如有必要），以便进行比较。array.sort()方法默认是升序排序，如果想按照其他标准进行排序，就需要提供比较函数，该函数要比较两个值，然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b，其返回值如下...
2019-03-27 13:06:59
2883
原创 IDEA导入项目后一直卡在scanning files to index
找了好久后，发现是node_modules文件夹的原因。处理方式如下：选中node_modules文件夹，右键将其排除在索引之外。右键选择node_modules文件夹 — 选中Mark Directory As — Excluded...
2019-01-24 16:13:14
2314
2
原创 body设置全屏固定背景
body设置全屏固定背景body{ background: url(images/333.jpg) no-repeat 0 0; background-attachment:fixed; background-size:100%; height:auto; min-height: 100%;}
2019-01-11 17:04:59
779
1
转载 纯CSS实现小三角提示信息
效果如下图代码<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <style media="screen"> .arrow_box {
2018-11-27 16:30:14
227
空空如也
three.js中使用CSS2DObject创建的标签，能绑定点击事件吗，怎么实现？
2022-01-21
TA创建的收藏夹 TA关注的收藏夹
TA关注的人