jlhejs-优快云博客

原创 pm2 启动verdaccio 报错

pm2 启动verdaccio 报错

2022-06-07 15:38:00 1975

原创 js tree json 递归树结构数据查找所有父级非dom获取

<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <tit.

2022-02-10 09:18:12 566

原创 js 对象合并的几种方法

<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <tit.

2022-01-13 08:39:44 9526 2

//时间函数var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDate(); //获取当前日(1-31)myDate.getDay(); //获取当前星期X(0-6,...

2022-01-13 08:38:39 135

原创 2020-12-03

为什么会出现跨域问题提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加出于浏览器的同源策略限制。同源策略（Sameoriginpolicy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。所谓同源（即指在同一个域）就是两个页面具有相同的协议（protocol），主机（host）和端口号

2022-01-13 08:38:26 115

原创 10个可视化 CSS 工具，快速生成 CSS 片段

今天继续推荐提高我们摸鱼时间的几个神器，相信我，你会爱上他们的。1. Neumorphism地址：https://neumorphism.io/这个网站为section或div生成对应UI，它也可以自定义border-radius,box-shadow等。2. Shadows Brumm地址：https://shadows.brumm.af/它可以为我们生成多个分层阴影，一种非常酷的效果，也可以从曲线中自定义颜色。3. CSS Clip-path Make...

2021-11-05 10:51:09 430

原创 MySQL DATE_FORMAT() 函数

MySQL DATE_FORMAT() 函定义和用法DATE_FORMAT() 函数用于以不同的格式显示日期/时间数据。语法DATE_FORMAT(date,format)date参数是合法的日期。format规定日期/时间的输出格式。可以使用的格式有：格式描述 %a 缩写星期名 %b 缩写月名 %c 月，数值 %D 带有英文前缀的月中的天 %d 月的天，数值(00-31) %e 月的天，数值(0-31)..

2021-11-04 14:45:10 162

原创 Mysql 更新时间（加上或者减去一段时间）

Mysql时间加减函数为date_add（）、date_sub（）定义和用法DATE_ADD() 函数向日期添加指定的时间间隔。DATE_SUB() 函数向日期减少指定的时间间隔。语法DATE_ADD(date,INTERVAL expr type)DATE_SUB(date,INTERVAL expr type)date 参数是合法的日期表达式。expr参数是您希望添加的时间间隔。type 参数可以是下列值： Type 值 MICROS

2021-11-04 14:35:09 855

原创 Error constructing CesiumWidget.Visit http://get.webgl.org to verify that your web browser and hard

vue cli3 引入cesium 报错Error constructing CesiumWidget.Visit <a href="http://get.webgl.org">http://get.webgl.org</a> to verify that your web browser and hardware support WebGL. Consider trying a different web browser or updating your video d.

2021-09-01 10:40:43 11506 1

原创 vue3 生命周期

<template> <input type="text" v-model="message"> {{message}}</template><script>import { computed, reactive, ref,onBeforeMount,onMounted,onBeforeUpdate,onUpdated,onBeforeUnmount,onUnmounted } from "vue";export default { s.

2021-08-09 14:23:01 126

原创驼峰转换下划线下划线转换驼峰

// 驼峰转换下划线function toLine(name) { return name.replace(/([A-Z])/g, "_$1").toLowerCase();}// 下划线转换驼峰function toLowerLine(str){ // eslint-disable-next-line no-useless-escape str = str.replace(/\_(\w)/g, function (all, letter) { return letter.to.

2021-06-28 09:39:55 922

原创开源WebGIS架构

开源WebGIS架构地理信息数据库和业务数据库：地理信息数据库用于存储地理信息数据（包含矢量、地名地址、专题及瓦片数据）；业务数据库用于存储前端网站或者行业应用的关系型数据；GIS服务器：GIS服务器则用于提供WMS、WTMS、WFS和WCS等GIS服务；Web应用服务器：Web应用服务器主要针对行业应用，用于调取GIS服务...

2021-04-21 10:16:13 735

原创 [报错解决]SequelizeDatabaseError: Unknown column ‘created_at‘ in ‘field list‘

sequelize 报错SequelizeDatabaseError: Unknown column ‘created_at’ in ‘field list’或者Sequelize Unknown column ‘createdAt’ in ‘field list’?SequelizeDatabaseError: Unknown column 'created_at' in 'field list' at Query.formatError (D:\中移铁通\express\node_mod

2020-12-01 16:50:01 4029

原创 Warning: Accessing non-existent property ‘padLevels‘ of module exports inside circular dependency

使用foreverstart 来进行node 进程守护，程序异常解决办法错误如下图所示> express@0.0.0 start D:\app\express> forever start ./forever/config.jsonwarn: --minUptime not set. Defaulting to: 1000mswarn: --spinSleepTime not set. Your script will exit if it does not...

2020-11-02 10:42:15 15315 3

原创 swagger 注释js模板

超链接swagger-editswagger: 2.0info: description: This is a sample server Petstore server. You can find out more about Swagger at [http://swagger.io](http://swagger.io) or on [irc.freenode.net, #swagger](http://swagger.io/irc/). For this samp

2020-08-26 16:41:55 681

原创一键配置swagger在node.js下express中的使用

项目开发中前后端交互比较多，其中最重要的就是接口的交接，常用的接口交接方式就是用的Excel、doc，接口查看不是特别直观和美观，今天介绍一个可以在web界面显示API的方式。先在任意文件下新建一个文件swagger.js如我自己是在utils文件夹下新建swagger文件夹里面有一个index.js文件代码如下图所示【特别注意】修改代码中options 中的 apis，需要指定到你的swagger注释的路径，我这里是routes/里面的所有文件，每个人各不相同在app.js中引用该文件调用swa

2020-08-26 16:39:37 1634

原创日期函数

时间函数var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-???)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDate(); //获取当前日(1-31)myDate.getDay(); //获取当前星期X(0-6,0代表星期天)myDate.g

2020-08-24 12:01:49 237 1

原创前端JS 日期格式化终极解决方案

代码如下：function dateFormat(date, formatStr) { date = date || new Date() formatStr = formatStr || 'YYYY-MM-DD HH:II:SS' var arrWeek = ['日', '一', '二', '三', '四', '五', '六'] var str = formatStr.replace(/yyyy|YYYY/, date.getFullYear()) .replace(/yy|

2020-08-24 11:47:56 422

原创 forevernodejs服务挂掉或停止 forever进行守护进程

启动cd 你的项目路径forever start -a bin/wwwforever start -a app.js关闭cd 你的项目路径forever stop -a bin/wwwforever stop -a app.js利用json启动项目forever start ./forever/config.jsonnpm install forever -g #安装forever start app.js #启动应用forever stop app.js #关闭应用for

2020-08-21 17:13:34 3192

原创 js实现一维数组转换为树形结构

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script> c.

2020-07-21 09:24:18 2024

原创级联选择器多级懒加载公共组件

少时诵诗书所所所所所所所<template> <el-cascader v-model="valueBat" :props="cascaderProps" :show-all-levels="showAllLevels" :clearable="clearable" :filter-method="filterMethod" :filterable="filterable" @

2020-07-03 11:31:59 521

原创 vue前后端非对称加密jsencrypt实现

前端代码 Vue，其他框架自行修改，使用的是jsencrypt// 1.1 导入jsimport { JSEncrypt } from 'jsencrypt' created() { // 获取公钥 this.getKeyPairs() this.Encrypt = new JSEncrypt() }, methods: { // 获取公钥 getKeyPairs() { loginGetKeyPairs().then((pu.

2020-06-28 17:07:02 1705

原创解决vue prop 值异步获取问题

今天碰到vue开发父子组件prop传参的问题，情况是这样的：子组件需要一个参数value（以后均有该参数表示父子组件的参数），所需value需由父组件通过prop传入，父组件中的value初始值为空，在created钩子函数中发起http请求获取数据然后更新value，结果子组件在created钩子函数无法获取到该参数分析：父组件由于是异步获取的,但是传参的时候是在获取数据之前解决思路：子组件加一个显示条件，核心思路就是：当所有的请求都已经成功请求到的时候，子组件再显示代码子组件.

2020-06-23 17:10:22 1794 1

原创用正则表达式来将字符串"I? love ?? the ?great ? ?wall in ?beijing"更改为："I love the Great Wall in Beijing"，

// 一，用正则表达式来将字符串"I? love ?? the ?great ? ?wall in ?beijing" // 更改为："I love the Great Wall in Beijing"，主要是为了解决编码的问题导致的问题，规律： // 1，乱码只有两种特殊字符分别是'?'和' '; // 2，如果乱码的末尾是'?'则它的下一位字母肯定是大写； function stringReg(text) { this.text = text; ...

2020-05-12 17:51:57 1305 1

原创不使用类似for， while循环控制语句和js本身自带方法（如：forEach）的情况下，实现将一个空数组[]赋值成[0, 2, 4, 6, 8, 10,

function evenNum(min, max, arr) { if (typeof (min - 0) !== "number") return false if (typeof (max - 0) !== "number") return false if (arr.constructor !== Array) return false if (min % 2 == 0) arr.push(min) if (min == max...

2020-05-12 17:49:07 1371

原创前端js如何检测网络状况

js(包括vue)如何检测网络状况如离线.<template> <div id="editor-main"> {{onLine}} <QuillEditor></QuillEditor> </div></template><script> export de...

2019-12-26 16:29:20 3138

原创【完美解决】vue+elementUI+axios发送请求出现遮罩层的闪烁问题

思路：利用css3动画，关键在于loading中的customClass中加一个样式，当出现loading的时候让它进行一次过渡如下代码css代码.axios-loading,.axios-loading1{animation:axiosloading 1s;}.axios-loading2{animation:axiosloading 1s;}.axios-loading3{an...

2019-11-29 14:31:29 2021 1

原创 Ajax的方式下载文件错误，但是使用vue+axios可以正常下载

错误方式，使用jquery，因为jquery将返回的数据转换成了strting,不支持blob类型function download() { var url = 'download/?filename=aaa.docx'; var xhr = new XMLHttpRequest(); xhr.open('GET', url, true); // 也可以使用POST方式，根...

2019-11-27 18:54:39 366

原创 vuecli2.0 打包错误

vuecli2.0 打包错误// An highlighted blockERROR in ./node_modules/_extract-text-webpack-plugin@2.1.2@extract-text-webpack-plugin/loader.js?{"omit":1,"remove":true}!C:/inetpub/wwwroot/zkeyvuewebsite/bran...

2019-11-26 16:49:57 555

原创 URL删除多个参数-delUrl

这里写自定义目录标题// An highlighted block<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&...

2019-11-16 09:43:15 353

原创最少硬币找零问题

/** 最少硬币找零问题是硬币找零问题的一个变种。硬币找零问题是给出要找零的钱数，以及可用的硬币面额以及对应的数量，找出有多少种找零的方法。* 最少硬币找零问题则是要找出其中所需最少数量的硬币。比如我们有1，5，10，25面额的硬币，* 如果要找36面额的钱，要如何找零呢？答案是一个25，一个10，一个1。* 这就是答案。那么如何把上面的问题转换成算法来解决呢？毕竟有了...

2019-11-07 16:00:28 523

原创随机数-概率（用于开奖）100个人抽奖，大约2%为特等奖，大约5%一等奖，大约10%二等奖，大约30%三等奖，大约53%四等奖

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><script

2018-06-27 15:43:29 2864

原创 vue.js刷新页面最开始会出错{{}}标签及其他判断内容，有什么办法隐藏吗？

v-cloak不需要表达式用法：这个指令保持在元素上直到关联实例结束编译。和 CSS 规则如 [v-cloak] { display: none } 一起用时，这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕。示例：[v-cloak] { display: none;}<div v-cloak> {{ message }}</div>不会显示...

2018-05-29 18:05:10 1311

原创相等的两个对象其中一个属性值修改，会影响另一个值；解决方法

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &

2018-03-27 15:01:44 3961

原创原生js生成渐变色数组集合

个人博客：http://www.guoit.com简化了下背景，给定三个变量，分别为开始colorMAX色，结束色colorMIN，生成颜色个数num，生成一个长度为num的数组（这个数组为开始色到渐变色的数组）。使用的范围，用户选择色调，生成和这个色调相关的颜色<!DOCTYPE html><html><head lang="en"...

2018-03-13 17:41:59 3654

转载 2016年，作为前端我需要学习必备技能

html,html5,css,css3,javascript,DOM,jquery,bootstrap,less,sass,EcmScript 6,AMD/CMD,chrome,postMan,filder,eruda,npm,requireJS,bower,gulp,webpack,git,gitHub,react,vue,angular

2016-11-09 19:52:33 387

原创 nodejs中require、exports与module.exports的区分

nodejs中require、exports与module.exports的区分我所理解的是对于初学者可以console出来，看一看里面结构，自己就会有所顿悟。话不多少直接上代码，这是add.jsvar add=function(v1,v2){return v1+v2;}var add2=function(v1,v2){ return v1*v2;}此时m

2016-11-09 19:24:44 1984

转载 js数组去重的4个方法

面试前端必须准备的一个问题：怎样去掉Javascript的Array的重复项。据我所知，百度、腾讯、盛大等都在面试里出过这个题目。这个问题看起来简单，但是其实暗藏杀机。考的不仅仅是实现这个功能，更能看出你对计算机程序执行的深入理解。我总共想出了三种算法来实现这个目的：Array.prototype.unique1 = function(){ var n = []

2016-09-11 22:40:28 165

转载 HTML 5的革新——语义化标签(一)

HTML 5的革新之一：语义化标签一节元素标签。在HTML 5出来之前，我们用div来表示页面章节，但是这些div都没有实际意义。（即使我们用css样式的id和class形容这块内容的意义）。这些标签只是我们提供给浏览器的指令，只是定义一个网页的某些部分。但现在，那些之前没“意义”的标签因为因为html5的出现消失了，这就是我们平时说的“语义”。看下图没有用div标签来布局

2016-06-30 19:36:00 281

转载开发者必知：提升Android应用开发性能的十大要点

虽然Android智能手机和平板电脑的速度一天比一天快，但是开发者必须记住一点：他们开发的应用程序仍在一种资源紧张的环境下运行，这种环境主要依赖性能与最新的台式机或笔记本电脑无法比拟的电池和处理器。下面介绍的一些方法可以帮助你的应用程序“瘦身”或者说“Android提升开发性能十大要点”，以便它们在今天和明天的Android设备上最顺畅地运行。先来说说确保应用程序响应迅即的几个编程

2016-06-30 18:51:14 205

地图 全国、省、市、区 full geojson

空空如也

地图全国、省、市、区 full geojson