随笔分类 - 前端学习系列一
最近整理一些前端开发小经验笔记
摘要：ctrl+shift+p，调出configure display language，选择en或zh，若没有则选择安装使用其它语言，则直接呼出扩展程序搜索界面，选择，然后安装，重启即可。 shift+alt+向下箭头，快速复制一行 背景图设置： 一张清晰漂亮的背景图片能给网页加分不少，设计师也经常会给
阅读全文
摘要：第一步： 第二步： // vue.config.js module.exports = { configureWebpack: { resolve: { alias: { 'assets': '@/assets', 'components': '@/components', 'views': '@/
阅读全文
摘要：前两天发现手机页面的倒计时在Android上正常显示，在iPhone却不能显示。 后来又发现在ff和ie里也不显示。（以前只在chrome里看过，显示正常）。 后来同事改了new Date()里字符串的格式，就都正常显示了。 我们知道Android和chrome都是webkti内核，难道和这个有关？
阅读全文
摘要：获取时间： 1 var myDate = new Date();//获取系统当前时间 获取特定格式的时间： 1 myDate.getYear(); //获取当前年份(2位) 2 myDate.getFullYear(); //获取完整的年份(4位,1970-????) 3 myDate.getMon
阅读全文
摘要：拷贝分为浅拷贝和深拷贝，在JavaScript中能够实现这两种拷贝的方式也是多种多样。以下是一维数组实现深拷贝和浅拷贝的各种方式。 一、浅拷贝 1、赋值 赋值是最直接的一种浅拷贝。 let arr3 = [1,2,3] let arr4 = arr3 arr4[0] = 11 console.log
阅读全文
摘要：由于浏览器的同源访问策略，vue开发时前端服务器通常与后端api服务器并非是相同的服务器，因此需要使用一个代理服务器实现跨域访问。在@vue/cli3.x根目录下创建一个vue.config.js文件，添加如下配置： module.exports = { devServer: { proxy: {
阅读全文
摘要：1.整体移动vscode代码块 凭借操作的经验我们能够轻松地知道将代码整体往右移只需选中代码按Tab键即可。其实往左移也很简单： 选中之后按下 shift+Tab键 即可。 2.VSCode 使用 stylus，配置格式化设置 格式化成功后的截图 . 设置步骤 VSCode 扩展商店中搜索 styl
阅读全文
摘要：1.<noscript>…</noscript> 在body中使用此段代码，可识别 <script> 标签但无法支持其中的脚本的浏览器。 此段代码意思为如果浏览器不支持script的代码，则会显示嵌入的那个页面的内容 2.网站路径 / 网站根路径 ./ 当前路径 ../ 上一级路径 ../../ 上
阅读全文
摘要：目标：希望每次新建.vue文件后，VSCODE能够根据配置，自动生成我们想要的内容。 方法：打开VSCODE编辑器，依次选择“文件 -> 首选项 -> 用户代码片段”，此时，会弹出一个搜索框，输入vue， 选择vue后，VSCODE会自动打开一个名字为vue.json的文件，复制以下内容到这个文件中
阅读全文
摘要：stylus是 CSS 的预处理框架。CSS 预处理，顾名思义，预先处理 CSS。那 stylus 咋预先处理呢？stylus 给 CSS 添加了可编程的特性，也就是说，在 stylus 中可以使用变量、函数、判断、循环一系列 CSS 没有的东西来编写样式文件，执行这一套骚操作之后，这个文件可编译成
阅读全文
摘要：进入到阿里的图标库网站，里面有上百万种icon，https://www.iconfont.cn，需要注册一个帐号，然后进入到这个页面，在这里点击右下角的带加号的图标，创建一个新的项目，名称与你要使用图标的前端开发项目同名。然后转到图标页去点选图标，加入购物车，选好确定后，购物车中的图标将全部加入到创
阅读全文
摘要：一、示例 先来一个示例了解下关于Vue中的DOM更新以及nextTick的作用。 模板 <div class="app"> <div ref="msgDiv">{{msg}}</div> <div v-if="msg1">Message got outside $nextTick: {{msg1}}
阅读全文
摘要：.native - listen for a native event on the root element of component. 作用：[给组件绑定原生事件] 例子：如果使用router-link标签，加上@click事件，绑定的事件会无效因为：router-link的作用是单纯的路由跳转
阅读全文
摘要：（1）非单文件vue组件和单文件vue组件的一般写法 一个完整的vue组件会包括三个部分：一是template模板部分，二是js程序逻辑部分，三是css样式部分。每个组件都有属于自己的模板，js和样式。如果将一个页面比喻成一间房子的话，组件就是房子里的客厅、卧室、厨房、厕所。如果把厨房单独拿出来的话
阅读全文
摘要：export default 是默认导出 export const 是命名导出 参考：Javascript (ES6), export const vs export default（基本上就是翻译这篇https://stackoverflow.com/questions/33611812/expo
阅读全文
摘要：1.安装 Node.js & Vue CLI @vue/cli3，是vue-进行搭建的脚手架项目，它本质上是一个全局安装的 npm 包，通过安装它，可以为终端提供 vue 命令，进行vue项目的创建及管理运行等。当然使用这一脚手架工具，以及进行vue相关开发之前，均需要安装 Node.js 环境，它
阅读全文
浙公网安备 33010602011771号