小于___-CSDN博客

原创 echarts全国地图资源，省份名称居中

echarts 全国地图资源echarts全国地图资源全国地图山东黑龙江吉林辽宁北京天津河北河南山西陕西内蒙古安徽江苏上海浙江福建台湾广东香港澳门广西江西湖南湖北甘肃宁夏重庆贵州云南四川青海西藏新疆海南echarts全国地图资源echarts全国地图资源，包括全国地市主图，以及各省的县级市区，暂无各个县市区以下的行政区划。资源中省份，地级市名称居中显示。全国地图全国地图资源山东山东ec...

2019-12-30 11:11:09 3701 4

原创 JavaScript缓动函数

var Tween = { Linear: function(t, b, c, d) { return c * t / d + b; }, Quad: { easeIn: function(t, b, c, d) { return c * (t /= d) * t + b; }, easeOut: function(t, b, c, d) { return - c * (t

2021-09-20 10:15:28 707

转载 unable to access android sdk add-on list 根本问题解决方案

点击 setup proxy，选“Manual proxy configuration”，再选“Http”，在host name里填 “mirrors.neusoft.edu.cn” 。转载：https://blog.csdn.net/qq_42708911/article/details/90233764

2021-08-05 15:57:41 198

MVVM框架概念1.概念经典MVVM模型图，由 View、Model、ViewModel 三部分组成。View：视图模版，负责将Model转化为UI，并展示；Model：数据模型，根据业务逻辑操作数据；ViewModel：通过*双向绑定*连接了View和Model；2.原理在MVVM的架构中 Vue.js 的原理是对数据（Model）进行劫持（Object.defineProperty( )），在数据发生变化时，数据会触发劫持时绑定的setter方法，对视图（View）进行更新。3.对比

2021-01-25 09:19:15 1034

原创 Vue-Router路由使用详解（二）

文章目录1.路由守卫2.路由元信息3.过渡动效4.数据获取5.滚动行为6.路由懒加载7.导航故障1.路由守卫全局前置守卫全局前置守卫的应用场景之一就是在触发路由跳转后，对其拦截判断是否登陆或登陆是否失效，根据判断结果进行处理。router.beforeEach((to, from, next) => { // 进行逻辑判断，demo const isLogin = localStorage.getItem("isLogin"); // 这里的meta就是下边要说的“路由元信息”

2021-01-21 11:37:01 420

原创 Vue-Router路由使用详解（一）

0.安装及使用npm install vue-router --save<router-link to="/index">Index</router-link><router-view></router-view>router/index.tsimport Vue from 'vue'import Vue

2021-01-21 11:34:29 432

原创 vue+typescript解决无法使用路由组件内守卫

vue + typescript 开发环境组件内无法调用路由钩子：beforeRouterEnter等守卫需要向Component注册hooksimport { Vue, Component } from "vue-property-decorator";import { Divider } from "ant-design-vue";import { RouteConfig } from "vue-router";import { getUserList } from "@/api/use.

2021-01-20 22:44:38 690 3

原创 Vue路由跳转传参

该部分内容即官方文档中的“编程式导航”vue路由传参是在路由跳转时传递参数。传参方式分为params和query。params传参分为url中显示参数和不显示参数两种方式。官方文档本部分内容为官方文档中编程式导航的 router.push() 部分。router.replace() 的用法同 router.push() ,唯一区别就是replace不会向history中添加记录。router.go() 用法同 window.history.go(n)1. 通过path匹配路径：1. 通

2021-01-13 22:47:45 256

原创 axios拦截器以及全局设置loading

涉及到一下点：vuex状态机axios拦截器antd的Spin组件请求拦截器在请求发送前进行拦截，按需求进行设置操作，比如请求需要携带token。在请求拦截器中统一设置。axios.interceptors.request.use( config => { // 获取到请求参数，按需设置 const token = sessionStorage.getItem("token"); if (token) { Object.assign(conf.

2021-01-09 22:32:38 958 1

原创 Vue的Mixins详解及用法

mixins 选项接收一个混入对象的数组。这些混入对象可以像正常的实例对象一样包含实例选项，这些选项将会被合并到最终的选项中，使用的是和 Vue.extend() 一样的选项合并逻辑。也就是说，如果你的混入包含一个 created 钩子，而创建组件本身也有一个，那么两个函数都会被调用。Mixin 钩子按照传入顺序依次调用，并在调用组件自身的钩子之前被调用。如果发生合并冲突，则以组件对象为主。1.使用场景多个业务组件的数据或者逻辑相似的时候，可以将公共部分抽取。在各个业务组件中通过 mixins .

2020-12-27 12:41:58 2080

原创 Vue自定义指令以及自定义指令的模块化

如果Vue内置的指令不能满足功能需求的时候，可以进行自定义指令。自定义指令的使用场景就是操作基础DOM，实现功能需求。官方文档1.关于自定义指令的钩子函数自定义指令的五个钩子函数都是可选的，比如 v-once 指令。bind指令第一次绑定到元素上；只调用一次；可以做相关初始化的操作；inserted被绑定的元素插入到其父元素节点时调用；update当所在组件的VNode更新时调用；但是update和VNode的更新顺序不定，所以需要比较；componentUpdat.

2020-12-26 12:18:29 290

原创 Nginx配置本地绝对路径下的静态资源

以下解决方法只针对，通过nginx配置本地绝对路径下的资源没有涉及到其他问题安装nginx官网下载压缩包解压。启动启动方式不赘述。可以通过命令，也可以直接双击nginx.exe配置E:\nginx-1.19.6\conf\nginx.conf配置文件在以上路径中。server { listen 8080; server_name localhost; #charset koi8-r; #access_l.

2020-12-25 17:10:26 4748 2

原创 Vuex状态机的理解和使用

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。以上是官方套话，详情直接看官网。1.对状态机vuex的理解是一种状态管理模式，抽取共享状态保证状态是可预测的变化单向数据流官方祖传的单向数据流图。官方祖传的单向数据流图。官方祖传的单向数据流图。2.安装npm install vuex --save3.vuex的基础结构import Vue from 'vue'im.

2020-12-24 22:15:42 624

原创 vue-property-decorator装饰器

vue-property-decorator装饰器直接上代码，针对每个装饰器都有注释。<template> <div> <div>我是父组件的： {{models}}</div> <child :params.sync="params" v-model="models" @emit-test="hanlerEmit1" @emitTestName="handlerEmit2">&l

2020-12-23 21:42:55 334

原创 Vue的几种通信方式

组件间通信Vue也是从基础开始学起，边学边整理，同类文章很多，本文仅供参考。如有不到之处，请指正。组件关系：A/B、B/C、B/D为父子关系； C/D为兄弟关系； A/C为隔代关系；其中隔代关系可能隔多代；文章目录组件间通信1.父子组件通信1.props/$emit????????2.provide/inject3.$ref4.\$parent/$children5.\$attrs/$listeners2.兄弟组件通信1.eventBus2.vuex3.隔代组件通信1.\$attrs/$l

2020-12-23 15:01:27 185

原创 Vue函数式组件

函数式组件 Functional用法，在template标签使用 functional<template functional> <div :class="['y-divider', 'y-divider-' + props.direction]"> <div :class="['y-divider__text', 'is-' + props.position]" v-if="slots().default && prop

2020-12-18 10:37:06 93 1

原创 Visual Studio Code 自定义代码模版

修改位置打开vscode首选项-用户片段，可以搜索已有的文件名，或者新建一个json文件。创建自定义模版{ "Print to console": { "prefix": "ybase", "body": [ "<template>", " <div>", " ", " </div>", "</template>", "<script lang=\"

2020-12-17 11:34:02 475

原创 MongoDB查询语句的关键字以及分页

查询语句的关键字并列$and# 条件都成立才可以查询到结果db.collection.find({$and:[{field1: "value"},{field2: value}]})或$or# 满足一个条件就可以查询到结果db.collection.find({$or:[{field1: "value"},{field2: value}]})子查询$alldb.collection.find({"field":{$all:[value1, value2, value3]}})

2020-12-17 09:35:23 396

转载 TypeScript 中 any 和 unknown 的区别

译者: 在实际场景中, 很少看到有人在 Typescript 中使用 unknown , 使用unknown 可以保证类型安全，使用 any 则彻底放弃了类型检查 , 在很多情况下, 我们可以使用 unknow 来替代 any , 既灵活, 又可以继续保证类型安全.原文链接在我们的项目中实现 TypeScript 时，我们努力写出最好的类型。我们可能经常觉得使用any类型违背了 TypeScript 的目的，确实如此。还有其他一些类型值得了解，我们可能会发现它们在尝试不使用 any 时很有用，比如 .

2020-12-16 16:42:33 1881

原创 Vue的数据双向绑定原理及实现

2020-12-12 12:27:30 1765 2

原创 ElementUI Tree组件单击双击操作

场景业务需要，要求ElementUI的Tree组件同时拥有单击和双击两种事件。官方组件API只提供了单击事件，双击事件则需要自己扩展。（扩展不是本篇的重点）问题扩展好双击事件，代码如下：<template> <div> <el-tree :data="data" node-key="id" :props="defaultProps"> <span slot-scope="{ node, data }"> <

2020-12-10 14:30:04 1510

原创 Mac安装vue-cli3时报gyp: No Xcode or CLT version detected!

产生原因缺了xcode 的CLI 工具解决办法sudo rm -rf $(xcode-select -print-path)xcode-select --install

2020-11-05 19:45:34 161

原创 VSCode无法显示多个tabs解决方案

如图：vscode出现当前界面的原因是，首选项里的配置被关掉了。解决方案：win：ctrl+shift+pmac：comand+shift+p输入settings并打开。搜索workbench.editor.showTabs。打勾即可。

2020-11-02 19:57:45 1377

原创 vue安装sass后，报错TypeError [ERR INVALID ARG TYPE]: The “path“ argument must be of type string

产生原因安装sass的时候，默认安装最新版本。版本号过高，导致的报错解决方法降低sass-loader版本号npm uninstall sass-loadernpm install [email protected] --save-dev这个问题关联上一个vue的报错。

2020-11-02 19:31:35 431

原创安装node-sass，报错Error: Node Sass version 5.0.0 is incompatible with ^4.0.0

npm uninstall node-sassnpm install [email protected]

2020-11-02 19:21:54 998

原创 macOS安装Homebrew报错443

macOS下安装homebrew报错443超时切换国内源选择下载源切换国内源/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"选择下载源选择好下载源后，按提示操作即可。（中科大的源好像比其他几个稳定）...

2020-10-09 14:38:49 199

原创格式为[区号-座机号-分机号]的座机号校验正则

格式为 [区号-座机号-分机号]var regexp=/^((\d{3,4}\-)|)\d{7,8}(|([-\u8f6c]{1}\d{1,5}))$/;区号可校验 3-4 位座机号可校验 7-8 位分机号可校验 1-5 位

2020-04-03 11:06:25 2373

转载 eclipse优化

eclipse调优一般在不对eclipse进行相关设置的时候，使用eclipse总是会觉得启动好慢，用起来好卡，其实只要对eclipse的相关参数进行一些配置，就会有很大的改善。加快启动速度 1.在eclipse启动的时候，它总是会搜索让其运行的jre，往往就是这个搜索过程让eclipse启动变慢了。（没设置时，等2-3s出现进度条，设置后直接出现进度条）只要在eclip

2017-03-15 09:06:10 490

原创 svn提交文件时，过滤文件

用 SVN 管理代码的时候，在根目录下提交程序的时候总是会把编译的class文件显示出来，要不就得去你修改过的文件夹下挨个提交很麻烦。都没想到过 SVN 可以过滤这些class文件的。操作如下：在项目的根目录下，右键找到 SVN 的 settings 有一个Global ignore pattern 这是设置全局忽略。把*.class写在里边。下次在程序的根目录下直接提交文件，class就不会检

2016-04-29 08:38:36 1599

原创 Mysql中Blob字段转换为String

直接不多说，Oracle已经写过，把Mysql补上：public static String BlobToString(Blob blob) throws SQLException, IOException { String reString = ""; InputStream is = blob.getBinaryStream(); ByteArray

2015-12-09 09:27:41 14107

原创用PowerDesigner逆向从Oracle导出pdm

逆向工程首先得保证你的监听已经在 tnsnames.ora 中配置好了。否则是无法导出的。怎么配置就不说了。配置好了就是下图这样的。打开PowerDesigner以后，新建文件 File - New Model ，然后如下图：创建好了以后是这个样的，如图：创建好了文件以后，开始链接数据库，进行导出。还是如图：下图就是命名文件以及选择数据库版本：点击完确定以后，到了这个页面，如

2015-11-26 10:20:38 974

原创 Windows 10 专业版关闭自动更新

对于windows 的其他版本，关闭自动更新都是在控制面板中的windows update 里边关闭，但是在win10 中并没有这个选下，那么就得手动关闭自动更新的服务了。方法如下： 1.打开服务： Win+R 呼出运行对话框输入 services.msc或者2.找到 Windows Update 的服务 3.将其停止，并设置为禁用，这样以后更新服务就不会运行了，当你要更新的时候重新打开

2015-10-30 09:08:43 1244

原创关于安装NTKO Office插件的方法

有的Windows 在安装插件的时候都会提示无法验证发布者而安装失败。这个时候按照网上的一些做法就是，修改浏览器对ActiveX的权限进行允许。但是我发现在我这并没有什么卵用。那只能手动安装了。一下提供手动安装和手动删除。手动卸载 1、终止iexplore.exe进程 2、删除 C:\WINDOWS\Downloaded Program Files下的NTKO OFFICE文档控件 3、将of

2015-10-29 14:02:27 27556 1

原创 "通配符的匹配很全面, 但无法找到元素 'tx:annotation-driven' 的声明" 的解决方案

在 SpringMVC 的配置文件中，一般会出现这个错误，即通配符的匹配很全面, 但无法找到元素 XXX:XXX 。出现这样错误的原因一般就是因为xml文件的问题。如果在头文件中没有引入 xmlns:mvc="http://www.springframework.org/schema/mvc" 在xml中就会直接报错提示你如果这行代码引入了，还是依旧报这个错，这就说明xsi:schemaLoca

2015-10-19 10:35:49 25279

原创 The prefix "context" for element "context:component-scan" is not bound.

在配置SpringMVC的配置文件的时候，配置自定义扫描包出现了这个错误。导致这个错误的原因是因为在头文件上缺失了context 的内容。在新建springMVC的配置文件的时候，就应该直接选上 context 如下图：

2015-10-16 17:23:01 4059 2

原创 SpringMVC 介绍以及IDE插件安装配置

简单介绍一下SpringMVC。 Spring MVC属于Spring框架的后续产品，已经融合在Spring Web Flow里面。Spring 框架提供了构建 Web 应用程序的全功能 MVC 模块。使用 Spring 可插入的 MVC架构，从而在使用Spring进行WEB开发时，可以选择使用Spring的SpringMVC框架或集成其他MVC开发框架，如Struts1，Struts2等。简单点

2015-10-16 16:48:20 3827

原创 IE8下按F12不显示开发人员工具窗口的解决方法

F12打开后，状态栏会有开发人员工具的图标，但是点击没有反应。将鼠标放在图标上，会出来缩略图，在缩略图上点右键-最大化即可。另外,网上有说,在调出开发人员工具窗口以后,按 ctrl+P ,事实上这是打印的快捷键.然并卵啊~ 但是第一种方法可用.

2015-10-14 09:58:08 1667

原创 PLSQL快捷键设置方式

设置快捷键是指 select * from ….. 这样得语句，使用快捷键，会比较方便。设置如下：打开PLSQL –> tools –> preferences 如图：可以点击 edit 直接编辑，也可以把快捷键方式存放到文本文档中，直接打开。应用一下就好。这样以后输入快捷方式按空格就能直接补齐语句。附上快捷键：i=INSERTu=UPDATEs=SELECTf=FROMw=WHERE

2015-09-18 11:12:47 1593

原创 Oracle 中Clob 字段,转换为 String 类型

数据库中Clob字段,就是常说的大字段, 想吧Clob 当作普通的String 类型字段来处理是不能实现的,这时候需要处理一下大字段, 即可. 具体方式看代码 : public static String ClobToString(Clob clob) throws SQLException, IOException { String reString = ""

2015-09-01 14:46:07 4334

原创 Struts2 国际化

1.配置国际化资源文件 I.Action范围资源文件：命名形式 ActionName_language_country.propertiesII.包范围资源文件: 命名形式 package_language_country.properties 一旦建立该包下的所有Action都可以访问III. 全局资源文件(推荐使用) : 命名形式 basename_language_country.p

2015-07-20 09:14:23 541