- 博客(40)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 Node升级后vue 项目 node-sass报错
node升级命令npm install -g nsudo n 16.14.0升级后以前的vue 项目 node-sass 报错解决方案1.卸载原有的node-sass 和 sass-loadernpm uninstall node-sass sass-loader2.升级项目所有安装的依赖npm update3.安装sass-loader与sassnpm install -D sass-loader@^10 sass4.重新打包npm run dev （如图2）Syn
2022-05-16 17:06:02
710
原创 VUE 使用 VueScrollTo 添加锚点跳转
一、引入npm install --save vue-scrollto// main.jsimport Vue from 'vue'var VueScrollTo = require('vue-scrollto');Vue.use(VueScrollTo)二、使用// xxx.vue//template<el-table:data="data"height="244"stripe:row-class-name="tableRowClassName"v-loading="
2022-05-11 10:40:37
1632
原创 vue+element 多选下拉选项树状列表
1.先上效果图二、父组件<template> <div class="city-tree-wraper"> <h4>选项树状列表多选</h4> <ElInputTag :suffix-icon="isShowSelectTree?'el-icon-arrow-up':'el-icon-arrow-down'" :value="checkedLabel" :addTagOnKeys="checkedkey"
2022-03-23 18:02:45
1643
原创 vue+element 下拉选项 树状单选
一、先上效果图：二、index.vue<template> <div class="city-tree-wraper"> <h4>选项树状列表单选</h4> <el-input placeholder="请选择" :suffix-icon="isShowSelectTree?'el-icon-arrow-up':'el-icon-arrow-down'" @click.native.stop="isShowSelect
2022-03-23 17:11:07
1359
原创 vscode 插件
vscode 多个项目插件project Manager1.在扩展程序中搜索project Manager，然后点击安装2.安装成功后，点击左侧文件夹图标，点击编辑图标，输入自己项目目录和名称
2022-03-22 10:37:24
2539
原创 uni-app 使用 uni-form报错
//保存信息<uni-forms> - did you register the component correctly? For recursive components, make sure to provide the "name" option.解决方案参考https://ext.dcloud.net.cn/plugin?id=55我的项目用npm 安装的，所以如下步骤一、准备 sassvue-cli 项目请先安装 sass 及 sass-loader，如在 HBulider
2021-11-12 13:43:52
3219
转载 微信小程序UI组件库
微信小程序UI组件库合集https://developers.weixin.qq.com/community/develop/article/doc/000ecc775a86807f7ba9b7dc956c13第一款：官方WeUI组件库，地址 https://developers.weixin.qq.com/miniprogram/dev/extended/weui/第二款：ColorUI：地址 https://github.com/weilanwl/ColorUI第三款：vantUI（又名：
2021-11-10 14:52:26
163
转载 切换node版本
首先要有nvm1.安装nvmbrew install nvm2、使用nvm安装node版本//安装最新版本nvm install node//安装指定版本nvm install 8.16.03.查看所有版本nvm ls4、切换node版本 //使用最新版本 nvm use node //使用指定版本 nvm use 10.16.2原文链接：https://blog.csdn.net/bai_mi_student/article/details/118337
2021-11-10 13:19:45
201
原创 vue打包加时间戳
webpack.prod.conf.jslet timeStamp = new Date().getTime();const env = process.env.NODE_ENV === 'testing' ? require('../config/test.env') : require('../config/prod.env')...//const webpackConfig = merge(baseWebpackConfig, { output: { path: c
2021-10-21 13:45:32
1436
原创 router.onError
router.onError((error) => { const pattern = /Loading chunk (\d)+ failed/g; const isChunkLoadFailed = error.message.match(pattern); const targetPath = router.history.pending.fullPath; if (isChunkLoadFailed) { router.replace(targetPath);
2021-10-21 13:38:15
2683
1
原创 vue项目用webpack全局引用某个scss
首先引用scss一、目录 package.json"dependencies": { "vue": "^2.5.2", "vue-router": "^3.0.1", "node-sass": "^4.14.1", },"devDependencies": { "sass-loader": "^7.3.1", "sass-resources-loader": "^2.2.3",}目录 build/utils.js sass: generateLoa
2021-09-09 16:38:55
192
原创 bootstrapTable jquery.treegrid.min.js点击某行 展开
onClickRow: function(row,$element){ if(!$(event.target).is($("span"))){ $element.treegrid('toggle') }}
2021-08-12 15:56:44
424
原创 vscode 安装和使用Easy Sass
第一步，打开vscode，在商店中找到easy sass。第二步，安装easy sass第三步，点击设置图标，点击扩展设置第四步，在工作区 设置settings.json第五步，将settings.json文件设置为一下内容{ /** Easy Sass 插件 **/ "easysass.compileAfterSave": true, "easysass.excludeRegex": "", "easysass.formats": [
2021-06-18 14:25:39
2285
原创 jquery 给所有ajax请求添加header
ajaxhttpRequest:function(){ var user_id = $.cookie('user_id'); if ($ !== undefined && user_id && user_id !== '') { $(document).ajaxSend(function (event, jqxhr, settings) { jqxhr.setRequestHeader(.
2021-06-03 16:48:35
1824
转载 vscode sftp 保存时报错
报错信息：在找报错期间，确定以下几点是正确切没问题的1。确定了 .vscode/sftp.json 没问题2。网络状况。3。权限问题最终解决方案：修改文件：~/.vscode/extensions/liximomo.sftp-1.12.9/node_modules/ssh2-streams/lib/sftp.js//388 行if (code === STATUS_CODE.OK) {改为if (code === STATUS_CODE.OK || code === STATUS_C
2021-05-24 11:44:44
393
原创 地图聚合点 - PruneClusterForLeaflet
需要下载可点击 本人另外一条文章，链接<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8" /> <title>PruneCluster - Realworld 50k</title> <link rel="stylesheet" href="../dist/leaflet.css"/> <script src="../
2021-04-19 15:38:54
341
原创 bootstrapTable 取消 loading效果
使用showloading：false 不起效，纠结了许久写下的一种笨方法，如果有更好的解决方案，欢迎评论$(’#table’).bootstrapTable(“hideLoading”);$(’.fixed-table-loading’).remove();$(’.no-records-found’).remove();var _this = this; $('.no-records-found').remove(); $('#table').bootstrapTa
2021-02-23 17:25:43
2006
1
原创 vue 跨域 使用proxyTable解决
踩了一天的坑，终于完成了，废话不多说上代码config/index.js'use strict'// Template version: 1.3.1// see http://vuejs-templates.github.io/webpack for documentation.const path = require('path')const proxyConfig = require('./proxyConfig')module.exports = { dev: {
2021-01-22 20:32:59
328
1
原创 echarts 自定义鼠标划过的显示 与 自定义legend
option.tooltip.formatter 修改了鼠标划过显示效果效果：var legendData = ['concentrationAct','concentrationMet']var series = [ { name: legendData[0], type: 'line', symbol:'image://data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WO
2020-12-22 16:03:39
2230
1
转载 vue 首次加载缓慢
可参考 https://www.cnblogs.com/zyulike/p/11190012.html第一次打包vue的项目部署到服务器下时，发现初次加载特别的缓慢，将近20s页面才加载出来，完全没有开发环境上的那么流畅。主要原因是页面在打包后如果不进行相关配置会导致资源文件特别的大，一次想要全部加载完成会特别的耗时。这里简单总结一下自己用到的一些优化的方案。首先我们可以安装webpack-bundle-analyzer 插件，通过这个插件我们可以在打包的时候看到打包文件的大小，可以明显的看出哪些文件
2020-12-04 13:45:41
887
原创 npm run build 后报JS stack trace的解决办法（webpack打包时内存溢出问题解决）
npm run build 后报JS stack trace的解决办法解决办法 ：package.json"scripts": { "dev": "node --max-old-space-size=4096 ./node_modules/.bin/webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", "start": "npm run dev", "build": "nod
2020-11-26 18:07:26
2776
原创 Moment.js 的使用方法记录
Moment.js 的使用方法记录例如当前时间为 startTime = '2020-09-3012:00:00'//获取当前时间 var startTime = moment().format('YYYY-MM-DDMM:mm:ss');//格式转化moment(startTime,'YYYY-MM-DDHH:mm:ss').format('YYYYMMDD');//20200930moment(startTime,'YYYY-MM-DDHH:mm:ss').format('YYYY-M
2020-09-27 16:08:01
108
原创 通过jquery 使用 i18n，实现多语言
1.引入jquery2.引入jquery.i18n.properties.js3.创建common_zh.properties和common.properties文件（ 如果使用 common.properties文件英文没反应，可以修改为common_en.properties）##common_zh.propertiesContact = 中文Contact1 = 注册问题，请查阅 <a>用户支持页面</a>.##common.propertiesContac
2020-09-11 15:41:27
4487
原创 整理 正则匹配
//邮箱var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;var email = '[email protected]'if(!filter.test(email)){ return false;}
2020-09-11 15:04:56
238
原创 同时包含开始日期和结束日期的 日期组件
功能介绍：支持中英文，支持只选年、只选日、只选月具体压缩包下载请查看：https://download.csdn.net/download/qq_37541486/12837231功能样式参考：调用方法：//如想只选年可修改 startView，maxViewMode，minViewMode（0-日，1月，2年）_this.startView = 0; //组件默认显示日_this.maxViewMode = 2;//组件最大显示年_this.minViewMode = 0;//组件最小显
2020-09-11 12:11:25
299
原创 关于echarts 自定义 tooltip 和设置虚线与实线
效果图涉及代码<div class="echarts_bottom" style="width:500px;height:600px;"></div>setEchartsData:function(echartsId){ var _this = this; this.getTapData(echartsId).then(function(result){ var code = Object.keys(result.value)
2020-09-11 11:22:53
3299
原创 正则 获取地址栏参数
//假设访问的地址是：http://xxxxxx/?page_id=545&version=2_0&year=2019//调用的方法getUrlParam('page_id') // 545getUrlParam('version') // 2_0getUrlParam('year') // 2019//获取地址栏参数方法function getUrlParam(key){ // 获取参数 var url = window.location.search;
2020-08-28 18:14:39
208
原创 jquery 复制到粘贴板（在wordpress中使用了bootstrap 的 modal 弹窗，在弹窗上复制）
一个index.html文件<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta charset="utf-8" /> </head> <bo
2020-08-26 17:56:37
423
转载 wordpress 的安装
wordpress网站下载解压后，会有一个readme.html.可根据步骤完成或者参考链接详细安装步骤或者看如下截图（此处为后端php同学完成的）
2020-07-17 11:13:23
99
原创 Echarts中使用dataZoom-yAxisIndex后 折线图不显示断点了
在使用echarts时，想要给纵坐标增加【区域缩放】功能，所以就有了如下代码块dataZoom: [ { type: 'slider', show: true, yAxisIndex: [0], left: '0%' } ], //或者dataZoom: [ { type: 'slider', show: true, yAxisIndex: [0]
2020-07-17 11:03:20
1802
原创 mac chrome安装vue-devtools，新版npm run dev 报错
**最近在mac chrome上安装vue-devtools发现npm run dev/build 报错**百度浏览了一堆别人写的文，发现都是以前的这种方式：添加链接描述，试了好多次都无效，之后看到有人说切换到master分支下载，这才完成添加总结：在github网页切换到master分支，然后下载zip格式，下载完成解压缩，cd vue-devtools-mastersudo cnpm install 然后提示请输入密码，输入电脑锁屏密码npm run build这样就可以了.
2020-06-02 16:15:35
311
原创 TCP的四层
层级名称流程应用层HTTP报文传输层TCP头 ，HTTP报文网络层IP头、TCP头 ，HTTP报文网络接口层MAC头、IP头、 TCP头 ，HTTP报文最后生成数据流101000101...
2020-04-22 11:24:57
105
PruneCluster.zip
2021-04-19
jquery.i18n.properties.js
2020-09-11
datepicker.zip
2020-09-11
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人