- 博客(35)
- 收藏
- 关注
RSS订阅原创 javascript worker 的使用
创建worker对象，引入js ，第二个参数可以给当前取个名字，区别其他workervar worker=newWorker('uploadWorker.js',{name:'update"});// 向worker中发送数据worker.postMessage({fileList:this.modelForm.fileList}); // 这里是传递了一组文件对象在uploadWorker.js中这样接收：通过onmessage 事件onmessage=funct...
2020-10-27 10:10:55
2377
原创 cesium + react 的环境搭建
主要创建流程参考：https://blog.csdn.net/qq_33484881/article/details/85336458写这篇文章目的主要是中间遇到一些问题并没有把项目跑起来最主要的还是路径配置以及引用的问题，可能是cesium版本升级后的差异修改webpack.config,js文件，如下：引入插件报错：unable to locate '..\node_modules\cesium\Build\Cesium\Workers' at 'F:\demo_proje.
2020-07-13 20:38:03
1813
1
原创 leetcode 394:字符串解码：给定一个经过编码的字符串，返回它解码后的字符串js
给定一个经过编码的字符串，返回它解码后的字符串。编码规则为:k[encoded_string]，表示其中方括号内部的encoded_string正好重复k次。注意k保证为正整数。你可以认为输入字符串总是有效的；输入字符串中没有额外的空格，且输入的方括号总是符合格式要求的。此外，你可以认为原始数据不包含数字，所有的数字只表示重复的次数k，例如不会出现像3a或2[4]的输入。// 实现思路： 通过遍历字符串，先找出字符重复的次数n，存放给一个变量，//遇到"...
2020-05-28 17:13:10
2144
原创 关于ip地址和端口号的正则匹配
确定一下ip地址可输入范围0-255，最大允许输入格式：255.255.255.255正则校验255 以内的数字，可以做两部分校验；0-199的范围，以及200-255的范围0-199：首位是0，1中的一个，正则写法 [0-1]? ？表示匹配0或者1次，等价于{0，1}后边99的范围，正则写法 \d{0,2} \d等价于[0-9]完整写法：[0-1]?\d{0,2}200-255：首位固定为2，后两位需要继续给他拆分0-49，50-550-49 正则写法 ...
2020-05-27 16:23:50
18134
原创 重学js-原型对象及原型链
原型对象每个函数都有一个特殊的属性prototype (叫做原型)，这个属性是一个指针，指向一个对象，对象包含所有相关实例对象共享的属性和方法，所有原型对象都会自动获得一个 constructor （构造函数）属性，如图：使用哪个函数的prototype属性，那么这个函数就当做一个构造函数，也就是原型对象constructor 属性的值；一般构造函数首字母都大写，以便和普通函数区分；在constructor 属性里，我们就能看到函数的prototype 属性； prototype 是通过调用
2020-05-21 16:00:32
107
原创 typescript:error TS2531: Object is possibly 'null'.
emm...........刚看ts的东西，奔着例子先从api上抄的原则，我复制了这样一段代码：class Student { fullName: string; constructor(public firstName, public middleInitial, public lastName) { this.fullName = firstName + " " + middleInitial + " " + lastName; }}interface Perso
2020-05-13 16:36:32
8931
4
原创 搭建gulp+typescript开发环境
安装gulpnpminstall--globalgulp-cli创建项目文件夹生成包管理文件（package.json）npm init根据提示一步一步操作将gulp依赖到开发环境中npm install --save-dev gulp根目录下创建一个gulpfile.js（文件名也可以是Gulpfile.js）文件进行任务管理在执行gulp命令是会自动加载执行这个文件一般目录结构包含css ，js ，公共引用，图片，页面，先创建...
2020-05-13 15:43:36
900
原创 重学js-闭包
来重新巩固一下闭包的东西啥叫闭包？闭包就是一个函数；函数和对其周围状态（词法环境）的引用捆绑在一起构成，也就是有权访问另一个 函数作用域中的变量，那么就是闭包函数的作用域链中会包含闭包能够有权访问函数的作用域闭包模拟私有方法有利于限制对代码的访问，还提供了管理全局命名空间的强大能力，避免非核心的方法弄乱了代码的公共接口部分...
2020-05-09 16:45:45
84
原创 重学js-异步操作
在异步编程上，之前的做法主要通过回调函数和事件，或者通过定时器来达到目的，在es6之后，引入了新的解决方案，就是promise 对象和 async await函数。promise对象...
2020-04-28 17:54:57
117
原创 重学js-作用域及作用域链
先说一下执行环境执行环境内部定义了变量或函数有权访问的其他数据，决定他们各自的行为；。每个执行环境都有一个 与之关联的变量对象（variable object），环境中定义的所有变量和函数都保存在这个对象中。解析器在处理数据时会使用它，我们无法访问。...
2020-04-16 18:04:49
122
原创 重学js-语句
语句，也叫流控制语句；通过关键词来完成给定任务；if ...else...判断语句语法：if (condition) statement1 else statement2condition 判断条件可以是任意表达式，然后js会自动调用 Boolean()转换函数将这个表达式的结果转换为一个布尔值。值为true，执行statement1，为false,执行statement2...
2020-04-13 21:05:21
85
原创 重学js-操作符
一元操作符只能操作一个值的操作符就叫一元操作符自增和自减前置/后置自增运算符和前置/后置自减运算符，他们的区别看一个例子：自增自减运算符借鉴了C语言，++或--在前表示自身先+1（递增1）或-1（递减1）再参与运算，++或--在后表示先参与运算，运算结束后自身再+1（递增1）或-1（递减1）delete 删除对象属性delete操作符与直接释放内存无关，也就是删除属...
2020-04-09 18:35:18
117
原创 重学js - 函数
一个JavaScript 函数用function关键字定义，后面跟着函数名和圆括号定义函数方式声明式function test(){}表达式var test= function(){}一个函数形成一个作用域，在函数内定义的变量不能在函数之外的任何地方访问...
2020-04-07 17:44:45
96
原创 重学js-数据类型
来复习一下js的数据类型种类在es6中，数据类型的种类有7中，分别是Undefined，Null，Boolean，Number，String，Object，Symbol。其中undefined，null，boolean，number，string属于简单数据类型（基本数据类型）1.Undefined类型值就为undefined；初始化了变量，但是没有进行赋值，那此时变量的值就为unde...
2020-04-01 17:53:53
129
原创 重学js-变量
先巩固一下概念，啥是变量？变量是存放数值的容器，可以看成是装东西的纸盒子。变量是松散类型的，松散类型就是说可以用来保存任何类型的数据。不管是number string 统统一个关键字声明搞定。啥是关键字？保留字又是啥？标识符又是个啥？对不起老师，我统统还给你了关键字就是程序规定有特殊意义的词，可用于控制语句的开始或结束，或者执行规定的操作；比如var const let for do...
2020-03-28 14:21:11
114
原创 前端文件上传下载功能
业务需求：用户可以选择本地excel文件批量导入数据；用户先通过网页下载文件模板，然后根据模板填写相关数据，然后选择文件实现数据批量导入功能一：下载文件模板（通过a标签href属性下载文件）：先设置响应类型responseType：//downloadTemplateFile为下载请求接口downloadTemplateFile().then(res=>{ ...
2019-10-15 18:19:35
2672
原创 vue 项目打包页面空白
修改config文件夹下 index.js文件build环境中assetsPublicPath属性值为:‘./’修改build文件夹下utils.js文件ExtractTextPlugin.extract模块中增加publicPath:'../../'属性值...
2019-07-26 18:30:14
69
原创 vue 项目：Uncaught Error: [vue-router] "path" is required in a route configuration.
解决办法：检查路由配置中，path字段是否完整
2019-07-24 16:42:09
10941
原创 前端 图片上传
场景：图片上传zimg图片服务器，web服务返回html格式结果action提交(action地址为zimg服务器地址)，同源策略问题，没有办法获取到iframe里面的服务器返回内容，看了一下window,postmessage，好累，先放着吧<iframe src="" frameborder="0" name="iframeContent" @load="testIframe...
2019-07-05 12:34:07
100
原创 vue 中 图片地址无效时给一张默认显示图片
通过img onerror事件判断图片是否加载成功，也可通过new image() 创建图片，通过load事件判断<img :src="url" alt="" @click="showLoopPicture(panoramaOutImg)" @error="getDefaultImage()">method:{ getDefaultImage(){ t...
2019-07-03 18:16:42
597
原创 前端 aes 加密
aes加密算法原理：https://blog.csdn.net/qq_28205153/article/details/55798628加密模式介绍：https://blog.csdn.net/jerry81333/article/details/78336616aes加密依赖CryptoJS库<!DOCTYPE html><html><...
2019-06-26 16:40:36
212
原创 vue tab切换保持数据状态
页面做tab切换，由于组件每一次切换都会重新实例化组件，我们想要页面不论怎么切换都仍然保持tab里面的内容不会刷新，减少页面重新渲染以及减少请求实现方法：使用<keep-alive></keep-alive>包裹组件<el-tabs v-model="activeName" @tab-click="handleClick"> <el-tab-p...
2019-06-24 15:27:42
8428
原创 vue 自定义背景 can't resolve
自定义样式时需要设置背景图片background-image,直接引用相对路径（../assets/img/图片），vue报错 can’t resolve ‘../assets/img/图片’,修改路径为~@/assets/img/图片.menuActive{ background:url("~@/assets/nav/nav_menu_pick.png") no-repea...
2019-06-24 15:23:51
3187
2
原创 父子组件互相传值
父组件向子组件传递数据实现方法：子组件中通过props自定义一个prop或者多个prop来接收父组件传递过来的数据，每个prop的名字和父组件绑定数据的命名必须一致：例如：子组件内容：export default{ props:[“id”,”title”]}//这里接收数据写法<template> <div> <h1>{{id}}{{...
2019-06-24 15:20:07
2651
原创 vue 路由嵌套 路由跳转
业务场景：左侧列表主导航 右侧顶部tab切换导航主导航（Layout.vue）：<aside class="aside-wrapper" :class="[isActive ? 'navShrink' : 'navOpen']"> <navBar></navBar>//左侧导航菜单组件</aside><div class...
2019-06-21 18:09:39
256
原创 vue 路由加载（生产环境和开发环境）
定义production 和development环境加载方式_import_development.js 中定义输出module.exports=file => require('@/views/'+file+'.vue').default;模块导出使用的是 export default{} ，导出的实际格式为{default:组件名},require不支持默认导入，所以...
2019-06-20 15:59:13
4236
1
原创 vue报错：there multiple modules with name that only differ in casing
解决方法：检查组件名称和引用组件名称大小写是否一致，检查文件名称和引用组件路径文件名称大小写是否一致
2019-06-20 11:32:31
171
原创 chromedriver 安装失败
原因npm下载地址为谷歌原网址，网址被墙不能访问下载解决方法：修改地址到淘宝镜像npm config set chromedriver_cdnurl=http://cdn.npm.taobao.org/dis/chromedriver然后安装：npm install chromedriver...
2019-06-19 10:24:46
1383
原创 vue 自定义弹框样式
业务场景：页面内显示多张图片，点击图片能够以幻灯片形式（卡片）放大查看，点击图片能够保存本地<div class="cover" v-show="isCover" ></div><div class="custom_container" v-show="isLoopPicture" @click.self="hidePop"> <span...
2019-06-19 09:58:11
3320
原创 text-overflow:ellipsis 不显示省略号问题
设置单行文字长度多长以省略号显示css样式overflow: hidden;white-space: nowrap;text-overflow: ellipsis;结果发现没有发生作用结果是因为设置了display:flex的原因暂时记录一下问题...
2019-06-14 16:56:42
3254
4
原创 百度地图-marker在地图中心显示
好几次都遇到这个问题，就是年纪大了记不住，虽然问题很白痴，还是记录一下，毕竟我会越来越老场景：在地图上查看设备的实际位置，点击按钮，显示地图弹框，同时地图标注在中心显示问题：使用this.map.panTo(new BMap.Point(this.positionLngLat.lng,this.positionLngLat.lat))时地图没有移动到以marker为中心的位置，并且添加的m...
2019-04-15 17:37:26
1611
原创 html5 video 移动开发二（js控制 video 开始暂停，全屏等功能）
var video=document.getElementById("myPlayer");进入全屏js控制：//谷歌（webkit内核浏览器）video.webkitRequestFullScreen()//火狐video.mozRequestFullScreen()；在火狐浏览器测试时，遇到：请求全屏已拒绝,Element.requestFullscreen...
2018-12-07 17:43:53
5729
原创 html5 video移动开发一
业务场景：微信公众号使用，通过video，取流实时浏览视频监控画面，能支持云台等一些操作，在手机上能全屏浏览并操作视频显示位置css样式object-fit: contain;//视频画面显示为原始比例，并且宽或高有一方铺满object-position: left;//视频显示位置//不显示video默认控制条controls，浏览器不同支持去掉controls的方法也不同第一...
2018-12-07 17:03:25
6002
1
原创 slice 和splice
var arr=["a","b","c","d","e","f"]; splice(index,num,item)方法对数组或字符串做删除，修改，添加操作，第一位参数可正可负，为正表示正着数，为负则表示倒着数，第二位参数，要操作元素的个数，第三位参数，需要添加到数组的元素var result1=arr.splice(2);//只给一位参数，下标位置起，后边所有元素被删除，并将
2018-12-06 18:31:58
89
原创 css改变input 光标 以及 placeholder 颜色
input光标颜色：方法一：caret-color:rgb(99,145,247)方法二：input{color:rgb(99,145,247)}input::first-line{color:#000;}input placeholder 字体颜色：input[name='test']::-webkit-input-placeholder{ c...
2018-12-04 17:11:35
911
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人