- 博客(25)
- 收藏
- 关注
RSS订阅原创 格式化金额:逗号分隔三位且保留两位小数
/** * 格式化金额:逗号分隔三位且保留两位小数 */ Vue.filter('amountFormat',(amount) => { if(!amount) { return "-" } //强制保留两位小数 let f = parseFloat(amount); if (isNaN(f)) return false; f = Math.round(amount * 100) / 100; let s = f.toString(); let rs = s.i
2021-05-20 17:09:37
319
原创 TypeScript
TypeScript1.TypeScript和JavaScript1.1 TypeScript 简介TypeScript 是 JavaScript 的超集，它可以编译成纯 JavaScript；TypeScript 基于 ECMAScript 标准进行拓展，支持 ECMAScript 未来提案中的特性，如装饰器、异步功能等；TypeScript 编译的 JavaScript 可以在任何浏览器运行，TypeScript 编译工具可以运行在任何操作系统上；TypeScript 起源于开发较大规模
2021-03-09 18:40:23
12596
原创 Vue笔记
Vue教程，从入门到精通Vue是渐进式框架？渐进式意味着你可以将Vue作为应用的一部分嵌入进去，带来丰富的交互体验；如果你希望将更多业务逻辑使用Vue实现，能够使用Vue的核心库以及其生态系统；Core+Vue-router+Vuex，满足各种各样需求。Vue特点\高级功能解耦视图和数据；可复用组件；前端路由技术；状态管理；虚拟DOM安装VueCDN引入<!-- 开发环境版本，包含了有帮助的命令行警告 --><script src="https://
2021-02-22 22:27:02
281
原创 路由懒加载
路由懒加载当打包构建项目时，JS包会变得非常大，影响页面加载，如果能把不同路由对应的组件分割成不同的代码块，当路由被访问的时候才加载对应组件，这样更加高效安装 @babel/plugin-syntax-dynamic-import包在 babel.config.js配置文件中声明该插件将路由改为按需加载的形式const Foo = () => import(/* webpackChunkName: "group-foo" */ './Foo.vue')const Bar
2021-02-09 21:02:52
101
原创 首页内容定制
module.exports = { chainWebpack: config => { // 发布模式 config.when(process.env.NODE_ENV === 'production', config => { config.entry('app').clear().add('./src/main-prod.js') config.set('externals', { vue: 'Vue', 'vue-router': 'VueRo
2021-02-09 11:51:16
103
原创 通过externals加载外部CDN资源
module.exports = { chainWebpack: config => { // 发布模式 config.when(process.env.NODE_ENV === 'production', config => { config.entry('app').clear().add('./src/main-prod.js') config.set('externals', { vue: 'Vue', 'vue-router': 'VueRo
2021-02-09 11:28:07
188
2
原创 通过chainWebpack自定义打包入口
module.exports = { chainWebpack: config => { // 发布模式 config.when(process.env.NODE_ENV === 'production', config => { config.entry('app').clear().add('./src/main-prod.js') }) // 开发模式 config.when(process.env.NODE_ENV === 'dev
2021-02-09 11:25:14
454
原创 按需移除babel开发/生产插件
const { transform } = require("lodash");const { remove } = require("nprogress");// 项目开发阶段需要用到的babelconst prodPlugins = []if(process.env.NODE_ENV === 'production') { prodPlugins.push('transform-remove-console')}module.exports = { presets: [ '
2021-02-09 09:58:56
1053
原创 element Cascader 级联选择器更新后出现的bug解决方案
问题：级联选择器的高度有问题，占据的高度太高，无法选择某些选项不能像以前一样点击文字实现效果，而要靠点击圆圈有效点击圆圈后内容框竟然无法自动收缩解决办法在全局css里面添加以下代码//解决高度太高的问题.el-cascader-menu { height: 300px;}.el-cascader{ width: 100%;}//解决圆圈文本问题.el-cascader-panel .el-radio { width: 100%; height.
2021-02-07 19:30:24
496
1
原创 表格编号排序
实现编号页码切换后按上一页最后的编号继续排序<el-table-column label="编号" width="50"> <template slot-scope="scope"> {{ (queryInfo.pagenum - 1) * queryInfo.pagesize + scope.$index + 1 }} </template></el-table-column>queryInfo.pagenum：
2021-02-07 11:54:26
110
原创 时间过滤器
// 时间过滤器Vue.filter('dateFormat', function(originVal) { const dt = new Date(originVal) const year = dt.getFullYear() // 不足两位用0在前面补齐 const month = (dt.getMonth() + 1 + '').padStart(2, '0') const day = (dt.getDate() + '').padStart(2, '0') const h
2021-02-07 11:16:58
127
原创 axios请求拦截
import axios from 'axios'// 配置请求的根路径axios.defaults.baseURL = 'http://127.0.0.1:8888/api/private/v1/'// axios请求拦截axios.interceptors.request.use(config => { // console.log(config) // 为请求头添加token验证的Authorization字段 config.headers.Authorization = w
2021-01-31 11:06:55
91
原创 路由导航守卫
import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)const routes = [ // 重定向 { path: '/', redirect: '/login' }, { path: '/login', component: () => import('../components/Login.vue') }, { path: '/home', component: () =>
2021-01-30 11:42:12
57
原创 mybatis_plus使用@Autowired注解出现警告：Field injection is not recommended
消除@Autowired报Field injection is not recommended的警告在项目中直接通过field注入@Autowired报Field injection is not recommended的警告 private TeacherService teacherService;消除方法：使用 set方法注入 private TeacherService teacherService; @Autowired public void setTeacherSe
2020-10-29 12:38:53
693
原创 ajax
ajax它是浏览器提供的一套方法，可以实现无刷新更新数据，提高用户浏览网站应用的体验；应用场景页面上拉加载更多数据；列表数据无刷新分页；表单项离开焦点数据验证；搜索框提示文字下拉列表；运行环境ajax技术需要运行在网站环境中才能生效；ajax实现步骤服务器端响应的数据格式 <body> <script> //1.创建ajax对象 var xhr = new XMLHttpRequest();
2020-10-23 11:23:39
135
原创 Express框架
Express框架优点提供方便简洁的路由定义方式；对获取HTTP请求参数进行了简化处理；对模板引擎支持程度高，方便渲染动态HTML页面；提供中间件机制有效控制HTTP请求；拥有大量第三方中间件对功能进行扩展；vscode命令行输入下载expressnpm install express在这里插入代码片...
2020-10-17 21:20:56
189
原创 JavaScript高级（ES6）
JavaScript高级（ES6）创建类 <script> //创建类class，创建一个明星类 class star { //类的共有属性放在constructor constructor(uname,age){ this.uname = uname; this.age = age; }
2020-10-16 22:12:03
288
原创 JOB
分别列举3个行内元素、块级元素，说说他们的特性块级元素：块级大多为结构性标记；div、address、h1、hr、pre、marquee、blockquote、ul、ol、form、table1.总是从新的一行开始2.高度、宽度都是可控的3.宽度没有设置时，默认为100%4.块级元素中可以包含块级元素和行内元素行内元素：行内大多为描述性标记；span、a、br、strong、img、textarea、input1.和其他元素都在一行2.高度、宽度以及内边距都是不可控的3.宽高就是内容的.
2020-10-13 18:19:03
155
原创 jQuery学习笔记
jQuery概念jQuery是javascript实现的一个库。设计宗旨是”Write Less，Do More”,即写的少，做的多优点跨浏览器兼容链式编程，隐式迭代简化DOM操作，支持事件、样式、动画支持插件扩展开发开源免费入口函数第一种： $(function () { ... // 此处是页面 DOM 加载完成的入口 }) ; 第二种： $(document).ready(function(){ ... //
2020-10-11 22:44:23
214
原创 购物车功能
购物车功能HTML<!-- 商品详细模块 --> <div class="cart-item-list"> <div class="cart-item check-cart-item"> <div class="p-checkbox"> <input type="chec
2020-10-10 00:28:47
149
原创 jQuery实现手风琴效果
王者荣耀手风琴效果HTML<!doctype html><html><head> <meta charset="utf-8"> <title>手风琴案例</title></head><body> <div class="king"> <ul> <li class="current">
2020-10-09 10:56:45
164
原创 JavaScript WebAPI学习笔记
WEBAPI一、获取对象getElementById:返回ID对象;get获得element元素by通过驼峰命名法；getElementsByTagName：返回获取过来元素对象的集合以伪数组的形式存储的;想要依次打印里面的元素对象可以采取遍历的方式; var lis = document.getElementsByTagName('li'); for (var i = 0; i < lis.length; i++) { console.
2020-10-07 12:51:11
243
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人