前端
前端开发日常积累
易航动效
坚持就能进步
展开
-
vite 结合vue3.0 打包报错
【代码】vite 结合vue3.0 打包报错。原创 2022-09-09 14:04:58 · 1345 阅读 · 0 评论 -
基于qiankun实现微前端架构
基于qiankun实现微前端架构 微前端样式隔离原创 2022-07-25 15:51:56 · 1705 阅读 · 0 评论 -
Jenkins 构建前端报内存溢出
Jenkins 构建前端报内存溢出原创 2022-07-08 13:45:02 · 1887 阅读 · 0 评论 -
基于cesium实现绘制
基于cesium 实现 点、线、面的 绘制原创 2022-06-28 18:06:33 · 372 阅读 · 0 评论 -
Could not resolve
1、vue3.0组件库中报一下错[!] Error: Could not resolve './index.vue' from packages/Button/index.ts可能是因为路径不对或者 引入文件没加后缀1.vue配置路由如果出现can not resolve“@src/”,那极有可能你的路径写错了,或者路径和上面的写重复了,检查路径2.引用路径时,文件后缀.js/.vue什么的没有写全...原创 2022-05-28 11:13:31 · 7047 阅读 · 0 评论 -
Vue 分模块打包
Vue 分模块打包原创 2022-01-16 13:11:56 · 4484 阅读 · 3 评论 -
常见地图服务以及区别
常见的地图服务分为:WMS、WFS、WCS、WPS、WMTS、TMS、WMSC服务WMS服务,全称是Web Map Service (web地图服务),动态地图服务,在ArcGIS中我们经常利用理由的mxd文件发布的服务,就是这种地图服务,如果你的数据会变化,建议发这种服务。这种服务优点是动态,缺点是慢WFS服务,全称是Web Feature Service (web 要素服务),支持要素的增删改等事务操作,支持空间和属性查询WCS服务,全称为Web Coverage Service(web原创 2021-12-07 19:32:29 · 4125 阅读 · 0 评论 -
remote: HTTP Basic: Access denied fatal: Authentication failed for
git pull 代码是时提示:remote: HTTP Basic: Access denied fatal: Authentication failed for解决方案:1、cmd 打开 dos窗口2、执行以下命令git config --system --unset credential.helper3、然后更新用户名、邮箱、密码OK...原创 2019-11-07 13:13:09 · 936 阅读 · 0 评论 -
微信公众号开发问题记录_01
1、以下写法报错$signature = $_GET["signature"]; $timestamp = $_GET["timestamp"]; $nonce = $_GET["nonce"]; 微信公众号配合问题。2、报SSL certificate problem: unable to get local issuer certificate Bug解决方案 (1)原创 2018-01-10 09:49:25 · 265 阅读 · 0 评论 -
react native 项目运行起来屏幕一篇红
报错:java.lang.RuntimeException: Unable to load script from assets 'index.android.bundle'. Make sure your bundle is packaged correctly or you're running a packager server.解决方法:第一步:mkdir androi...原创 2018-12-23 13:35:27 · 197 阅读 · 0 评论 -
客户端(Android、ios)与 H5交互
1、首先Android、ios 内核不一样,需要对Android和ios做不同的处理a.判断内核的方法:constbrowser=() =>{ letu=navigator.userAgent;return{trident:u.indexOf('Trident')>-1,//IE内核presto:u.indexOf('Presto')>-1,//opera内核webKit:u.indexOf('AppleW...原创 2020-05-20 18:38:25 · 719 阅读 · 0 评论 -
html中长英文换行问题
1、当一个英文比较单词比较长时,html中默认不自动换行解决方案:max-width:100%;overflow-wrap:break-word;CSS属性overflow-wrap是用来说明当一个不能被分开的字符串太长而不能填充其包裹盒时,为防止其溢出,浏览器是否允许这样的单词中断换行。normal表示在正常的单词结束处换行。break-word表示如果行内没有多余的地方容纳该单词到结尾,则那些正常的不能被分割的单词会被强制分割换行。...原创 2020-05-23 15:36:50 · 1486 阅读 · 0 评论 -
华为开发者联盟上架Android 安装包 包名重复问题
华为开发者联盟 官网地址:http://developer.huawei.com/devunion/ui/index.html1、注册登录步骤忽略。2、上传.apk文件出现以下问题,如图 3、选择应用认领出现以下页面4、下载空白包,自己重新签名 签名步骤: 1、打开dos操作窗口,进入到自己电脑安装的JDK 目录下的bin目录下,执行以下命令给空白包重新签名...原创 2018-09-06 10:24:08 · 6703 阅读 · 1 评论 -
原生App中嵌套 H5, H5不能使用缓存问题
原生安卓 App中嵌套 H5, H5不能使用缓存报一下提示:Cannot read property 'getItem' of null通过webView 设置开启缓存WebSettings settings = newWebView.getSettings();settings.setDomStorageEnabled(true);//开启缓存...原创 2020-03-04 09:28:34 · 2041 阅读 · 0 评论 -
git使用记录
1、(先进入项目文件夹)通过命令 git init 把这个目录变成git可以管理的仓库git init2、把文件添加到版本库中,使用命令 git add .添加到暂存区里面去,不要忘记后面的小数点“.”,意为添加文件夹下的所有文件git add .3、用命令 git commit告诉Git,把文件提交到仓库。引号内为提交说明git commit -m 'first commit...原创 2018-10-25 13:29:00 · 96 阅读 · 0 评论 -
jquery ajax请求IE10以下跨域问题
jquery ajax请求,Google Chrome、Firefox、IE10以及IE10以上正常,IE10以下跨域问题报如下错误提示:{"readyState":0,"status":0,"statusText":"No Transport"}-error-No Transport,解决方案:给ajax请求的头部设 jQuery.support.cors = true; 代...原创 2018-07-31 14:56:47 · 1742 阅读 · 0 评论 -
js中new Date()传参在IE浏览器下的兼容性问题
1、利用正则表达式解决var temp = “2018-07-018 00:00:00”var time = new Date(temp.replace(/-/g,"/")).getTime();2018-07-018 00:00:00格式是无法在IE浏览器中使用的,需要转换。...原创 2018-07-17 16:02:31 · 2031 阅读 · 0 评论 -
深入研究 css touch-action 属性
1、CSS属性touch-action用于设置触摸屏用户如何操纵元素的区域(例如,浏览器内置的缩放功能)。/* Keyword values */touch-action: auto; 默认值touch-action: none;touch-action: pan-x;touch-action: pan-left;touch-action: pan-right;touch-action: pan-y;touch-action: pan-up;touch-acti...原创 2020-12-31 10:32:03 · 10468 阅读 · 1 评论 -
vscode 使用问题记录
1、vetur插件提示如下错误:[eslint-plugin-vue][vue/require-v-for-key]Elements in iteration expect to have 'v-bind:key' directives.打开vscode——>File——>preference ——>Settings 搜索(vetur)把"vetur.valida...原创 2018-09-29 15:04:35 · 395 阅读 · 0 评论 -
Http请求JSON对象数据反解析精度丢失问题
1、http请求 对 单个long类型字段的长度有限制的原始数据:原创 2021-05-28 12:52:26 · 548 阅读 · 0 评论 -
html 中常用问题总结
包括以下内容:1、垂直居中2、个人平时积累github:https://github.com/mazhaoyou/interview原创 2019-02-21 13:47:29 · 155 阅读 · 0 评论 -
this安全策略
1、把this作为参数值来调用函数,这样可以避免this多问题,因为this始终与当前对象保持一致。2、设计静态的this指针如: function A(){let _this = this ; 存储当前的this,}3、设计静态的this扩展方法作为一个动态指针,this可以被转换为静态的指针,实现的方法主要利用 function 对于的 call()方法和 apply...原创 2019-11-04 18:17:17 · 120 阅读 · 0 评论 -
uni-app打包为H5时白屏
1、配置文件manifest.json文件中,"router" : {"base" : "/test/"}中没有配置base路径”,test为访问域名的根目录, 如下下图原创 2019-05-18 12:40:55 · 10911 阅读 · 5 评论 -
instanceof与typeof的区别
虽然typeof和instanceof都可以用来判断变量,它们的用法有很大区别,typeof会返回一个变量的基本类型,instanceof返回的是一个布尔值instanceof运算符用于检测构造函数的prototype属性是否出现在某个实例对象的原型链上。typeof判断...原创 2020-11-02 17:22:12 · 884 阅读 · 0 评论 -
js 中 new Date()兼容性问题
js中newDate() 在IE浏览器中、移动端的ios设备是不兼容性的不是很好,例如newDate(“2018-07-01800:00:00”)在IE浏览器跟ios中是不兼容的,需要利用正则表达式处理。vartime = “2018-07-01800:00:00”time =time .replace(/-/g,"/");new Date(time)才会兼容...原创 2019-03-13 13:19:06 · 654 阅读 · 1 评论 -
html2canvas跨域问题
1、html2canvas使用时所涉及的图片,必须遵循同源策略,即:域名,协议,端口相同2、在不同源的情况下会报一下错误Uncaught (in promise) DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported. at Object.on...原创 2018-04-28 17:15:08 · 3263 阅读 · 0 评论 -
(Emitted value instead of an instance of Error)
本地运行vue项目因为警告导致 不能启动(Emitted value instead of an instance of Error) Do not use v-for index as key on <transition-group> children, this is the same as not using keys.意思是在<transition-group&...原创 2019-07-13 14:27:27 · 18512 阅读 · 0 评论 -
vue数据双向绑定原理
vue数据双向绑定是通过数据劫持结合发布者-订阅者模式的方式来实现的,是通过Object.defineProperty()来实现数据劫持的。,达到监听数据变动的目的。数据与视图的绑定与同步,最终体现在对数据的读写处理过程中,也就是 Object.defineProperty() 定义的数据 set、get 函数中。Vue 中对于的函数为 defineReactive实现过程: 首先要...原创 2018-06-15 17:43:34 · 148 阅读 · 0 评论 -
webpack常用配置及ES6语法IE兼容性处理
webpack 是前端的一个项目构建工具,它是基于 Node.js 开发出来的一个前端工具;webpack安装的两种方式运行npm i webpack -g全局安装webpack,这样就能在全局使用webpack的命令 在项目根目录中运行npm i webpack --save-dev安装到项目依赖中 使用webpack的配置文件简化打包时候的命令在项目根目录中创建webpac...原创 2018-09-29 11:54:34 · 5064 阅读 · 0 评论 -
提取 json 数组中需要的字段
1、利用filter()方法过滤到需要的json数组letdata = [{ "srjID": 147, "srjName": "双面开口", "num": 0, "oddCreateTime": "0001-01-01 00:00:00"}, { "srjID": 121, "srjName": "义乌标变3*3", "num":...原创 2019-12-13 18:42:15 · 1216 阅读 · 0 评论 -
vue 中 防止改变 源数据
源数据:const exhibitorList = [{ title: '展商名称', selectText: '', isSelect: false}, { title: '展商简称', selectText: '', isSelect: false }]第一次进入页面修...原创 2019-12-16 11:49:11 · 732 阅读 · 0 评论 -
vue中页面数据改变组件不重新渲染
页面中引用组件 additional-entrust.vue,当界面传的entrustGold值 改变时,组件状态不重新渲染代码如下:<div class = "test"> <additional-entrust :entrustFlag="entrustFlag" :eachIncrease=...原创 2019-06-20 14:01:39 · 7323 阅读 · 0 评论 -
Runtime Only 版本 VS Runtime+Compiler 版本
当我们用vue-cli 初始化Vue.js 项⽬的时候会询问我们⽤ Runtime Only 版本的还是 Runtime+Compiler 版本,下面进行两者对比:Runtime Only: Runtime Only 版本通常需要借助如 webpack 的 vue-loader ⼯具把 .vue ⽂ 件编译成 JavaScript,因为是在编译阶段做的,所以它只包含运⾏时...原创 2019-11-08 15:43:24 · 264 阅读 · 0 评论 -
vue中子组件修改父子变量报错问题
通过子组件中变量变化修改父页面中变量报如下错: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's va...原创 2019-07-02 13:24:17 · 1322 阅读 · 0 评论 -
vue 动态新增属性
给已渲染完的json 数组对象通过索引添加 属性tabBars: [{text: "待付款",id: "payment",selectedWidth: 0}}tabBars[0].goodsItem = [];解决方案:this.$set(tabBars[i], 'goodsItem', []);Vue.set( target, key, value )...原创 2019-05-23 15:10:56 · 211 阅读 · 0 评论 -
H5支付、支付宝支付
背景项目基于H5支付 、微信支付实现支付服务端跟支付宝、微信H5 支付api对接,前端(原生、H5)调用服务端接口,接口返回支付所需的拼接串+支付完成的回调地址,H5或者原生唤起支付。支付宝支付1、H5调用服务端接口,接口返回格式 为 from表单,其中包括 提交 from表单时间, 需要特殊处理,处理方式如下: constdiv=document.creat...原创 2020-01-09 19:11:24 · 662 阅读 · 3 评论 -
iview组件Select回显问题
1、回显的值必须是Option绑定列表中存在的,如果Option绑定的是对象数组,回显时需要构建一个对象2、回显的值必须是字符串(String),不能是数字(Number)如果是Number类型可以加一个空字符串,转一下 例如:10+"";...原创 2020-12-29 18:04:50 · 3360 阅读 · 0 评论 -
浅谈vue中key的作用
Vue中key的作用:1、提高vue更新DOM的性能 key 的特殊属性主要用在 Vue的虚拟DOM算法,在新旧nodes对比时辨识VNodes。如果不使用key,Vue会使用一种最大限度减少动态元素并且尽可能的尝试修复/再利用相同类型元素的算法。使用key它会基于key的变化重新排列元素顺序,并且会移除key不存在的元素。有相同父元素的子元素必须有独特的key。2、管理可复用的元...原创 2019-07-30 09:19:03 · 1054 阅读 · 0 评论 -
pc端不同分辨率适配
1、以1920* 1080的设计稿为例,实现PC端不同分辨率适配2、安装依赖npm install --save lib-flexible 或者 yarn addlib-flexible -savenpm installpx2rem-loader -D或者 yarn addpx2rem-loadernpm 安装不上时可以用cnpm3、在utils文件下新建 一个 js 文件 如viewport.js 代码如下(function() { va...原创 2020-08-17 15:10:26 · 12388 阅读 · 7 评论 -
axios的post请求会发送了2次请求,解决方案
1、引用qs模块2、在main.js中设置默认请求头axios.defaults.headers['Content-Type'] = 'application/x-www-form-urlencoded'3、需要在后台进行设置,允许options请求参考文档: https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Acce...原创 2019-11-12 09:08:54 · 1869 阅读 · 0 评论