- 博客(23)
- 收藏
- 关注
RSS订阅原创 从零开始搭建Vue3框架（二）：Vue-Router4.0使用与配置
上篇文章我们创建了模板项目并成功运行，但是运行后的页面只是一个静态页面，并没有页面间跳转。对于Vue这种单页应用来说，最要紧的就是控制整个系统的页面路由。因为我们使用Vue3的框架，所以这里使用Vue-Router4.0版本。
2023-07-31 10:30:32
1095
原创 原型和原型链解析
原型要理解原型首先需要明确几个概念：1、__proto__每个引用数据类型（如Object、Array、function）的对象实例，都有这个是属性，同时这个属性也是一个对象；2、prototype只有函数对象实例，有这个属性，且这个属性也是个对象；每个prototype都有一个constructor指向这个方法；3、__proto__和 prototype关系每个对象实例的__proto__都指向其构造函数的 prototype看下面的代码： let myObj= { nam
2022-05-01 16:53:42
338
原创 js闭包原理及用途
闭包的原理官方解释：闭包就是能够读取其他函数内部变量的函数。要解释这段话，就要引入变量作用域的概念。变量作用域首先看下面这段代码的输出值var num = 0function add(){ num = num + 1 console.log(num)}add() // 1add() // 2add() // 3console.log(num) //3此时，num是全局的作用域，在add()函数内外都可以访问到的；且在内存中是只有一个的，所有的运算都指向这唯一的num
2022-04-28 15:07:11
628
原创 Vue3.0项目框架搭建之五：vuex状态管理
上一篇文章，我们通过localstorage和axios拦截器实现了账号鉴权。但是 localstorage 作为永久化存储，即使用户关闭浏览器，它还会存在，第二次打开系统已保存的用户token还是存在。所以，注定了不能作为真正的用户鉴权的一份子。那么，谁可以替代呢？正是我们今天要引入的 Vuex ，它是保存在内存中的数据仓库（个人喜欢这么称呼），在系统关闭后会被清空，那么当用户二次打开系统时，就会判定为待登录状态。再加上vuex响应式的原理，更能支持后期我们其它需要存储的数据同步等。所以，vuex是最
2022-03-25 16:54:23
1879
3
原创 Vue3.0项目框架搭建之四：axios网络请求、拦截器封装
上一章我们引入了elementui库以后，整个项目已经可以开始前端页面的开发了。但是，基于现在前后分离架构的原因，我们需要调用后台接口来获取页面展示的数据。关于网络请求使用的方法有很多，比较推荐的就是 axios。官方介绍说支持node，可能在以后使用nodejs做服务开发的时候，也能用到。安装npm install axios在api文件夹下面创建index.js文件：// 引入axiosimport axios from 'axios';// 全局配置axios.defaults.ba
2022-03-23 17:29:38
6744
2
原创 Vue页面生成PDF的方法
最近项目有个需求，将系统统计的数据生成分析报告，然后可以导出成PDF。这种方法可以有两种，一种是直接调用打印，用户通过浏览器提供的打印页面手动选择导出PDF。当然这种方式兼容性差，且体验不好，显然不是我们想要的效果。那么第二种方法的实现思路是什么呢？首先生成报告页面，也就是常规页面；然后将页面转换成图片（ 用到的组件 html2canvas ）；最后将图片导出成PDF（ 用到的组件 jspdf ）。安装依赖npm install --save html2canvas // 页面转图片npm
2022-03-23 11:24:54
21637
22
原创 Vue3.0项目框架搭建之三：element-plus
上一篇文章完成了Router4.0的集成，已经页面的切换。那么就应该开始对每个页面的内容做设计了，vue有很很多支持的第三方UI库，其中使用最广泛的就是 elementUI 。这次 elementUI 的集成为了适配我们Vue3.0特地选择了官方对应的版本 element-plus 。安装首先进行依赖的安装，这里直接使用npm方式：npm install element-plus --save然后在 main.js 中引入 element-plus组件，这里直接导入完成的组件库，如果考虑到打包后
2022-03-21 15:21:32
10090
1
原创 从零开始搭建Vue3框架（一）：项目初始化+Vite基础配置
前言vue3.0更新了不短的时间，目前很多配套框架如elementui、echarts等主流UI框架都已经做了升级。考虑到目前2.0的项目工程运行速度、开发效率都有了一定瓶颈，所以公司考虑优化技术架构，实现3.0版本升级。升级肯定涉及到兼容性和技术栈的问题，至于两个版本的改动在项目搭建过程中，如果设计到的会适当说明。本文目的在于记录自己项目框架搭建的过程，也记录一下遇到的坑吧。项目创建Vue官方提供了两种方法：通过vite，强烈推荐这种方法，毕竟升级的目的之一也是希望提高一下开发效率，vite
2022-03-18 18:17:42
6355
2
原创 Vue集成Cesium之二 —— 相机（Camera）
上一篇文章初步写了一下 vue 集成 cesium 方法和注意的地方。最近因为项目中用到的地图资源并不是拿来就能用，需要调整显示的角度、缩放等设置。所以把 cesium 所有的相机（也就是视角）设置都体验了一遍，正好记录一下异同，分享出来。笔者作为初探的小白，如有错漏还请看官指出加以改正。Viewer.zoomTo(target, offset)官方解释：Asynchronously sets the camera to view the provided entity, entities, o
2022-03-16 17:00:37
1945
原创 Vue 第三方集成之 Cesium
最近项目有三维地图展示需求，甲方提供了三维数据，要求使用Cesium集成。利用一天时间集中突击了一下做个笔记，后面再用到的话也好自查。声明一下，作者也是最近刚接触cesium，目前的探索也只是作为初学者一个导引吧，避免少走弯路。不喜勿喷，谢谢。资源官网地址：https://cesium.com/platform/文档示例很多，API也很全，就是全部英文看起来费劲，建议深度学习可以看看。GitHub地址：https://github.com/CesiumGS有几个JavaScript分类的dem
2022-03-10 10:53:50
4331
1
原创 安卓监听重复问题
开始首先最开始的写法，在 onCreate 方法中创建了一个广播并注册。但是每次activity创建的时候都会注册一个新的广播？@Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); //创建广播实例 B...
2019-12-31 09:58:55
519
1
原创 Vue —— keepAlive使用（指定页面跳转缓存）
功能逻辑HomePage ——> OrderList ——> OrderDetail1、首页跳转的订单列表页，列表页刷新并请求数据；2、列表页跳转到详情页，再返回列表页不刷新页面。...
2019-12-05 16:20:59
5039
1
原创 Vue cordova插件回调，this.value访问数据undefined
使用箭头函数，如 var lingling = cordova.plugins.linglingPlugin; lingling.btOpenDoorMethod( this.linglingKeys, resultStatus=> { // $scope.data2 = resultStatus; console.log("====...
2019-11-14 15:23:46
423
原创 Postman—Mock Server探索
为什么使用Mock Server目前开发团队基本上都采用前后端分离的开发方式，后端的接口测试及前端的接口调用如果不使用工具而是相互依赖，不但失去前后端分离的意义，也给项目的开展造成阻塞。据我所知，后端开发普遍在开发过程中会使用Postman（或其他工具）进行接口测试，而不是由前端直接配合模拟调用。所以，前端开发也应该学会使用模拟接口服务的工具（Mock Server），将接口集成的工作前置，而...
2019-07-29 11:31:23
517
原创 ionic开发笔记
一、APP复制文字到剪切板使用到 Clipboard.js 插件HTML文件<div class="orderDetail"> <div> <span class="orderDivSon" style="padding-right: 5px;">订单编号</span> <input type="text" name="sel...
2019-06-12 18:52:03
270
原创 Git + Gerrit 代码管理笔记
git statusgit add 路径git commit -m “说明”git push origin HEAD:refs/for/mastergit loggit reset commitidgit commit --amend
2018-12-14 16:27:53
541
原创 Ionic笔记Chapt1 —— 环境配置（Mac OS系统环境）
前言由于最近有个项目需要使用Ionic框架进行APP开发，经过一番痛苦挣扎，终于算是初步了解，那么分阶段记录一下自然是必须的。本章抛砖引玉，先把开发环境及调试环境配置方法和爬坑过程记录一下，因为之前一直在做iOS原生开发，所以暂时只有Mac环境下配置方法，其实换了Windows会更简单。Node&Npm安装Ionic安装是通过npm进行的，所以首先需要安装配置npm。下载链接ht...
2018-11-22 17:39:49
282
原创 OkHttpClient使用和封装
安卓关于自定义dialog用法总结（仿iOS中ActionSheet）最近的项目用到了底部弹窗的效果，网上百度了很多类似写好的控件，其中也不乏好的实现。但是为了方便以后扩展，总结了一下前人的经验自己写了实现了一个类：实现方法加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl + Q插入链接 Ctrl + L插入代码 Ctrl +
2018-09-29 10:56:38
8428
1
原创 UEditor配置笔记（持续更新中）
由于项目需求，要在后台中加入富文本编辑图文功能（类似微信公众号？）。 昨晚前端菜鸟的我在百度上google了一大圈，普遍反映UEditor是个不错的插件，本着群众眼睛是雪亮的观念，立马学习了一番。官方文档（http://fex.baidu.com/ueditor/）还是比较全面的，但是文档是文档，现实配置项目的时候总是各种各样的问题，尤其当你折腾半天就是上传不了图片的时候，内心是崩溃的。我就把我配
2017-06-23 18:01:20
402
原创 关于iTunes connect审核“Missing or invalid signature”的问题
关于iTunes connect审核“Missing or invalid signature”的问题
2016-12-02 09:25:06
1272
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人