vue项目地址上的#是哪来的？（前端路由的hash模式和history模式）
摘要：效果： 原因：这是因为vue是单页面应用的原因，在前进或后退的时候使用这种方式将保持路径的正确性，#是vue的hash模式，这是一种默认的方式。此时router/index.js文件是这样的： import Vue from 'vue' import VueRouter from 'vue-rout
阅读全文
posted @
2021-03-31 21:14
周文豪
阅读(4562)
推荐(0) 编辑
安全漏洞
摘要：一、JavaScript库YUI版本过低（认识vue项目中的index.html文件） 原因分析：用npm 安装到项目再通过import引入，由于安装的jsencrypt.js是没有压缩得，里面包含YUI，打包之后会出现这种文件 解决办法：jsencrypt.min.js文件中不含有YUI，故可以用
阅读全文
posted @
2021-03-31 14:32
周文豪
阅读(2596)
推荐(1) 编辑
uni-app：使用字体图标（iconfont和yticon）
摘要：font-class引用 font-class是unicode使用方式的一种变种，主要是解决unicode书写不直观，语意不明确的问题。与unicode使用方式相比，具有如下特点： 兼容性良好，支持ie8+，及所有现代浏览器。 相比于unicode语意明确，书写更直观。可以很容易分辨这个icon是什
阅读全文
posted @
2021-03-29 10:59
周文豪
阅读(7551)
推荐(0) 编辑
uni-app:mescroll-body组件
摘要：mescroll的uni版本, 提供<mescroll-body>和<mescroll-uni>两个组件, 其中<mescroll-body>支持配置成系统自带的下拉组件 总结：从1.2.1版本开始，绝大部分情况应优先考虑使用 mescroll-body 因为支持原生组件,且性能好，只有当需要局部区
阅读全文
posted @
2021-03-27 10:33
周文豪
阅读(9452)
推荐(0) 编辑
uni-app:uCharts的使用步骤
摘要：为何不用Echarts 相比Echarts及F2的复杂的设置，本插件几乎等于傻瓜式的配置。 Echarts在跨端使用更复杂，本插件只需要简单的两个<canvas>标签轻松区别搞定，代码整洁易维护。 Echarts在IOS端图表显示错位，只能引用网页解决。 本插件打包后的体积相比Echarts小很多很
阅读全文
posted @
2021-03-26 10:29
周文豪
阅读(16417)
推荐(0) 编辑
uni-app：应用的生命周期与页面的生命周期与组件的生命周期
摘要：生命周期的概念：一个对象从创建、运行、销毁的整个过程被成为生命周期。 应用的生命周期 应用的生命周期函数必须在app.vue。 页面的生命周期 如何来区分页面和组件：知道组件是引用的、页面是跳转的（需要在pages.json中配置路径）就完了 uni-app 支持如下页面生命周期函数： 组件的生命周
阅读全文
posted @
2021-03-16 10:43
周文豪
阅读(1984)
推荐(0) 编辑
vue：ES6模块化规范（默认导出、默认导入、按需导出、按需导入）
摘要：ES6模块化规范是浏览器端和服务器端通用的规范，也是前端模块化开发的趋势， 每个JS文件都是一个独立的模块。暴露模块成员使用export关键字，导入模块成员使用import关键字 通常需要结合babel这个第三方插件在node中来体验高级的ES6特性。在这里babel是一个语法转换工具，可以把高级的
阅读全文
posted @
2021-03-16 09:29
周文豪
阅读(3711)
推荐(0) 编辑
uni-app：本地缓存
摘要：有时需要将数据临时存储到本地缓存，而不是存储到数据库， 1、uni.setStorage 将数据存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容，这是一个异步接口。 <template> <view> <button type="primary" @click="setStor
阅读全文
posted @
2021-03-15 14:47
周文豪
阅读(4265)
推荐(0) 编辑
echarts：vue项目中使用柱状图
摘要：安装Echarts # 最新稳定版 $ cnpm install echarts --save 代码： 父组件： <template> <div> <basic-bar></basic-bar> </div> </template> <script> import BasicBar from './
阅读全文
posted @
2021-03-14 11:15
周文豪
阅读(1961)
推荐(0) 编辑
vue：父组件调用子组件的方法和子组件调用父组件的方法 provide/inject
摘要：父组件调用子组件的方法 组件中使用ref和$refs来实现给子组件传值或者调用子组件的方法 在Vue中一般很少会用到直接操作DOM，但不可避免有时候需要用到，这时我们可以通过ref和$refs这两个来实现. ref 被用来给子组件注册引用信息， 引用信息将会注册在父组件的 $refs 对象上，如果是
阅读全文
posted @
2021-03-13 11:24
周文豪
阅读(783)
推荐(0) 编辑
uni-app：将页面的过滤变为全局过滤器
摘要：页面中的过滤器： filters: { formatDate(date){ const ndate = new Date(date) const year = ndate.getFullYear() const month = ndate.getMonth().toString().padStart
阅读全文
posted @
2021-03-12 14:43
周文豪
阅读(986)
推荐(0) 编辑
uni-app：text文本组件是行内元素，如何让标题居中显示？
摘要：text 组件的属性 注意： text 组件相当于行内标签、在同一行显示 除了文本节点以外的其他节点都无法长按选中 行内元素与块级元素区别： 1.行内元素与块级元素可以相互转换，通过修改display属性值来切换块级元素和行内元素，行内元素display：inline，块级元素display：blo
阅读全文
posted @
2021-03-12 14:18
周文豪
阅读(13678)
推荐(1) 编辑
报错：java.math.BigDecimal cannot be cast to java.lang.String（oracle数据库中的number类型数据，java查询出来的对象属性数据类型其实为BigDecimal）
摘要：这样写代码会报错：java.math.BigDecimal cannot be cast to java.lang.String 错误代码一： String plantId1 = (String)map2.get("plantId"); Integer plantId = Integer.value
阅读全文
posted @
2021-03-11 15:42
周文豪
阅读(11196)
推荐(0) 编辑
uni-app封装请求方法
摘要：uni.request本身已经是基于promise了，也可以用async/await,为啥还要进行封装呢？ 1、封装成一个方法后，以后想要发送请求就直接调用这个方法，这样所有的请求都走这个方法，就可以对所有的请求做一个拦截， 2、另外，接口的域名不管要使用多少次都是一样的，难以维护， 异步处理的封装
阅读全文
posted @
2021-03-08 20:58
周文豪
阅读(2765)
推荐(0) 编辑
in和exists比较
摘要：exists的一种通俗的可以理解为：将外查询表的每一行，代入内查询作为检验，如果内查询返回的结果取非空值，则EXISTS子句返回TRUE，这一行行可作为外查询的结果行，否则不能作为结果。 下面两条SQL语句的执行结果是一样的，但是，不一样的是它们的执行流程完全不一样： 使用exists语句查询： 指
阅读全文
posted @
2021-03-05 21:43
周文豪
阅读(195)
推荐(0) 编辑
人写的SQL与机读SQL的顺序
摘要：人写的SQL： 机读的顺序：解析器 即先读from，select从第一位变成第7位。 From后面先来笛卡尔积，
阅读全文
posted @
2021-03-05 09:48
周文豪
阅读(97)
推荐(0) 编辑
spring cloud组件之Feign：Feign内置的Ribbon把Rest的请求进行隐藏并基于某种负载均衡算法自动发起请求，而Feign伪装成类似Controller一样来拼接url
摘要：在前面的学习中，使用了Ribbon的负载均衡功能（注意：Feign集成了Ribbon），大大简化了远程调用时的代码，但是服务地址还是需要拼接，还需要利用RestTemplate进行访问，代码较多，重复率高。如果使用feign的话，就能更加简洁的访问。 String url = "http://use
阅读全文
posted @
2021-03-04 21:10
周文豪
阅读(718)
推荐(0) 编辑
spring cloud组件之Hystrixi:通过服务降级即返回一个结果来隔离访问远程服务，防止出现级联失败
摘要：Hystrix 在英文里面的意思是 豪猪，它的logo 看下面的图是一头豪猪，它在微服务系统中是一款提供保护机制的组件 那么Hystrix的作用是什么呢？具体要保护什么呢？ Hystrix是Netflflix开源的一个延迟(latency)和容错库，用于隔离访问远程服务、第三方库，防止出现级联失败。
阅读全文
posted @
2021-03-04 16:59
周文豪
阅读(296)
推荐(0) 编辑
spring cloud组件之Gateway:服务的统一入口
摘要：微服务避免直接暴露地址，需要一个统一入口进行隔离，增强服务调用的安全性。 Spring Cloud Gateway基于Filter链提供网关基本功能：安全、监控／埋点、限流等。 Spring Cloud Gateway为微服务架构提供简单、有效且统一的API路由管理方式。 Spring Cloud
阅读全文
posted @
2021-03-04 11:54
周文豪
阅读(8346)
推荐(0) 编辑
spring cloud组件之Ribbon负载均衡：从地址列表中使用负载均衡算法（默认是轮询）获取地址进行服务调用
摘要：负载均衡是一个算法，可以通过该算法实现从地址列表中获取一个地址进行服务调用。 在RestTemplate的配置方法上添加 @LoadBalanced 注解，RestTemplate+@LoadBalanced，即服务消费方调用服务提供方的时候是用负载均衡的方式直接通过服务名调用（后面用Feign）
阅读全文
posted @
2021-03-01 16:55
周文豪
阅读(650)
推荐(0) 编辑
管理