export default 是默认导出 export const 是命名导出 参考:Javascript (ES6), export const vs export default(基本上就是翻译这篇https://stackoverflow.com/questions/33611812/export-const-vs-export-default-in-es6) Default Export (export default) 每个文件都可以有一个默认导出 export default,导入此…

目标:希望每次新建.vue文件后,VSCODE能够根据配置,自动生成我们想要的内容. 方法:打开VSCODE编辑器,依次选择“文件 -> 首选项 -> 用户代码片段”,此时,会弹出一个搜索框,输入vue, 选择vue后,VSCODE会自动打开一个名字为vue.json的文件,复制以下内容到这个文件中: "Print to console": { "prefix": "vue", "body": [ "&l…

(1)非单文件vue组件和单文件vue组件的一般写法 一个完整的vue组件会包括三个部分:一是template模板部分,二是js程序逻辑部分,三是css样式部分.每个组件都有属于自己的模板,js和样式.如果将一个页面比喻成一间房子的话,组件就是房子里的客厅.卧室.厨房.厕所.如果把厨房单独拿出来的话,组件又可以是刀.油烟机...等等.就是说页面是由组件构成的,而组件也可以是组件构成的.这样就可以非常的灵活,耦合性也较低. 先来看看,非单文件vue组件的一般写法,template就是这个组件的ht…

由于浏览器的同源访问策略,vue开发时前端服务器通常与后端api服务器并非是相同的服务器,因此需要使用一个代理服务器实现跨域访问.在@vue/cli3.x根目录下创建一个vue.config.js文件,添加如下配置: module.exports = { devServer: { proxy: { //名字可以自定义,这里我用的是api "/apis": { target: "https://localhost:44360/", //设置你调用的接口域名和端口号 别…

进入到阿里的图标库网站,里面有上百万种icon,https://www.iconfont.cn,需要注册一个帐号,然后进入到这个页面,在这里点击右下角的带加号的图标,创建一个新的项目,名称与你要使用图标的前端开发项目同名.然后转到图标页去点选图标,加入购物车,选好确定后,购物车中的图标将全部加入到创建的项目中. 然后选择一种使用方式,三种格式,第一种一般不选,第二种也有与第一种相同的一个缺点,就是只能是单色,第三种可以保持本色,具体网站上有使用说明,选好后再下载到本地. 第二种即font-cla…

ctrl+shift+p,调出configure display language,选择en或zh,若没有则选择安装使用其它语言,则直接呼出扩展程序搜索界面,选择,然后安装,重启即可. shift+alt+向下箭头,快速复制一行 背景图设置: 一张清晰漂亮的背景图片能给网页加分不少,设计师也经常会给页面的背景使用大图,我们既不想图片因为不同分辨率图片变形,也不希望当在大屏的情况下,背景有一块露白,简而言之,就是实现能自适应屏幕大小又不会变形的背景大图,而且背景图片不会随着滚动条滚动而滚动. 用C…

第一步: 第二步: // vue.config.js module.exports = { configureWebpack: { resolve: { alias: { 'assets': '@/assets', 'components': '@/components', 'views': '@/views', } } }, } 并且,在没有自行配置alias的时候,就已经可以使用inquire(‘@/xxx’)的方式来引用src/xxx了.也就是@已经被alias成了根目录下的src.…

前两天发现手机页面的倒计时在Android上正常显示,在iPhone却不能显示. 后来又发现在ff和ie里也不显示.(以前只在chrome里看过,显示正常). 后来同事改了new Date()里字符串的格式,就都正常显示了. 我们知道Android和chrome都是webkti内核,难道和这个有关? 于是打开控制台,分别测试了不同浏览器对Date()参数的反应. 首先是chrome的: 只要是字符串,这三种格式都能正常解析,非字符串"/"月份多加1,这个问题本身存在. 然后是ff: 字…

获取时间: 1  var myDate = new Date();//获取系统当前时间 获取特定格式的时间: 1 myDate.getYear(); //获取当前年份(2位) 2 myDate.getFullYear(); //获取完整的年份(4位,1970-????) 3 myDate.getMonth(); //获取当前月份(0-11,0代表1月) 4 myDate.getDate(); //获取当前日(1-31) 5 myDate.getDay(); //获取当前星期X(0-6,0代表星期…

拷贝分为浅拷贝和深拷贝,在JavaScript中能够实现这两种拷贝的方式也是多种多样.以下是一维数组实现深拷贝和浅拷贝的各种方式. 一.浅拷贝 1.赋值 赋值是最直接的一种浅拷贝. let arr3 = [1,2,3] let arr4 = arr3 arr4[0] = 11 console.log('arr3:',arr3); // [11,2,3] 2.copyWithin()方法——ES6新增 let arr3 = [1, 2, 3] let arr4 = arr3.copyWithin(…