飞哥的海

导航

随笔分类 -  前端相关

vue3 vueRouter4 :No match found for location with path ***
摘要:0. 采用vue+ router4 做路由导航. 首次载入控制台很干净. F5刷新后,控制台爆出警告,但点击路由正常工作. 1. 经过排查发现,是menu中使用了 <router-link> 这玩意,后来改造成 @click="router.push(ele.path)" 即可消除警告 2. 网络上 阅读全文

posted @ 2023-04-30 16:23 飞哥的海 阅读(1387) 评论(0) 推荐(0)

vue-pdf 在手机微信端显示多页pdf
摘要:0. 官网很明确有示例,照抄即可, 可惜,我在csdn浪费了太多时间.走了很多弯路 1. https://www.npmjs.com/package/vue-pdf 官网地址,看示例,照抄即可 3. <template> <div> <pdf v-for="i in numPages" :key=" 阅读全文

posted @ 2023-04-19 22:07 飞哥的海 阅读(242) 评论(0) 推荐(0)

vue 使用echarts
摘要:0. 在vue内使用 echarts 可使用v-echart 这个魔改版本, 完全是可用的,但不在本次叙述范畴 1. 首先安装 npm install echarts --save 或者 yarn add echarts 2.先上结论 3.再上代码 <template> <div> <div id= 阅读全文

posted @ 2023-01-08 10:29 飞哥的海 阅读(221) 评论(0) 推荐(0)

初试高德地图SDK,androidStudio下 搭建helloworld
摘要:0. 尝试在androidStudio 搭建高德地图App 1. 访问 高德SDK官网,https://lbs.amap.com/api/android-sdk/summary,阅读一哈 2. 下载高德地图3D版 demo 3. 将demo中libs目录下的内容全部拷贝到 androidStudio 阅读全文

posted @ 2021-10-28 10:30 飞哥的海 阅读(200) 评论(0) 推荐(0)

ant vue a-button配色方案
摘要:转自:https://blog.csdn.net/wwmmddz/article/details/85702807/* 扩展ant design pro按钮组件颜色 */.button-color-dust { background-color: #F5222D; border-color: #F5 阅读全文

posted @ 2021-08-17 10:22 飞哥的海 阅读(3187) 评论(0) 推荐(0)

Flex 布局教程:语法篇(转载)
摘要:网页布局(layout)是 CSS 的一个重点应用。 布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 2009年,W3C 提出了一种新的方案 Flex 布局,可以简便、完整、响应式 阅读全文

posted @ 2021-07-30 17:05 飞哥的海 阅读(69) 评论(0) 推荐(0)

moment.js 输出json时间慢了8小时
摘要:1.在使用vue过程中,采用moment.js插件。处理时间相关问题比较简便,但遇到了 输出时间会慢8小时的奇怪事情 2.一番半天时间查询后,moment.js,默认采用utc格式向外提供。官网如下描述的(http://momentjs.cn/docs/#/displaying/format/) 3 阅读全文

posted @ 2020-12-22 21:20 飞哥的海 阅读(901) 评论(0) 推荐(0)

微信小程序开发之 vant-wapp填坑
摘要:1.引用了。vant 的 van-dropdown-item 微信开发者工具的console中就会出现红色erro “Failed to load font https://img.yzcdn.cn/vant/vant-icon-d3825a.woff2 net::ERR_CACHE_MISS” 2 阅读全文

posted @ 2020-12-17 09:55 飞哥的海 阅读(1110) 评论(0) 推荐(0)

使用vue创建运行高德JSApi 实例
摘要:话不多说,直接上代码: <template> <div> <div id="panel"></div> <div :id="mapId" style="width:100%;height:80vh" class="m-map"/> <a-button @click="buildMarker">添加标 阅读全文

posted @ 2020-12-13 18:16 飞哥的海 阅读(1319) 评论(0) 推荐(0)

vue+python前后端MVC的初探
摘要:0.继续上次的思路,将持续探索mvc。python的优势是简洁明快,我并不想为了适应mvc模式,而让后端结构看起来极为臃肿。一直在寻找关于mvc的权威书籍。 1.这次前端用添加了用户列表功能。点击下面列表,上面就会同步显示信息, 1.1 vue双向绑定的优势,如果用传统jquery方式,实现这个功能 阅读全文

posted @ 2020-08-18 17:34 飞哥的海 阅读(1420) 评论(0) 推荐(0)

vue+python+db 登录的尝试
摘要:0.本篇涉及如下插件或技术点:vue,elementuUI,axios,json,python,flask,flask_login,jwt,token,session,mysql,sqlalchemy,orm,restful 这两天尝试了flask和数据库的交互。网上各种资料翻阅了一遍。有用原生sq 阅读全文

posted @ 2020-07-30 15:07 飞哥的海 阅读(845) 评论(0) 推荐(0)

VUE Flask登录的初探-JWT的探索
摘要:上回简单实现了基于JWT的登录,并且留下了一些问题,jwt天生的弊端。本次用某些逻辑解决jwt的弊端 先列举jwt可能遇到的问题: 1.注销问题,当客户端注销登录后,token在有效期内依然有效,实际上从服务端无法让token失效2.修改密码,当用户修改了密码,按常规需要让前次token失效。3.续 阅读全文

posted @ 2020-07-21 13:59 飞哥的海 阅读(1417) 评论(0) 推荐(0)

VUE+Flask登录的初探--前端(Vue+element+axios)+后端(Flask+FlaskLogin+JWT)
摘要:0.前端部分依然基于VueCLI (https://cli.vuejs.org/zh/) 1.创建hello-login文件夹,然后再此文件夹内执行 vue create front-end ,一顿狂回车后,如下图所示: 2.安装elementUI,axios,js-cookie,qs 2.1 np 阅读全文

posted @ 2020-07-18 15:24 飞哥的海 阅读(5357) 评论(0) 推荐(0)

Vue之登录基础交互
摘要:1.把VueCLI装起来 https://cli.vuejs.org/zh/ 2.vue create hello-world 执行后,很自然就创建了一个实例项目。npm run dev后 打开如下界面: 3.安装elementUI组件:npm i element-ui -S (https://el 阅读全文

posted @ 2020-06-24 19:11 飞哥的海 阅读(534) 评论(0) 推荐(0)

Vue之Slot用法初探
摘要:Vue官网教材写的云山雾绕,挺简单的东西,写的神乎其神。 1.把VueCLI装起来 https://cli.vuejs.org/zh/ 2.vue create hello-world 执行后,很自然就创建了一个实例项目。npm run dev后 打开如下界面: 3.Slot是什么呢?Vue的思路就 阅读全文

posted @ 2020-04-25 18:00 飞哥的海 阅读(573) 评论(0) 推荐(0)

android模拟器的键盘技巧
摘要:android模拟器如果自定义一个分辨率,那可能就是没有键盘的。那怎么操作菜单和返回什么的呢?下面是阿权的测试结果,这个是有键盘的按键对应的:ESC 返回键F2 menu键F3 拨号键F4 挂断键F5 搜索键F6 滚轮F7 锁屏F8 禁止网络ctrl+F12 可以切换屏幕横向和竖向 引用 HomeHOMEMenu (left softkey)F2 or Page-up buttonStar (ri... 阅读全文

posted @ 2010-11-08 22:40 飞哥的海 阅读(760) 评论(0) 推荐(0)

Eclipse下加载AndroidSDK源码
摘要:在Eclipse下开发Android程序时,智能提示会出现: Note: The Javadoc for this element could neither be found in the attached source nor the attached Javadoc 是由于AndroidSDK中不包含源码. 下载源码(http://rgruet.free.fr/public/)后. 将源码解... 阅读全文

posted @ 2010-11-08 22:16 飞哥的海 阅读(6050) 评论(1) 推荐(0)

Eclispe下安装android插件ADT
摘要:离线安装ADT插件时,总是会停在Calculating requirements and dependencise...这里.通常等个半小时才开始下载,而且十分慢.此时,只需把滚动条上方的单选框全部取消.然后一路next安装完毕...NND就这么个东西,折腾我一夜... 阅读全文

posted @ 2010-11-05 23:42 飞哥的海 阅读(609) 评论(0) 推荐(0)