前端-随记
文章平均质量分 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 · 3041 阅读 · 0 评论 -
vscode快捷键-选中括号匹配内容-支持所有括号(必备效率快捷键)
啥效果 怎么弄 给这个命令配置一个快捷键就好了,或者找找他的快捷键是啥原创 2022-01-25 17:02:40 · 5833 阅读 · 3 评论 -
vscode快捷键-选中html标签内文本(效率大大提高)
步奏 安装 Highlight Matching Tag 通过调用命令: Select contents of matching tag pair 也可以给这个命令加一个快捷键原创 2022-01-25 16:51:45 · 1366 阅读 · 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 · 5774 阅读 · 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 · 1114 阅读 · 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 · 1303 阅读 · 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 · 126 阅读 · 0 评论 -
vue调试三种方式
vue调试三种方式 debug是必备技巧 方式一:通过vue.js devtools 最常用,最方便,适合观察值的变化,不太适合理清代码执行流程 效果 使用 安装如下插件即可 方式二:在浏览器中展示源代码 这种方式还可以配合vue.js devtools一起使用 效果 使用 项目的添加如下内容即可 module.exports = { configureWebpack: { devtool: 'source-map' } } 然后就可以F12看到对应的vue文件了 参考原创 2021-03-15 17:38:03 · 9335 阅读 · 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 · 856 阅读 · 0 评论 -
整理-前端开发环境准备
安装node、npm、webpack、webpack-cli、cnpm原创 2019-03-31 14:39:50 · 400 阅读 · 0 评论 -
整理-前端常见命令
node node -v node xxx.js npm npm -v npm root -g npm init npm install xxx npm install xxx -g npm install npm run dev npm run build cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org cn...原创 2019-03-31 14:48:45 · 216 阅读 · 0 评论
分享