FreeMarker


参考文档:Freemarker 教程网1. 介绍Apache FreeMarker 是一个模板引擎,它仅是一个jar包,基于模板,生成文本输出(HTML网页、电子邮件、配置文件、源代码等) 。<dependency> <groupId>org.freemarker</g

uniapp


补充样式穿透参考:深度作用选择器组件模板和样式样式穿透:即 scoped 的时候,父组件的样式可以穿透到子组件中。样式穿透的原理:scoped 就是加上一个码,样式穿透就是把这个码去掉// scoped.example[data-v-5558831a] { color: red;}// 样式穿透后

TypeScript


参考文献:TypeScript 中文网1. 基础类型布尔型:boolean数字:number字符串:string数组// 两种方式let list: number[] = [1, 2, 3];let list: Array<number> = [1, 2, 3];元组:元组类型允许表示一

Sass


参考文献:Sass 中文网1. 变量声明变量$highlight-color: #F90;$basic-border: 1px solid black;变量是有作用域的$nav-color: #F90;nav { $width: 100px; width: $width; color: $na

防抖函数和节流函数


参考文献:防抖函数和节流函数防抖函数概念:触发高频事件后 n 秒内函数只会执行一次,如果 n 秒内高频事件再次被触发,则重新计算时间。使用场景:就像是我的搜索栏功能,是在里面内容变化后就实时触发搜索事件,但是有时候我们输的内容很长,在没有输完的时候就触发了事件,这样对性能来说是不好的,造成了很多无用

BetterScroll


参考文献:github 地址官方文档1. BetterScroll 是什么为移动端(已支持 PC)各种滚动场景提供丝滑的滚动效果。原生滚动不流畅,用此组件保证移动端长列表滚动流畅。2. 安装npm install better-scroll --save3. 简单使用<div class=&q

axios


1. axios 的特点在浏览器中发送 XMLHttpRequests 请求在 node.js 中发送 http 请求支持 Promise API拦截请求和响应转换请求和响应数据2. 请求方式axios(config)axios.request(config)axios.get(url[, conf

Vue 学习笔记


一、邂逅 VuejsVue是一个渐进式的框架渐进式意味着你可以将 Vue 作为你应用的一部分嵌入其中,带来更丰富的交互体验。或者如果你希望将更多的业务逻辑使用 Vue 实现,那么 Vue 的核心库以及其生态系统,比如Core + Vue-router + Vuex ,可以满足你各种各样的需求。Vue

JS 日期


JS 日期UTC 和 GMTUTC,协调世界时,又称世界统一时间,世界标准时间,国际协调时间。在设置和获取日期时,如果不规定时区,则 JavaScript 会使用浏览器的时区。换句话说,假如日期/时间以 GMT(格林威治标准时间)创建,该日期/时间将被转换为 CST(中国标准时间),如果用户从中国进

图片格式对比


参考文献:web前端开发常用的几种图片格式及其使用规范常见图片格式及其区别小结矢量图和位图矢量图是通过组成图形的一些基本元素,如点、线、面,边框,填充色等信息通过计算的方式来显示图形的。一般来说矢量图表示的是几何图形,文件相对较小,并且放大缩小不会失真。svg 是矢量图。位图又叫像素图或栅格图,它是