﹏゛Aeljinh陌琳-优快云博客

原创 1920*1080 网页使用scale在其他分辨率或宽度下等比例缩放

大屏项目

2022-12-28 15:30:37 1844

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 811

原创 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 1749

原创 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 1928

原创 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 1415

原创 vscode 插件

vscode 多个项目插件project Manager1.在扩展程序中搜索project Manager，然后点击安装2.安装成功后，点击左侧文件夹图标，点击编辑图标，输入自己项目目录和名称

2022-03-22 10:37:24 2726

原创 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 3686

转载微信小程序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 200

转载切换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.youkuaiyun.com/bai_mi_student/article/details/118337

2021-11-10 13:19:45 302

原创 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 1543

原创 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 2932 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 250

原创 bootstrapTable jquery.treegrid.min.js点击某行展开

onClickRow: function(row,$element){ if(!$(event.target).is($("span"))){ $element.treegrid('toggle') }}

2021-08-12 15:56:44 520

原创 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 2506

原创 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 1949

转载 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 588

原创地图聚合点 - 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 412

原创 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 2259 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 401 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 2431 1

转载 vue 首次加载缓慢

可参考 https://www.cnblogs.com/zyulike/p/11190012.html第一次打包vue的项目部署到服务器下时，发现初次加载特别的缓慢，将近20s页面才加载出来，完全没有开发环境上的那么流畅。主要原因是页面在打包后如果不进行相关配置会导致资源文件特别的大，一次想要全部加载完成会特别的耗时。这里简单总结一下自己用到的一些优化的方案。首先我们可以安装webpack-bundle-analyzer 插件，通过这个插件我们可以在打包的时候看到打包文件的大小，可以明显的看出哪些文件

2020-12-04 13:45:41 977

原创 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 3234

原创 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 171

原创通过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 4703

原创整理正则匹配

//邮箱var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;var email = '1@1.com'if(!filter.test(email)){ return false;}

2020-09-11 15:04:56 283

原创同时包含开始日期和结束日期的日期组件

功能介绍：支持中英文，支持只选年、只选日、只选月具体压缩包下载请查看：https://download.youkuaiyun.com/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 380

PruneCluster.zip

jquery.i18n.properties.js

datepicker.zip

空空如也