- 博客(45)
- 收藏
- 关注
RSS订阅原创 大文件分片上传
项目场景：项目场景：我们有个机场和无人机的列表需要对,对应的固件版本做升级:1.本地下载机场/无人机最新离线固件包2.系统内上传机场/无人机最新离线固件包至服务器3.在系统中对比当前版本与最新上传版本号这就产生了往服务器上传固件包的情况,文件可能几百M,就用到了大文件上传分片上传原理1.通过file.slice将大文件chunks切成许多个大小相等的chunk,将每个chunk上传到服务器,服务端接收到许多个chunk后，合并为chunks2.处理切片后的文件，给后端传一个;利用md5生成
2024-04-22 17:00:36
272
原创 echarts将展示全天的数据,如一天的电费,一个停车场一天的饱和度等问题
项目场景：我们的项目是通过ai识别停车场的停车数,来展示此停车场全天的饱和度,如下问题描述后台接口给的数据,就是这种,返回所有有停车数量的时间段,但是我们的x轴要求展示全天的数据,并且可伸缩刻度展示具体时间的停车情况[ {time:'2023-10-27 08:20:20',carSaturation:100,analysisImg:require('@/assets/AIRecognition/aiPhoto.png')}, {time:'2
2023-10-27 15:32:39
217
原创 vue-pdf的使用及常见问题修复
通过子组件定义清空数据的方法,在父组件关闭子组件弹窗前调用,让子组件重新刷新页面,重新渲染.//很重要,父组件关闭前,清空子组件的值,不然第二次预览打开空白。2.将vue-pdf封装为一个组件。html部分:先引入注册,在使用。
2022-11-10 15:48:53
2687
原创 elementUI踩坑记录-el-table
项目中使用到element时就会用到el-table,当table的项太多时就会使用到表格某一项的固定,如下,操作项和日期被设置了fixed属性…
2022-09-30 09:55:32
1418
原创 Git提交本地代码至分支及合并分支到总分支
Git提交本地代码至分支前言一、查看分支二、本地新建分支三、切换到新分支四、创建并切换分支五、将新分支推送到gitlab六、删除分支七、git 提交本地代码至新分支前言git版本控制工具和svn差不多，可选择的远程库有github、gitlab、gitee等几种。一、查看分支a.查看本地分支git branch ，如下，*标识的是你当前所在的分支b.查看远程分支，git branch -rc.查看全部分支二、本地新建分支命令如下：git branch [分支名称]例如：git
2022-05-17 17:41:06
11292
原创 给公众号访问链接动态的添加时间戳(vue）
优化微信网页缓存问题缓存严重导致：1.问题是微信浏览器的内核已经对页面渲染完了，但是vue的app.js还没有加载，导致阻断白屏，2.几个js的加载顺序不对。3.由于缓存，第一次进入还访问的是以前清掉的的页面4.还有服务器放包，老是增量放包，全量放页面就访问不到解决办法如下几种:1.就是给vue的入口文件加个强制刷新，index的meta设置不缓存属性2.在build的webpack.prod.conf.js改变js的顺序3.在build的webpack.prod.conf.js的outp
2022-01-12 10:54:42
1101
原创 es6新增的几个数组方法：
es6数组新增的几个方法：ES6中新增4个很实用的方法，分别有：map ，reduce，filter，forEach。学习内容：提示：这里可以添加要学的内容例如：1、 搭建 Java 开发环境2、 掌握 Java 基本语法3、 掌握条件语句4、 掌握循环语句学习时间：提示：这里可以添加计划学习的时间例如：1、 周一至周五晚上 7 点—晚上9点2、 周六上午 9 点-上午 11 点3、 周日下午 3 点-下午 6 点学习产出：提示：这里统计学习计划的总量例如：1、 技术
2021-12-24 11:19:16
1728
原创 uni-app的简介及用法
1.什么是uni-appuni-app是一个使用vue的语法 + 微信小程序的标签和API的跨平台前端框架，开发者编写一套代码，可编译发布到iOS、Android、H5、小程序等多个平台。2.uni-app的使用使用uni-app之前首先要对vue和微信小程序的开发都有所了解，不然建议先去学习vue和微信小程序(1).项目创建uni-app支持通过 可视化界面、vue-cli命令两种方式快速创建项目。利用HBuilderX可视化创建比较简单，无需配置nodejs，Hbuilder已.
2021-08-09 10:11:52
5847
1
原创 开发工具HbuilderX的安装及使用
下载地址https://www.dcloud.io/hbuilderx.html说明：HBuilderX正式版和Alpha版区别Alpha（本意最初的，原始的，第一个，开端）
2021-08-03 16:13:26
4149
原创 flex布局的属性
flex-grow、flex-shrink、flex-basis三个属性的作用：在flex布局中，父元素在不同宽度下，子元素是如何分配父元素空间的。(注意：这三个属性都是在子元素上设置的，下面小编要讲的是父元素，指以flex布局的元素(display:flex))小编这里先教一下大家如何快速记住这三个属性：首先是 flex-basis ，basis英文意思是<主要成分>，所以他和width放在一起时,肯定把width干掉，basis遇到width时就会说我才是最主要的成分，..
2021-06-30 10:48:25
190
原创 ajax封装及简单调用
封装js部分//公共urlvarbaseUrl='http://localhost:8080/'//公共ajax封装functionajaxjFn(url,data,successFn,errorFn){$.ajax({type:'post',dataType:'json',data:data,url:baseUrl+url,async:false,//异步timeout:10000,//超时时间...
2021-06-09 14:20:34
175
原创 vue对数组带下标的修改，页面监控不到的问题
<template> <div class="test"> <div> <div v-for="(item,index) in imgList.one" :key="item"> {{item}} <div @click="deleteClick('one',index)">删除</div> </div> .
2021-04-23 15:49:13
475
原创 vue访问外部的pdf
vue中显示PDF文件1.先下载PDF插件首先肯定是导入插件，我是从官网直接下载，链接：http://mozilla.github.io/pdf.js/getting_started/#download 下载一个稳定版本的，注意放到static文件下，大致文件有这里面有核心的pdf.js和pdf.worker.js,以及展示pdf的viewer页面把它作为静态资源来编译，基本想要的build和web这两个重要文件夹的东西都正常编译。当然你可以可以npm install一下，整个文件放在static
2021-02-18 10:27:02
279
原创 vue的作用域插槽
vue中的插槽，他的作用域有了解过吗~~~~知道你没有，跟我来了解了解插槽的作用区域，顾名思义就是这个插槽使用像js的作用域一样，有一定的作用范围，比如子组件在插槽中已经定义好了一种展示风格，但父组件不想这么展示，想改一种展示方式，代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="wi
2021-02-02 19:40:23
132
原创 移动端字体设置rem，怎么设置
我们的手机屏幕宽度有时候不一致，字体设置一致就会展示样式有出入，对字体有兼容有两种方式一：少部分手机适配pxhtml{font-size:10px}@mediascreenand(min-width:321px)and(max-width:375px){html{font-size:11px}}@mediascreenand(min-width:376px)and(max-width:414px){html{font-size:12px}}@media...
2021-01-04 16:33:29
569
原创 H5页面与vue的客户端交互
工作中经常遇到一些奇怪的东西，我有个这样的需求，就是我写的vue项目被嵌套在别的h5项目页面下，so进入我的页面前需要判断他的h5页面有没有登录，这时候就需要我的客户端页面调用h5页面的登录方法。客户端页面(ios、安卓)两种都得交互h5页面，，，借助JavascriptBridge工具，前端对应的js代码 因为我的项目是vue的，我一般把函数都转为箭头函数了。<template> <div class="tel"> <p>{{message}}aaass.
2020-11-04 10:56:45
1687
原创 vue的this.$emit和props的用法
vue的this.$emit和props的用法vue组件数据传递：1.父组件传递给子组件：在父组件引用的子组件标签上增加属性就可以传递，子组件在props: {父子间属性名称：数据类型}中接收2.子组件监听父组件方法 ，使用this.$emit()触发父组件属性以vue的公共头部为例父组件App.vue父组件，引用子组件nav-header。属性headData属性<template> <div id='app'> <nav-heade
2020-10-17 15:52:02
2063
原创 工作遇到的问题总结（Vue）
工作遇到的问题总结（Vue）1.在其他数据都是后台返回，循环出来的，只有一些静态图片的动态变化，给图片的src做三目运算，注意图片要用require引入!
2020-05-18 15:57:40
245
原创 常见js知识点
1.当一个图片与一行文字需要水平垂直居中时，给图片img设置属性vertical-align:middle;2.ToFixed()四舍五入为指定小数 （parseInt(this.num)*this.pric).toFixed(2).将金额保留两位小数3.对象字符串之间的转换 对象转字符串 JSON.stringify(obj) 字符串转对象 JSON.p...
2019-07-14 22:34:01
407
转载 搭建Cordova + Ionic + WebStorm环境开发Web App应用
1. 下载并且安装node.js（https://nodejs.org/en/）2. 打开终端，安装cordova (如果安装失败或者卡住不动则重新安装) sudo npm install -g cordova 如果一直安装不上有可能是镜像问题，改用国内镜像，在终端执行如下命令再次安装： npm config set registry http://regis...
2019-02-12 14:25:00
408
转载 idea上创建一个Javaweb项目
需要软件链接Intellij Idea14：http://pan.baidu.com/s/1nu16VyDJDK7：http://pan.baidu.com/s/1dEstJ5fTomcat（apache-tomcat-6.0.43）：http://pan.baidu.com/s/1kUwReQF Intellij Idea的安装非常简单，一步一步安装即可。JDK的安装也挺...
2019-01-14 14:38:15
210
原创 使用vue+elementUI+webpack+vueRouter搭建项目
1. vue开发环境搭建 1) node 2) npm / cnpm （npm install -g cnpm --registry=https://registry.npm.taobao.org） 3) [email protected] > npm install [email protected] --global > vue --vers...
2018-10-31 20:13:10
741
原创 总结面试题
1.HTML与XHTML——二者有什么区别 最主要的不同：XHTML 元素必须被正确地嵌套。XHTML 元素必须被关闭。标签名必须用小写字母。XHTML 文档必须拥有根元素。2.简单说一下浏览器本地存储是怎样的 在较高版本的浏览器中，js提供了sessionStorage和globalStorage。在HTML5中提供了localStorage来取代globalStorage。...
2018-10-28 22:10:38
6215
原创 几种ajax
1.原生ajax（是核心，http协议，b-s浏览器与服务器之间的交互） XMLHttpRequest 1. 实例化XHR对象 let xhr = new XMLHttpRequest(); 2. 打开请求 （设置请求行） ...
2018-10-25 20:22:09
324
原创 vue总结
1.windows下搭建vue开发环境 1）安装node8 node -v npm -v 测试是否安装成功 2）安装[email protected] npm install [email protected] --global vue --version 测试vue是否安装成功 npm install -g cnpm --registry=...
2018-10-18 19:33:34
162
原创 es6知识总结
1.变量的声明 let命令 1. 在同一作用域下声明不可以重复 2. 声明不会提升3. 具有局部作用域 let a = 0; if(true){ a++; //报错 let a = 1; } console.log(a); //报错 4. 暂时性死区 总之，...
2018-10-18 19:33:04
321
原创 常考前端题
7.js的继承 答：js继承的实现方式： 1）原型链继承：将父类的实例作为子类的原型 2）构造继承：使用父类的构造函数来增强子类实例，等于是复制父类的实例属性给子类（没用到原型） 3）实力继承：为父类实例添加新特性，作为子类实例返回 4）拷贝继承 5）组合继承...
2018-10-18 11:49:21
293
原创 es6易考点
1.es6是什么，对此的理解是什么 答：ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。 es6就是es5的升级版，es5是js的通用标准，绝大多数浏览器都支持其语法，但是es6则不同，如果es6的代码需要在浏览器上运行，那就先将es6转换为es5。如果在es6中使用模块化机制，需要将个模块...
2018-10-13 14:05:12
381
原创 git常用命令及与远程github的连接
git init 初始化仓库git stutas 查看git追踪文件git add XX.html 讲XX.html到git仓库中git config --list ...
2018-10-09 17:38:29
230
原创 webpack打包文件过程
webpack打包1)安装webpack $ npm install webpack webpack-cli --save-dev2)添加配置文件 webpack.config.js3) 为package.json添加脚本 项目信息 依赖信息 产品依赖 --save...
2018-10-09 17:27:31
1396
转载 前端面试题
一、532道前端真实大厂面试题1.express和koa的对比，两者中间件的原理，koa捕获异常多种情况说一下2.你项目里用到第三方登录涉及的oAuth(JWT)协议的实现原理，以及你本地的实现原理，第三方登录怎么样保证安全性3.说下快排完整性4.react和vue的区别，你开发如何选择技术栈 答：技术栈主要构成。 react：react-red...
2018-10-08 22:43:48
1165
转载 vim常用命令
1 移动光标 键 光标动作 hjkl，方向键 移动一位，hjkl代表左、下、上、右 数字0 移至本行开头 ^ 移至本行第一个非空字符，匹配开头 $ 移至本行结尾，可以包含空格 w...
2018-10-08 20:00:41
159
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人