前端开发
文章平均质量分 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 · 1796 阅读 · 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 · 506 阅读 · 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 · 9490 阅读 · 2 评论 -
2020-12-03
为什么会出现跨域问题提示:这里可以添加系列文章的所有文章的目录,目录需要自己手动添加出于浏览器的同源策略限制。同源策略(Sameoriginpolicy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。所谓同源(即指在同一个域)就是两个页面具有相同的协议(protocol),主机(host)和端口号原创 2022-01-13 08:38:26 · 99 阅读 · 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 · 381 阅读 · 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 · 10479 阅读 · 1 评论 -
开源WebGIS架构
开源WebGIS架构地理信息数据库和业务数据库:地理信息数据库用于存储地理信息数据(包含矢量、地名地址、专题及瓦片数据);业务数据库用于存储前端网站或者行业应用的关系型数据;GIS服务器:GIS服务器则用于提供WMS、WTMS、WFS和WCS等GIS服务;Web应用服务器:Web应用服务器主要针对行业应用,用于调取GIS服务...原创 2021-04-21 10:16:13 · 693 阅读 · 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 · 494 阅读 · 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 · 1621 阅读 · 0 评论 -
解决vue prop 值异步获取问题
今天碰到vue开发父子组件prop传参的问题,情况是这样的:子组件需要一个参数value(以后均有该参数表示父子组件的参数),所需value需由父组件通过prop传入,父组件中的value初始值为空,在created钩子函数中发起http请求获取数据然后更新value,结果子组件在created钩子函数无法获取到该参数分析:父组件由于是异步获取的,但是传参的时候是在获取数据之前解决思路:子组件加一个显示条件,核心思路就是:当所有的请求都已经成功请求到的时候,子组件再显示代码子组件.原创 2020-06-23 17:10:22 · 1749 阅读 · 1 评论 -
前端js如何检测网络状况
js(包括vue)如何检测网络状况如离线.<template> <div id="editor-main"> {{onLine}} <QuillEditor></QuillEditor> </div></template><script> export de...原创 2019-12-26 16:29:20 · 3097 阅读 · 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 · 528 阅读 · 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 · 384 阅读 · 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 · 1277 阅读 · 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 · 1350 阅读 · 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 · 1927 阅读 · 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 · 339 阅读 · 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 · 1955 阅读 · 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 · 371 阅读 · 0 评论 -
原生js生成渐变色数组集合
个人博客:http://www.guoit.com简化了下背景,给定三个变量,分别为开始colorMAX色,结束色colorMIN,生成颜色个数num,生成一个长度为num的数组(这个数组为开始色到渐变色的数组)。使用的范围,用户选择色调,生成和这个色调相关的颜色<!DOCTYPE html><html><head lang="en"...原创 2018-03-13 17:41:59 · 3607 阅读 · 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 · 3897 阅读 · 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 · 1299 阅读 · 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 · 2813 阅读 · 0 评论 -
HTML 5的革新——语义化标签(一)
HTML 5的革新之一:语义化标签一节元素标签。在HTML 5出来之前,我们用div来表示页面章节,但是这些div都没有实际意义。(即使我们用css样式的id和class形容这块内容的意义)。这些标签只是我们提供给浏览器的指令,只是定义一个网页的某些部分。但现在,那些之前没“意义”的标签因为因为html5的出现消失了,这就是我们平时说的“语义”。看下图没有用div标签来布局转载 2016-06-30 19:36:00 · 265 阅读 · 0 评论