- 博客(33)
- 收藏
- 关注
RSS订阅原创 关于我的MacbookPro M1pro出现系统时间异常、锁屏后无法解锁、部分软件无法打开等问题的解决
我先描述一下异常现象,首先是我周一来上班后发现电脑的系统时间不对，比真实时间差了8个小时，也就是一个时区，我也查看了系统设置，是勾选了自动对时的，时区也是对的，没办法我就手动调整将就用了。后来我又发现，电脑自动锁屏后，我输入密码或者用指纹都无法解锁，我确保密码是对的，无奈只能重启，重启后可以正常解锁，过一会儿自动锁屏后又会出现无法解锁的现象。**总结：**我这里是先试了方法一，无效后，又试了方法二，然后问题解决了。我删除这个文件后重启系统，然后问题就解决了。文件夹，然后重启，但是没有解决问题。
2023-04-18 16:10:36
1968
原创 macOS设置环境变量和别名
因为我的mac所用shell是bash，所以本文中涉及的环境变量和别名配置均在~/.zshrc文件中,且在每次配置完成后，需要执行命令使配置文件生效。
2023-04-13 17:17:53
1336
2
原创 Linux/macOS的环境配置文件(startup文件)
对于“登录shell”而言，“交互式”执行“登陆”和“登出”相关的“profile”系列startup文件，“非交互式”只执行“登陆”相关的“profile”系列startup文件；对于“非登陆shell”而言，“交互式”执行“rc”系列的startup文件，而“非交互式”执行的配置文件由环境变量BASH_ENV指定。Linux中startup文件区分全局和个人：全局startup文件放在/etc目录下，用于设置所有用户共同的配置，除非你清楚地知道你在做的事情，否则不要轻易改动它们；
2023-04-11 16:45:47
706
原创 b、B、KB、Kib、MB、MiB、GB、GiB、TB、TiB的区别
1024这个数字，想必计算机行业从业人员应该不会陌生，甚至10月24日还被当做程序员日，如果你问一个程序员1GB等于多少MB,他大概率会不假思索回答:1024。
2022-11-27 03:13:58
8571
原创 Shell、终端、zsh
Shell（中文翻译为：壳、层）在计算机科学中指“为用户提供用户界面”的软件，通常指的是命令行界面的解析器。一般来说，这个词是指操作系统中提供访问内核所提供之服务的程序。Shell也用于泛指所有为用户提供操作界面的程序，也就是程序和用户交互的层面。因此与之相对的是内核（英语：Kernel），内核不提供和用户的交互功能...
2022-08-02 00:40:34
1370
1
原创 Mac系统安装软件的三种方式
用户在进行付费购买时，苹果需要从中抽取一定比例的费用，所以有些开发团队也会在自己的官网提供下载，没有中间商赚差价，价格自然也会优惠，一般有。上有些软件，下载下来后，是一个压缩包，解压后，不用安装，直接点击解压后的文件件内的启动文件即可打开软件。,属于系统级软件的安装程序，需要点下一步、下一步完成安装。对于这种软件，除了其自身可能提供的卸载程序，我们还可以借助第三方软件，如。文件夹内即可，卸载时，直接在启动台中长按图标删除或进入访达中的。安装的应用也比较麻烦,一般都会有附带一个卸载软件。...
2022-07-23 22:48:45
10917
原创 Mac系统安装MongoDB
下载MongoDB官网下载直达选择社区版安装在自己想要放置的位置新建一个mongoDB（文件夹名称随意）文件夹，将下载的tgz包解压后放在该目录下（这里我将解压后文件夹改名为mongodb）,然后新建一个db(文件夹名称随意)文件夹，用于存放数据启动在mongodb文件夹下的bin目录内打开终端,执行./mongod --dbpath /Users/***/mongoDB/db--dbpath后的路径为指定的数据存放路径，在这个例子中就是db文件夹的绝对路径终端输出日志如下：
2022-05-07 23:10:34
848
1
原创 基于vue-router的matched实现面包屑功能
如上图所示，就是常见的面包屑效果，面包屑的内容一般来说，具有一定的层级关系，就以上图为例，首先是进入首页，然后点击左侧导航，进入活动管理下的活动列表页面，然后点击某一条数据，进入活动详情页面这正好与vue-router的mached属性所获取的结果有着相似的原理，所以可以基于此来实现面包屑效果！这里我使用了elementui的面包屑组件和导航菜单组件，先贴出最后的效果图：路由配置项目结构：侧边导航栏是首页、电子数码、服装鞋帽页面都会显示的，所以我创建了一个layout组件，将这三个路由的co.
2021-09-25 21:55:01
2595
原创 腾讯云服务器+Linux(CentOS)+宝塔面板
域名解析域名解析就是将域名和服务器的IP关联起来，访问网站时就可以直接输入域名访问了。首先进入腾讯云的控制台界面，鼠标悬浮在左上角云产品，出现搜索框，输入解析，选择DNS 解析 DNSPod(吐槽一下，这个域名的位置我找了老半天。。。。。。)，在域名列表中找到你要解析的域名，点击解析，进入新页面后，点击添加记录一般我们只需要添加上面这两条就够了，即解析带wwww和不带wwww的，记录值填服务器外网IP服务器配置修改实例密码第一次创建实例后，腾讯云会生成一个随机密码，为了便于自己记忆，
2021-09-20 17:12:52
2906
原创 微信小程序：用户点击跳转付款码界面
快捷键代码折叠与展开折叠快捷键：ctrl+k+ctrl+(数字0-9，代表层级)展开快捷键：ctrl+k+ctrl+j例1:function fun(){ let obj = { name:"张三"， age: 24, info:{ school:"清华" } }}最外层fun属于0级,obj属于1级，info属于2级，ctrl+k+ctrl+2会折叠最内层fun,ctrl+k+ctrl+1会折叠次外层obj,ctrl+k+ctrl+0会折叠最外层fun例2：
2021-09-14 17:31:10
6017
5
转载 npm是干什么的?为什么要使用npm？
原文链接网上的 npm 教程主要都在讲怎么安装、配置和使用 npm，却不告诉新人为什么要使用 npm。今天我就来讲讲这个话题社区程序员自古以来就有社区文化：社区的意思是：拥有共同职业或兴趣的人们，自发组织在一起，通过分享信息和资源进行合作。虚拟社区的参与者经常会在线讨论相关话题，或访问某些网站。前端程序员也有社区，世界上最大的前端社区应该就是 GitHub 了。前端通过 GitHub 来分享源代码（线上代码仓库）讨论问题（Issue 列表）收集学习资源和常去的网站（比如我收集的优质
2021-08-03 18:03:00
942
原创 Chromr拓展、网站
Can i use(网站)"Can I use"提供最新的浏览器支持表，用于支持桌面和移动网络浏览器上的前端网络技术。网址：https://caniuse.com/DeepL（应用、网站）地址: https://www.deepl.com/DeepL，一款优于谷歌（Google）、微软（Microsoft）和脸书（Facebook）的在线翻译器UNPKG（网站）地址：https://unpkg.com/unpkg是一个快速的、全球性的内容交付网络，适用于npm上的所有内容。使用它可以快速、轻
2021-05-12 23:56:48
442
原创 Hexo+Github轻松搭建个人博客
本教程是在已经安装Node、Git、npm，并注册Github账号的前提下进行的，如果以上条件不具备，请查看相关博客文章Hexo是一个简单、快速、强大的基于 Github Pages 的博客发布工具，支持Markdown格式，有众多优秀插件和主题。Hexo官网Hexo github地址安装Hexonpm install -g hexo-cli 安装hexonpm insta...
2020-12-23 22:49:30
705
原创 圣杯布局与双飞翼布局
圣杯布局和双飞翼布局实现的页面效果都是一样的，那就是两侧定宽，中间自适应的三列布局，且优先渲染中间一列，只是在实现方式上略有区别！1、圣杯布局html结构:<body> <div class="header">我是头部内容</div> <div class="container"> <div class="middle">我是中间内容</div> <div class=".
2020-08-23 15:02:45
212
原创 使用nvm实现多版本node自由切换
我们一般安装的是最新版本的node,但是有时候，我们又需要使用低版本的node,在不借助第三方工具的情况下，我们只能卸载现有版本,安装需要的版本，这样显然很麻烦，今天就来介绍一个windows系统使用的node多版本管理工具nvm，全称是node.js version management,可以在多个node版本之间自由切换！1、下载下载地址2、安装nvm注意：安装之前必须完全卸载已安装的node解压.zip压缩包，双击nvm-setup.exe开始安装，下面两个步骤需要注意：这里是设置.
2020-08-07 14:13:56
1434
1
原创 DOM事件流和冒泡、捕获
事件流描述的是从页面中接受事件的顺序。事件最早是在IE3和Netscape Navigator2中出现的，在IE4和Navigator4发布时，这两种浏览器都提供了相似但不相同的API。IE的事件流是事件冒泡流，而Netscape的事件流是事件捕获流事件冒泡即事件开始时由最具体的元素接收，然后逐级向上传播到较为不具体的节点—《JavaScript高级程序设计》<div id="box1"> <div id="box2"> <div i
2020-08-06 17:52:41
196
原创 Vue添加环境/多环境
注：本篇博客是基于vue-cli 2.9.6版本vue-cli默认自带production和development两种开发环境，但是在实际工作中一般还有测试环境、预发布环境等，可以修改package.json添加新的打包命令，可以从而根据不同环境自动切换接口的BASE_URL,所以本篇文章将以添加测试环境为例，演示如何添加环境新增新环境变量文件项目的环境变量文件都在项目根目录下的config文件夹下，默认有两种环境变量文件,即dev.env.js和prod.env.js,我们直接复制生产环境.
2020-06-23 14:50:54
533
原创 Node中url模块的使用
URL模块是NodeJS的核心模块之一，用于解析url字符串和url对象url.parse(url_str[,boolean])url.parse(url_str[,boolean])用于将url字符串转为对象格式。该方法有两个参数，第一个参数为url字符串，第二个为布尔值，可以不写，表示是否也将query转为对象url.parse(url_str)//注意 以下代码只能在node中...
2020-03-25 18:41:25
299
原创 Vuex的使用
初始化vue项目安装Vuexnpm install vuex --save初始化Vuex在项目根目录下的src目录下创建vuex文件夹，用于存放vuex相关文件，并新建index.js用于编写相关代码创建Vuex实例,并向外暴露import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const store =...
2020-02-17 16:58:28
605
原创 npm install packagename、npm install packagename --save、npm install packagename --save-dev等区别
首先，查阅npm官方文档可知,npm命令行有多种写法：npm install (with no args, in package dir)npm install [<@scope>/]<name>npm install [<@scope>/]<name>@<tag>npm install [<@scope>/]&l...
2020-01-12 17:51:08
924
原创 给网站设置图标favicon.ico
场景：网站做好后，放在测试服务器，控制台报错，但页面正常显示favicon.ico是什么？所谓favicon，即Favorites Icon的缩写，顾名思义，便是其可以让浏览器的收藏夹中除显示相应的标题外，还以图标的方式区别不同的网站。favicon.ico是一个网站必要的吗？不是必要的，但是web服务器在网站加载时都会请求favicon.ico这个文件，如果不存在就会报404错误...
2019-12-06 10:16:05
563
原创 一个弹窗中多个echarts切换图表混乱问题及解决
场景两个按钮，点击按钮A，弹出弹窗，在弹窗的弹出回调中根据按钮功能请求数据，然后获取弹窗中的echarts容器，调用echarts的init方法，得到echarts实例，然后配置option，最后调用setOption方法渲染，折线图显示正常，然后关闭弹窗，点击按钮B,重复上面的步骤，但是最后渲染出来的折线图错乱。操作点击按钮A,数据显示正常，然后关闭弹窗点击按钮B,折线图错乱...
2019-11-20 10:51:32
1641
原创 vue-cli2与vue-cli3在一台电脑共存
1、新建两个文件夹，分别用于存放vue-cli2和vue-cli32、进入vue2文件夹下载安装vue-cli2.0vue-cli2.0版本下载命令为npm install vue-cli或者npm install vue-cli@版本号，这里我指定了版本号，还有这里不要加-g,否则就会安装到全局位置检验下载完毕，会生成一个node_modules文件夹，进入该文件夹下的.bi...
2019-09-25 10:49:44
1529
原创 使用Vue脚手架构建项目时Runtime + Compiler和Runtime-only的区别
在使用vue-cli脚手架构建项目时，会遇到一个选项Vue build(vue构建)，有两个选项，Runtime + Compiler和Runtime-only,以下为有道翻译直译Runtime + Compiler: recommended for most users运行时+编译器:推荐给大多数用户–有道翻译Runtime-only: about 6KB lighter min+g...
2019-09-01 17:18:48
869
原创 vue项目中使用axios封装请求
新建单独文件夹和文件存放封装代码在vue项目文件夹下的src目录内，新建request文件夹,创建http.js和api.js文件http.jshttp.js主要是配置axios、设置拦截器、封装请求等...
2019-09-01 14:56:58
122
原创 NodeJS搭建简易服务器
// http.js//引入内置http模块var http = require("http")// 创建服务器var server = http.createServer(function(req,res){ // //设置响应状态码，响应头（编码格式） res.writeHead(200, {"Content-Type" : "text/plain; charset=utf-...
2019-08-11 22:35:35
137
原创 阿里云域名解析
阿里云域名解析之前，你先要购买域名，然后实名认证，就不在这里讲了，可以参考我的另一篇文章https://www.jianshu.com/writer#/notebooks/31234581/notes/36523051/preview1、登陆阿里云官网，点击控制台2、具体解析过程鼠标放在左侧菜单栏，点击域名点击“进入域名解析列表”或者“解析”点击解析列表后如下图所示，...
2019-08-11 22:32:25
234
原创 阿里云服务器搭建PHP环境
参考文章1：（原文有坑，我会讲到）https://yq.aliyun.com/articles/362645spm=5176.10695662.1996646101.searchclickresult.75745458fDRMrZ参考文章2：https://www.cnblogs.com/cyrfr/p/6483529.html阿里云服务器版本：Windows Server 2016 数...
2019-08-11 22:29:07
4928
原创 instanceof的判断原理
<script type="text/javascript"> //自定义一个构造函数 function Fun(){} //利用上面的构造函数构造一个实例 var fun1 = new Fun() console.log(fun1 instanceof Fun) //true console.log(fun1 instanceof Function)...
2019-08-11 22:19:05
974
原创 axios.all()解决并发请求
简介：axios.all()、axios.spread()两个辅助函数用于处理同时发送多个请求，可以实现在多个请求都完成后再执行一些逻辑。注意：该方法是axios的静态方法，不是axios实例的方法！首先下载axiosnpm install axios --sava-dev在mina.js中引入axios，因为其不属于vue全家桶，所以将其挂载在vue原型上，实现全局使用mai...
2019-07-26 11:25:08
1018
原创 github、gitee创建、连接、克隆远程仓库及生成、配置SSH公钥
1、安装git、注册guthub账号、注册码云账号，此过程不再赘述2、在github和码云分别创建一个仓库，用于测试2.1github操作：2.1.1、点击头像左侧加号，展开后选择 New repository(新建仓库)2.1.2、填写仓库名称、描述、选择仓库类型（一般选择公开，私密的需要收费）、勾选readme,最后点击生成仓库2.1.3、点击创建后，生成仓库如下所示，只有一个r...
2019-07-25 19:36:28
806
原创 Nodejs安装及环境配置
1、下载安装包下载地址：https://nodejs.org/zh-cn/download/根据自己电脑系统及位数选择，我这里选择windows64位.msi格式安装包.msi和.zip格式区别：1、.msi是Windows installer开发出来的程序安装文件，它可以让你安装，修改，卸载你所安装的程序。说白了.msi就是Windows installer的数据包，把所有和安装文件相...
2019-07-25 19:22:56
922
1
原创 在Vue项目中使用WebUploader实现文件上传
简介：WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主，FLASH为辅的现代文件上传组件。在现代的浏览器里面能充分发挥HTML5的优势，同时又不摒弃主流IE浏览器，沿用原来的FLASH运行时，兼容IE6+，iOS 6+, android 4+。两套运行时，同样的调用方式，可供用户任意选用。采用大文件分片并发上传，极大的提高了文件上传效率。分片...
2019-07-21 17:24:59
7054
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人