steven_jxy-CSDN博客

原创 Vue开发中的一些常见套路和技巧

属性排放export default { name: '名称', components: { // 组件挂载a}, created(){} // 数据获取 beforeMount() {}, // 数据获取 data: () => ({}), //响应式数据 computed: {} // 计算属性集合 methods: {} // 方法集合 ... // 销毁页面不要的资源}管理请求加载状态async beforeMount(

2020-10-27 14:50:14 18734 4

原创干净的代码

变量使用有意义的明显的变量名好的const yyyymmdstr = moment().format("YYYY/MM/DD");坏的const currentDate = moment().format("YYYY/MM/DD");对相同类型的变量使用相同的词汇表坏的getUserInfo （）; getClientData （）; getCustomerRecord （）;好的getUser （）;使用可以搜索的名称我们将阅读比编写更

2021-04-13 11:05:02 303

原创单点登陆

code<template> <div class="app-container"> <iframe style="width:100%;height:500px" :src="iframeSrc" /> </div></template> <script type="text/javascript">import axios from 'axios'export default { name: "",

2021-03-18 11:03:17 258

原创 Linux常用命令学习

原文连接1、ls命令就是list的缩写，通过ls 命令不仅可以查看linux文件夹包含的文件，而且可以查看文件权限(包括目录、文件夹、文件权限)查看目录信息等等常用参数搭配： ls -a 列出目录所有文件，包含以.开始的隐藏文件 ls -A 列出除.及..的其它文件 ls -r 反序排列 ls -t 以文件修改时间排序 ls -S 以文件大小排序 ls -h 以易读大小显示.

2021-02-26 09:55:10 253

原创 Linux 命令(dmesg)

命令简介c’命令设备故障的诊断是非常重要的。在‘dmesg’命令的帮助下进行硬件的连接或断开连接操作时，我们可以看到硬件的检测或者断开连接的信息。‘dmesg’命令在多数基于Linux和Unix的操作系统中都可以使用。dmesg 命令用于显示系统开机信息，可用于诊断系统故障。内核会将系统开机信息存储在ring buffer中，可以使用dmesg命令来查看，开机信息保存在/var/log/dmesg文件中。命令语法dmesg [options]选项说明-c #显示信息后，清除ring bu.

2021-02-25 09:33:35 494

原创 Linux 命令(diff)

Linux 命令命令简介diff 命令用于查找、分析两个文件中不同的行，并打印输出在屏幕上。diff 命令是以逐行的方式，比较文本文件的不同之处。如果是对指定的目录进行比较，就是比较该指定目录下的同名文件，不会对该目录的子目录下的文件进行比较操作。diff 命令最基础的用途就是用来比较指定的两个文件的不同。语法格式diff [选项] [文件]diff [OPTION] [FILE]选项说明-<行数> #指定要显示的行数，必须与-c或-u参数一并使用-a #逐行比较

2021-02-24 10:17:02 2054 1

原创 mac vim 终端命令

修改hosts 文件sudo vim /etc/hosts终端命令创建文件touch vi_dome.txt 拷贝文件cp vi_dome.txt new_vi_dome光标定位到行首control + a光标定位到行尾control + e清除光标所在到行首control + u清除光标所在到行尾control + k清屏control + lvim命令vi new_txt.txt 创建新文件G / shift+g

2020-11-26 16:08:28 2634

转载 git commit 提交报错 husky ＞ pre-commit 问题

这个问题是因为当你在终端输入git commit -m “XXX”,提交代码的时候,pre-commit(客户端)钩子，它会在Git键入提交信息前运行做代码风格检查。如果代码不符合相应规则，则报错，而它的检测规则就是根据.git/hooks/pre-commit文件里面的相关定义。查询了网上的解决办法，总结为以下三种解决方案，个人喜欢第三种：卸载husky。只要把项目的package.json文件中devDependencies节点下的husky库删掉，然后重新npm i 一次即可。或者直接在项目根目.

2020-11-25 17:02:35 7783 3

原创 js 不得不知道的秘密

Js基本类型1.递归函数自己调用自己注意：递归也是一种循环，注意循环条件的处理，避免出现非必要的无线循环。code let datas = [ { name: '第一阶段 Js 基础入门', checked:true, children: [ { name: '第一章走入 JavaScript ', checked:false, children: [ {

2020-11-24 09:25:41 4689

原创带你了解不一样的 html5

HtmlHTML5新特性1.HTML5新元素HTML5提供了新的元素来创建更好的页面结构：标签描述 article 定义页面独立的内容区域。aside定义页面的侧边栏内容。bdi允许您设置一段文本，使其脱离其父元素的文本方向设置figure规定独立的流内容（图像、图表、照片、代码等等）mark定义带有记号的文本。hrader定义了文档的头部区域footer定义了文档的尾部区域nav定义文档的导航section定

2020-11-23 09:32:47 1903

原创 sublime text3 解决中文乱UTF -8

一、安装包管理器（如果已经安装可以忽略）1.简单的安装方法：使用Ctrl+`快捷键或者通过View->Show Console菜单打开命令行，粘贴如下代码：import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( url

2020-11-17 10:03:10 4829

原创 vue 结合 Echarts 实现半开环形图

Echarts 实现半开环形图1.先看看实现的图2.HTML部分创建id 是 chart 的div标签。 <div class="content-item"> <div id="chart" style="width:300px;height:300px"></div> </div> 3.封装的 optionimport { getAnnulusOption } from ‘./option.js’下面内容是文

2020-11-13 14:21:18 3992 4

原创 iframe 嵌网页只显示网页的某一部分

实现嵌入方法，使用DIV控制，这也是使用iframe框架的好处，因为它不像frame，它可以显示的网页的任意区域代码如下：< html>< head> <title>Iframe标签显示目标网页的指定区域</title>< /head>< body>< div align="center" style="margin:0 auto;"> <div style="width:900px;

2020-11-03 08:55:40 11318