- 博客(33)
- 收藏
- 关注
RSS订阅原创 git代码提交风格
Type 作用 feat 新增特性 (feature) fix 修复 Bug(bug fix) docs 修改文档 (documentation) style 代码格式修改(white-space, formatting, missing semi colons, etc) refactor 代码重构(refactor) perf 改善性能(A code change that improves performance) test
2023-09-12 17:04:28
307
原创 1.6、React初体验-案例的demo模板
配置成功后只需在html页面键入 reactapp 就能快速生成页面模板。点击右下角Copy sinppet进行复制。打开网站将写好的模板demo复制到。网站左侧，输入生成命令。
2023-05-13 14:38:16
221
原创 vite-plugin-style-import自动引入element-plus样式
vite-plugin-style-import是一款Vite插件，它可以帮助我们在使用element-plus组件库时，自动引入组件的样式。
2023-04-11 17:59:35
1019
原创 vue3+vite全局引入mixin.scss
将公共的CSS提取出来，可以简化CSS的编写，一般将mxin单独写在一个叫文件当中，全局引入。
2023-04-10 15:04:47
1254
1
原创 vue3+vite设置Networ本地服务地址
open: true // 设置服务启动时是否自动打开浏览器。port: 8086, // 自定义端口。
2023-04-10 10:38:50
407
原创 项目搭建规范
Prettier 是一款强大的代码格式化工具，支持 JavaScript、TypeScript、CSS、SCSS、Less、JSX、Angular、Vue、GraphQL、JSON、Markdown 等语言，基本上前端能用到的文件格式它都可以搞定，是当下最流行的代码格式化工具。1.在前面创建项目的时候，我们就选择了ESLint，所以Vue会默认帮助我们配置需要的ESLint环境。安装插件：（vue在创建项目时，如果选择prettier，那么这两个插件会自动安装）4.VSCode中eslint的配置。
2023-02-15 16:48:10
266
原创 Vue3核心之getCurrentInstance
2、使用：由vue提供，按需引入：import { getCurrentInstance} from 'vue'1、概述：一个很重要的方法，获取当前组件的实例、上下文来操作router和vuex等。
2022-04-02 17:56:16
5247
原创 前端Vue开发规范
单文件组件的顶级元素的顺序单文件组件应该总是让<template>、<script>和<style>标签的顺序保持一致。且<style>要放在最后，因为另外两个标签至少要有一个。<!-- Component.vue --><template>...</template><script>/* ... */</script><style>/* ... */</...
2021-05-05 17:24:29
717
原创 使用VSCode环境进行开发，突然出现卡顿、打字显示缓慢，滚动、选择迟缓、软件崩溃等问题
最近使用VScode进行开发，突然出现页面卡顿，严重影响正常工作；于是就开始琢磨是什么原因所致，同时在网上搜索了一些解决方法，总结如下：下面是我在网上找到的解决方法，并尝试解决了卡顿问题：方法1：修复VScode 造成 rg.exe内存占用过大的问题具体步骤：1）在VScode环境下，依次“文件”菜单->“首选项”->“设置”，如下图所示2）在搜索框中输入“Search:Follow Symlinks”搜索，将该项之前的复选框√去掉；如下图所示。方法2：修复VScode.
2021-03-22 11:01:36
17037
2
原创 git代码检查钩子 pre-commit 用法、husky用法
说明项目要使用git进行代码提交时，使用叫pre-commit的git钩子，在调用git commit 命令时自动执行某些脚本检测代码，若检测出错，则阻止commit代码，也就无法push，保证了出错代码只在我们本地，不会把问题提交到远程仓库注：在网上搜了好多教程，大部分配置都有点问题，自己试了好一段时间，得到能运行的配置如下安装安装list-staged、huskynpm i lint-staged husky -save-devpackage.json文件安装好之后，会自.
2020-10-05 11:29:38
2529
2
原创 VS Code使用Vetur插件+prettierrc配置格式化规范
1.下载插件vetur2.配置vscode设置 打开vscode，文件-首选项-设置，下拉找到settings.json，将下面代码复制进去// settings.json{ "window.zoomLevel": 1, // 使能每一种语言默认格式化规则 "[html]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[css]": { "edi...
2020-09-15 08:55:37
1286
原创 组件/实例的选项的顺序
<!-- --><template> <div> </div></template><script>export default { name: '', components: {}, filter: {}, mixins: [], props: {}, data() { return {} }, computed: {}, watch: {}, created() {}.
2020-09-15 08:44:56
190
原创 vue项目风格指南
# 组件数据 组件的data必须是一个函数。Vue.component('some-comp', { data: function () { return { foo: 'bar' } }})// In a .vue fileexport default { data () { return { foo: 'bar' } }}# Prop定义的必要props: { status: String...
2020-09-14 15:13:25
198
原创 vscode中添加vue默认代码片段
打开vscode工具，点击左上脚菜单文件==>首选项==>用户代码片段 选中vue.json，输入如下代码 在新建的.vue文件中输入vuec就可以生成默认代码了，其中prefix的就是你要生成默认代码的输入的参数，可以自行修改 { "Vue component": { "prefix": "vuec", "body": [ "<!-- $0 -->", "<template>", " <div>",..
2020-09-14 14:28:33
948
原创 CSS最佳定义排序方式
CSS样式排序是指按照一定的规则排列CSS样式属性的定义，排序并不会影响CSS样式的功能和性能，只是让代码开起来更加整洁。编写整洁的代码是每个程序员应该追求的目标，但估计有不少的前端程序员没有给CSS样式排序的习惯。CSS代码的逻辑性并不强，一般的开发者写CSS样式也很随意，所以如果不借助工具，不太容易能按照既定的顺序来定义CSS属性，这是前端程序员不给CSS样式属性排序的最主要的原因。尽管给CSS样式属性排序需要花费一些精力，但从代码的可读性和可维护性方面考虑，这些付出还是值得的。如果CSS属性按照一
2020-08-30 13:06:41
1964
原创 vue项目中使用mock模拟后端数据
前言使用mock可以让前端不在局限于后端接口，在规定好文档格式后甚至能一次性开发完整个前端接口，大大节省了对接时间，可以说是当前前端必备的技能之一了。最近做新项目，重新搭建了下框架，想着写一篇mock的配置文章，让大家共同进步。一、npm下载插件npm install mockjs --save-dev二、创建mock文件夹1.在跟目录(src目录同级)下创建mock文件夹2.mock文件夹下新建index.js文件import Mock from 'mockjs'i...
2020-08-17 23:58:53
3924
7
原创 element-ui/el-upload上传oss，支持截屏后粘贴上传
一、html代码<template> <div class="base-upload"> <el-upload :id="id" ref="baseUpload" :action="OSS_URL" list-type="picture-card" :class="{ 'picture-card--disabled': disabled }" :disabled="disabled"...
2020-07-19 18:18:12
1396
原创 git合并，打tag
1. git tag ,给提交版本打上tag# 查看版本号git log# 这是给指定版本号打上taggit tag -a ''版本(如v2.1)' "版本号" -m “tag说明”# 给当前最新版本打上taggit tag -a v2.1 -m ‘’2 .git 合并dev分支到 master分支## 查看分支列表$ git branch -a## 切换到本地dev分支$ git checkout dev ## 更新本地dev 分支$ git pull##
2020-07-03 11:32:53
1932
原创 vue拖拽vuedraggable实现拖拽排序
1、使用cmd命令在项目根目录下下载安装vuedraggable// npm安装npm i vuedraggable -S// cnpm安装cnpm i vuedraggable -S2、在组件中需要使用的引入，并注册组件// 导入import draggable from 'vuedraggable'// 注册components: { draggable }3、使用// html<draggable v-model="draggableList" elem
2020-05-29 11:16:00
372
原创 eslint规范表，解决vue的eslint代码规范中，因function前少一个空格的问题
解决vue的eslint代码规范中，因function前少一个空格的问题如下问题✘ http://eslint.org/docs/rules/space-before-function-paren Missing space before function parenthesessrc/components/login/login.vue:16:10mounted() {}解决...
2020-01-19 17:35:57
1636
原创 sass之mixin的全局引入（vue3.0）
1.scss文件（mixin.scss）// 设置宽高@mixin wh($w, $h) { width: $w; height: $h;}2.配置loader//vue.config.js css: { loaderOptions: { sass: { prependData: `@import "~@/styles/...
2020-01-19 17:22:54
2065
原创 百度富文本编辑器 设置图片的显示大小
使用 开发版[1.4.3.3 PHP 版本] UTF-8版一:在编辑其中 自适应 显示 ueditor.all.js文件中 搜索 // 设置默认字体和字号 此处是对窗口里的元素添加样式, 在这里找合适的位置拼接上想要的样式 比如 最大占有编辑器的90%;img{max-width:90%;}二:在生成的 源码 html 里直接加上样式1):...
2019-10-01 10:15:19
3958
原创 vue2.x集成百度富文本编辑器
最近开发vue项目过程中，由于产品需要在项目中添加富文本编辑器，找了几个基于vue开发的富文本编辑器。所以最后决定使用百度UEditor。然后又是各种找如何集成到vue中。好记性不如烂笔头，记录下来以便以后需要的时候可以直接用。1.前期工作，访问百度富文本官网下载相应的百度富文本文件，根据后端用的技术下载相应的版本，建议下载最新版UTF-8版（有图有真相，看图）https://uedit...
2019-09-18 17:36:07
1064
原创 mac系统下怎么使用git
mac电脑Git的安装1、下载git客户端，下载地址为：https://git-scm.com/download/mac2、打开安装包，可以看到此时的界面为：我们需要把.pkg的安装包安装到系统当中。我双击了安装包之后，结果无法安装成功。这里是一个坑，虽然是很简单的问题的，但是对于新手而言有时候还是头疼的。后来，在网上终于找到原因，由于这个需要权限，所以直接点击安装是无法成功的...
2018-11-03 22:34:47
5821
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人