秋色遇见喵-CSDN博客

原创前端调用数据字典取键值

1.首先，项目里的数据字典已经配好2.写好请求数据字典的接口export function getDict(id) { return request({ url: '/admin/dict/type/' + id, method: 'get', })}3.页面需要引入数据字典的地方进行引入并获取到字典<script>import {getDict} from '@/api/index.js';export default { data() { re

2021-06-17 11:18:15 3228 1

原创页面导入样式时，使用link和@import有什么区别

在html设计制作中，css有四种引入方式。方式一：内联样式内联样式，也叫行内样式，指的是直接在 HTML 标签中的 style 属性中添加 CSS。示例：<div style="display: none;background:red"></div>一般不建议这种书写方式，因为它只能改变当前标签的样式，如果想要多个<div>标签拥有相同的样式，就不得不重复地为每个<div>添加相同的样式，如果想要修改一种样式，又不得不修改所有的 style 中

2021-06-02 16:42:48 852

原创前端基于百度地图实现考勤签到功能

考勤打卡关键点：获取当前位置、设置考勤点、计算两点距离判断是否在范围内。引入百度地图API<script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=自己申请的百度ak"></script>创建地图容器allmap<div class="title"> <img src="../../images/back.png" alt="" class=

2021-01-15 09:36:19 3702

原创 Echarts多层同心圆

效果：代码<template> <div> <div class="chart" ref="preChart"></div> </div></template><script>import echarts from 'echarts'export default { data() { return {} }, mounted() { this.drawPieChart() }, met

2020-12-30 16:40:49 975

原创 Echarts实现简单实用的中国疫情地图

实现步骤：在浏览器中打开以下Echarts的官方示例链接：示例连接这个是示例，已经很类似疫情地图啦，再进行一点修改就大功告成，在页面左侧框中输入以下数据进行修改：option = { title: { text: '中国疫情图', left: 'center' }, tooltip: { trigger: 'item' }, legend: { orient: 'vertical',

2020-11-09 15:44:58 2680 1

原创前端工程师的基本工作流程

前言对程序员这个行业而言, 很多朋友是通过自学或者其他方式接触到的, 在刚开始的日常工作中对一些流程和需要注意的细节都比较懵懂，今天就这个问题来和一些刚初接触前端的朋友聊聊，方便参考项目工作流程大致可分为九个步骤：产品PRD评审 => 任务排期 => 需求项目建立与任务拆分 => 业务开发(并行) => 测试用例评审(并行) => 联调&自测 => 提测 => 修复测试BUG => 上线产品PRD评审：针对于将要开发的项目，由产品经理

2020-10-29 16:16:48 5337

原创前端面试之CSS布局

一、三栏布局：1. 高度已知，左右两栏固定，中间自适应（1） float实现<section class="float"> <article> <div class="left"></div> <div class="right"></div> <div class="center"></div> </article></

2020-10-12 16:24:56 154

原创说一说那些提升效率又有趣的vscode 插件

在前端开发中，vscode 所谓是最常用的编辑器，而 vscode 有着各种各样强大的实用插件，有些可以帮助我们提升效率，有些可以让我们的工作过程变得更加快乐。今天我们就来聊一聊这些好用的插件吧！1. Auto Close Tag自动闭合HTML/XML标签2. Auto Rename Tag在修改标签名时，能在你修改开始（结束）标签的时候修改对应的结束（开始）标签，帮你减少 50% 的击键，反正我就是那么懒3. 快速定位括号 - Bracket Pair Colorizer写代码总是离不开各

2020-09-28 10:49:19 511

原创实用小贴士：Git常用命令总结

一、新建代码库# 创建一个空目录$ mkdir learngit# cd进入空目录$ cd learngit# 把这个目录变成Git可以管理的仓库$ git init//Git把仓库建好且告诉你是一个空的仓库（empty Git repository），当前目录下会多了一个.git的目录，如果没有看到.git目录，是因为这个目录默认是隐藏的，用ls-ah命令就可以看见Initialized empty Git repository in /Users/michael/learngit/.

2020-09-22 11:19:12 68

原创 vue + vant + navbar之组件封装

1. 按照vant组件库，首先导入NavBar全局引入import Vue from 'vue';import { NavBar } from 'vant';Vue.use(NavBar);按需引入import { NavBar } from "vant";export default { components: { [NavBar.name]: NavBar, },}2. 创建NavBar组件用来封装vant提供的van-nav-bar2.1 设置数据绑定的

2020-09-21 17:22:49 4219 2

原创使用GitLab在Mac下生成SSH Key

步骤1.检查是否已经存在SSH Key打开电脑终端，输入以下命令，会出现两种情况：ls -al ~/.ssh步骤2. 用自己的电脑生成/设置SSH Key情况一：终端出现文件id_rsa.pub 或 id_dsa.pub，则表示已经存在SSH Key，可继续输入命令：pbcopy < ~/.ssh/id_rsa.pub这样你需要的SSH Key 就已经复制到粘贴板上了，然后进行步骤3情况二：终端未出现id_rsa.pub 或 id_dsa.pub文件，表示该还没有配置SSH K

2020-09-01 16:17:10 383

原创面试必备：HTTP常见请求状态码及解决方案

标题1xx（临时响应）100（继续）服务器已收到请求的第一部分，正在等待其余部分101（切换协议）请求者已要求服务器切换协议，服务器已确认并准备切换2xx （成功）200（成功）请求被正确处理并返回了结果201（已创建）请求成功并且服务器创建了新的资源202（已接受）服务器已接受请求，但尚未处理203（非授权信息）令牌或登录状态失效204（无内容）服务器成功处理了请求，但没有返回任何内容205（重置内容）服务器成功处理了请求，但没有返回任何内容206（部分内

2020-07-17 10:37:55 360

原创 React合成事件和DOM原生事件的区别

React 事件绑定属性的命名采用驼峰式写法，事件与原生事件类似， react中是on+首字母大写的事件名，例如onClick1.普通函数绑定:<button onClick={function(){alert(‘6666’)}}>按钮1...

2020-02-24 19:02:45 841

weixin_45969432的博客