关注
分享
文章平均质量分 54
Web前端开发，主要是利用(X)HTML/CSS/JavaScript/Flash等各种Web技术进行客户端产品的开发。完成客户端程序(也就是浏览器端)的开发，开发JavaScript以及Flash模块，同时结合后台开发技术模拟整体效果，进行丰富互联网的Web开发，致力于通过技术改善用户体验
jlhejs
个人网站：www.guoit.com
展开
-
pm2 启动verdaccio 报错
pm2 启动verdaccio 报错原创 2022-06-07 15:38:00 · 1735 阅读 · 1 评论 -
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 · 455 阅读 · 0 评论 -
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 · 9471 阅读 · 2 评论 -
2020-12-03
为什么会出现跨域问题提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加出于浏览器的同源策略限制。同源策略（Sameoriginpolicy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。所谓同源（即指在同一个域）就是两个页面具有相同的协议（protocol），主机（host）和端口号原创 2022-01-13 08:38:26 · 86 阅读 · 0 评论 -
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 · 367 阅读 · 0 评论 -
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 · 10039 阅读 · 1 评论 -
开源WebGIS架构
开源WebGIS架构地理信息数据库和业务数据库：地理信息数据库用于存储地理信息数据（包含矢量、地名地址、专题及瓦片数据）；业务数据库用于存储前端网站或者行业应用的关系型数据；GIS服务器：GIS服务器则用于提供WMS、WTMS、WFS和WCS等GIS服务；Web应用服务器：Web应用服务器主要针对行业应用，用于调取GIS服务...原创 2021-04-21 10:16:13 · 674 阅读 · 0 评论 -
级联选择器多级懒加载公共组件
少时诵诗书所所所所所所所<!-- by sunyy --><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 · 483 阅读 · 0 评论 -
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 · 1590 阅读 · 0 评论 -
解决vue prop 值异步获取问题
今天碰到vue开发父子组件prop传参的问题，情况是这样的：子组件需要一个参数value（以后均有该参数表示父子组件的参数），所需value需由父组件通过prop传入，父组件中的value初始值为空，在created钩子函数中发起http请求获取数据然后更新value，结果子组件在created钩子函数无法获取到该参数分析：父组件由于是异步获取的,但是传参的时候是在获取数据之前解决思路：子组件加一个显示条件，核心思路就是：当所有的请求都已经成功请求到的时候，子组件再显示代码子组件.原创 2020-06-23 17:10:22 · 1734 阅读 · 1 评论 -
前端js如何检测网络状况
js(包括vue)如何检测网络状况如离线.<template> <div id="editor-main"> {{onLine}} <QuillEditor></QuillEditor> </div></template><script> export de...原创 2019-12-26 16:29:20 · 3068 阅读 · 0 评论 -
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 · 513 阅读 · 0 评论 -
前端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 · 364 阅读 · 0 评论 -
用正则表达式来将字符串"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 · 1255 阅读 · 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 · 1342 阅读 · 0 评论 -
【完美解决】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 · 1855 阅读 · 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 · 325 阅读 · 0 评论 -
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 · 1946 阅读 · 0 评论 -
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 · 365 阅读 · 0 评论 -
原生js生成渐变色数组集合
个人博客：http://www.guoit.com简化了下背景，给定三个变量，分别为开始colorMAX色，结束色colorMIN，生成颜色个数num，生成一个长度为num的数组（这个数组为开始色到渐变色的数组）。使用的范围，用户选择色调，生成和这个色调相关的颜色<!DOCTYPE html><html><head lang="en"...原创 2018-03-13 17:41:59 · 3580 阅读 · 0 评论 -
相等的两个对象其中一个属性值修改，会影响另一个值；解决方法
<!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 · 3880 阅读 · 0 评论 -
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 · 1292 阅读 · 0 评论 -
随机数-概率（用于开奖）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 · 2779 阅读 · 0 评论 -
HTML 5的革新——语义化标签(一)
HTML 5的革新之一：语义化标签一节元素标签。在HTML 5出来之前，我们用div来表示页面章节，但是这些div都没有实际意义。（即使我们用css样式的id和class形容这块内容的意义）。这些标签只是我们提供给浏览器的指令，只是定义一个网页的某些部分。但现在，那些之前没“意义”的标签因为因为html5的出现消失了，这就是我们平时说的“语义”。看下图没有用div标签来布局转载 2016-06-30 19:36:00 · 258 阅读 · 0 评论