前端-随记
关注
分享
扫一扫
文章平均质量分 53
billycoder
billy是个coder！
展开
-
vscode-任意内容转多行字符串-添加snippets必备的操作
什么用定义snippets的时候用比如vscode怎么拼把<template lang=""> <div> {{ msg }} <input type="button" @click="handleClick" value="点我"> </div></template><script>export default { data() { return { msg: "he原创 2022-01-25 17:39:39 · 2947 阅读 · 0 评论 -
vscode快捷键-选中括号匹配内容-支持所有括号(必备效率快捷键)
啥效果怎么弄给这个命令配置一个快捷键就好了,或者找找他的快捷键是啥原创 2022-01-25 17:02:40 · 5621 阅读 · 3 评论 -
vscode快捷键-选中html标签内文本(效率大大提高)
步奏安装 Highlight Matching Tag通过调用命令：Select contents of matching tag pair也可以给这个命令加一个快捷键原创 2022-01-25 16:51:45 · 1223 阅读 · 0 评论 -
vscode-同步配置和插件-Settings Sync插件使用(详细+多图)
vscode-同步配置和插件-Seffings Sync插件使用备份设置和插件0.安装插件1.登录github安装好插件会vscode会自动打开一个tab，这里提示我们登录github初始化配置或者手动配置。我们开始备份之前，需要点击“login with githubs”点击login with github这个按钮跳转登录这个tab被不小心关了怎么办?可以按快捷键ctrl+alt+u,这个是同步设置的快捷键,它发现你没有登录,会跳这里的也可以在vscode里面 文件->首选原创 2022-01-25 14:58:12 · 5206 阅读 · 0 评论 -
vue-自定义组件-自定义checkbox效果
一个学生的问题需求完成如下的checkbox效果写了个简单的demo子组件<template lang=""> <div> <div class="ck" v-for="(item, index) in items" :key="index" :checked="item.checked" @click.prevent="item.checked=!item.checked" >.原创 2022-01-22 20:14:24 · 999 阅读 · 0 评论 -
flex实现多行多列-内容单行或者2行-超过2行显示省略号
一个学生问到的问题效果代码<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0".原创 2022-01-22 17:35:14 · 1193 阅读 · 0 评论 -
vuex刷新会数据丢失3种方式
持久化到sessionStorage created () { var sessionState = sessionStorage.getItem('sessionState') console.log(sessionState) if (sessionState) { Object.assign(this.$store.state, JSON.parse(sessionState)) } window.addEventListener('before原创 2021-05-06 20:44:31 · 95 阅读 · 0 评论 -
vue调试三种方式
vue调试三种方式debug是必备技巧方式一：通过vue.js devtools最常用，最方便，适合观察值的变化，不太适合理清代码执行流程效果使用安装如下插件即可方式二：在浏览器中展示源代码这种方式还可以配合vue.js devtools一起使用效果使用项目的添加如下内容即可module.exports = { configureWebpack: { devtool: 'source-map' }}然后就可以F12看到对应的vue文件了参考原创 2021-03-15 17:38:03 · 9230 阅读 · 1 评论 -
一步一步看async&await中异常可以如何处理
一步一步看async&await中异常可以如何处理我们直接看代码01-基本情况.js没做任何错误处理的情况，没有try catch也没有.catch，不可取代码function asyncFun(isOk) { return new Promise(function (resolve,reject) { setTimeout(() => { if(isOk){ resolve('ok')原创 2021-02-23 13:58:49 · 804 阅读 · 0 评论 -
整理-前端常见命令
nodenode -vnode xxx.jsnpmnpm -vnpm root -gnpm initnpm install xxxnpm install xxx -gnpm installnpm run devnpm run buildcnpmnpm install -g cnpm --registry=https://registry.npm.taobao.orgcn...原创 2019-03-31 14:48:45 · 188 阅读 · 0 评论 -
整理-前端开发环境准备
安装node、npm、webpack、webpack-cli、cnpm原创 2019-03-31 14:39:50 · 357 阅读 · 0 评论