【置顶】网站近期部分功能不可用的说明

评论、我的追番页面都挂了

Arm Mac 的编译环境配置

添置了 mbp14 ,记录下开发环境的配置

人性的弱点
红烧排骨

跟哔哩哔哩up老饭骨学的红烧排骨,差不多成功了我感觉

凤凰 一个IT运维的传奇故事

讲一个公司的运维团队转变的故事,将运维团队的职责及应做的事情以小说的形式写出来,以凤凰项目作为画布,以IT运维及各部门合作为画笔,共同书写公司鼎盛篇章

简单谈谈电纸书

小众需求 - 电纸书

项目中的魔数处理
阿里云弹性容器 ECI + 持久存储 NAS 搭建饥荒游戏专服

阿里云 ECI 有免费试用的活动,使用代金券免费搭建饥荒专服,活动时间:2020年11月1日-2021年12月31日,账户可能需要有 100¥ 余额(下面我会解释这个问题),本文适合有一定饥荒专服搭建基础的朋友。

饥荒专服部署维护

通过前文我搭建了饥荒专服,但是新的问题出现了,怎么维护呢,来看下我一步步简化的部署流程吧

docker 基础知识

记录 docker 基础知识,个人认为学习 docker 相关主要在于实战,基础知识了解之后进行实战来体会要更好些

2021年8月好文汇总

本月阅读分享

饥荒专服搭建

通过 docker 镜像搭建饥荒专服

HTML 的 lang 属性
ElementUI 里的事件传递

摘要

《白鹿原》

前后花了 10 个小时读完这本书,写写感受

Vue 中的过滤器

整理 Vue 中的过滤器相关知识

20210630随笔

今天清河下了很大的雨

鸡蛋羹

和B站up小高姐学的,非常成功

B站弹幕评论收集

此处收集一些在B站见到的比较有趣搞怪的弹幕,注:内容在不同平台的显示也不一样的,例如PC和移动端、MacOS和Windows都是可能会有区别的

接入 Waline 评论

评论插件里面比较火的有 VssueDisqusTwikooValineWaline 。这里面前三个是国外的,访问比较慢,valine 虽然是国内的的但是要去 leancloud 上实名认证,不想做额外认证我就选择使用 Waline 了, Waline 还有提供评论后台管理。

ElementUI 的 table 记录

这两次开发的需求都是和表格相关的,做下记录,有些细节怕忘了

腾讯云函数开发初试
Axios 中取消上次发起的请求

axios 中怎样取消上次发起的请求,我现在就带你研究

杭州游记
位运算

昨天同事分享时提到自己用来解决权限存储的办法,提到了位运算。

通知

取消置顶~

关于博客由框架变更的说明

Vuepress使用记录

使用 Vuepress 的一些记录

工具网站整理
2021.05.05-随笔
2021-05-04随笔
效率软件介绍(BetterTouchTool -- 自定义touchbar)

通过软件配置 Mac 的 touchbar,提高工作与学习的效率

给网站增加 SSL 证书

现在的 Chrome 浏览器会将非 https 的网站标记为 不安全 ,https 的则是显示一把锁的样子,之前一直觉得升级很麻烦还要申请证书,这次因为放在七牛云上的图片需要以 https 访问,进行了所有站点的 https 的升级,本文记录升级遇到的一些问题和解决办法

工具软件介绍(v2rayN、v2rayX、v2rayNG)

工具软件介绍(v2rayN、v2rayX、v2rayNG)

本文主要介绍三个工具软件,其实做的都是一样的事情,只是适用不同平台,Windows 平台的 v2rayN ,macOS 平台的 v2rayX 和 Android 平台的 v2rayNG 。iOS 平台是使用 shadowsocketR ,这个软件也不难,但是获取比较麻烦。

效率软件介绍(SwitchHosts)

快捷的在可视化界面中操作 hosts

部分开发人员经常需要使用到 hosts ,要么是从文件中找到位置去修改,要么是直接在终端中修改,当我们有多个项目不同的 hosts ,通过这种方式管理起来就比较麻烦了,今天给大家推荐的是一款可视化操作 hosts 的软件,名字是 SwitchHosts下载链接

列表 Mixin

后台项目做多了就会发现,在一个成熟的后台项目中,列表页面的结构以及逻辑都是相对固定的,怎样才能把重复的这部分提取出来呢

使用 `Webpack` 打包相关问题,记录:

现在的前端中使用 webpack 打包已经是常态了,而打包也偶尔会出现一些奇葩问题,这里对于工作中遇到的 webpack 问题做个记录,让其他同学遇到问题不再挠头

Element UI 表单的校验

Element UI 是很好用的 UI 框架,其中的表单是我们在做后台项目时经常用到的,它集成的校验功能用起来方便快捷,但是有很多场景,当我们需要用到校验的时候却发现它的文档上并没有很详实的介绍

开发中遇到的 Element 相关问题,记录:
JavaScript 对象分类
  • 宿主对象,由宿主环境提供的对象,行为由宿主环境决定
  • 内置对象,由JavaScript语言提供的对象
    • 固有对象,由标准规定,随JavaScript运行时创建而自动创建的对象实例
    • 原生对象,可以由用户通过 Array、RegExp等内置构造器或者特殊语法创建的对象
    • 普通对象,由 {} 语法、Object 构造器或者 class 关键字定义类创建的对象,它能够被原型继承
JavaScript 执行
['1', '2', '3'].map(parseInt) what & why ?

['1', '2', '3'].map(parseInt) what & why ?

木易杨前端进阶 看到的一道题,比较有意思,做个记录

前端学习

小组中其他的同学可能想要学习前端,在此对一些学习资源做个简单的整理

前端相关的网站

记录一些前端相关的网站

前端 Vue 项目简介

对前端 Vue 项目的一个简单介绍,便于快速上手项目开发,对于前端的学习入门,请参照 前端学习入门

前后端联调

当前端项目开发阶段遇到要和后端联调的情况该怎么操作呢,由于是前后端分离开发的,一般情况下,前端和后端的项目不是起在同一 IP 下的,这就涉及到浏览器的通源策略的限制会造成跨域而无法访问到;后端提供给我们的接口路径,我们该如何使用来获取我们需要的数据呢,不要慌,接下来就进行介绍

Webpack基础知识(一)

webpack 由入口引申出来的目录树进行打包依赖

浏览器页签的有趣icon

今天浏览推特的时候,看到一个有趣的浏览器页签 icon ,正好我的站点首页是没有 icon 的,可以搞一下,他展示的效果是这样的,他是尝试的用最短的代码来写,链接地址

Typecho 主题配置参数扩展和使用

上次设置的B站追番列表,但是最近它的 cookie 的值失效了,观看进度都变成了 尚未观看 ,为了方便的改 cookie 的值,我想在后台管理里面增加一个配置项,这样我通过后台就能直接更改参数,不用再手动改代码后发布主题。PS:为了方便用我主题的小伙伴(虽然我觉得也没有人会用o(╥﹏╥)o),多加了一个用户 ID 的配置。

export default 和 export

export defaultexport 是 ES6 提供的两种模块导出的方式,他俩的区别是前者是导出一个整体,后者是导出单个,举个栗子来说,现在有两个 tools 文件,tools-all和 tools-part,内容如下

2019年度总结

2019 年就要过去了,感觉时间过的很快(老生常谈),在这一年发生了很多的事情,做了很多项目,成长了很多,是非常充实的一年,今年要做年终工作总结,也顺便做个年终复盘吧。去年的时候想着要做年终复盘,一是去年的时间不算完整还比较特别,一直没做,今年应该要做个,总结下自己还是很有必要的。

想了想,还是不和工作回顾写在一起了,工作回顾算是我一年周报的汇总,和复盘还是有点区别的。

在 Mac 上将项目起在 80 端口

Mac OS 上开发微信网页项目,微信网页项目的开发我在之前的文章提过了,本地开发的时候要先修改 hosts ,然后将项目启动在 80 端口,这样就可以通过域名来直接访问我们的项目,但是当我在 Mac 上运行项目的时候,发现项目并没有起在 80 端口,而是随机分配了一个端口。

Vue cli 3 从命令行传入除 NODE_ENV 之外的变量

Vue cli 3 从命令行传入除 NODE_ENV 之外的变量,vue cli3 在环境变量和模式上做了封装,具体的可以查看文档,我们可以很方便的在环境变量文件中定义该环境下的全局常量,但是如果我们需要在项目的命令行上进行配置,比如跟据某个参数的不同打不同的包,环境变量文件中是没法使用变量的。解决办法如下:

微信小程序生成图片和保存图片

生成图片这个功能需要使用 Canvas ,先将要保存的图片使用 Canvas 画出来,然后调用相关方法保存到手机上。文中使用或是未使用的有关小程序中 Canvas 的 api 可以在 小程序Canvas相关Api 这里查看。

为了使用方便,我将这个需求的实现做成了一个组件,便于项目的其他地方复用,也遇到了一些因为使用自定义组件带来的问题

Centos 7 安装 Python 3

今天在网上看到一个 Python 做的抢票程序,想在自己的 VPS 上部署一下看看,首先需要安装 Python 3.6 以上的版本,此类问题网上教程贼丰富,我只是在自己尝试的过程中做个记录,教程虽然多,但是满足自己的需求的才是最好的

Python(一)

官网下载 Python 3.7+ 安装包,安装的时候选择加入环境变量,安装完成后调出命令行输入 python 显示:

Python 3.7.4 (tags/v3.7.4:e09359112e, Jul  8 2019, 19:29:22) [MSC v.1916 32 bit (Intel)] on win32
Type "help", "copyright", "credits" or "license" for more information.
>>>

表示安装成功

VS Code 中建立文件模板

做前端开发的同学都知道,我们在编辑器中输入一个 ! 然后按下 tab 键就可以帮我们自动补全 html 结构,那么当我们写 Vue 或者是 React 的时候,页面其实都是有一个初始模板的,我们要怎样做到类似上面简单输入就可以得到文件模板呢,今天就以 Vue 为模板举栗给大家介绍 VSCode 上的一个很好用的功能,叫做 用户代码片段。

Vue利用i18n实现多语言

很多同学在做项目的时候都遇到过多语言的需求,或者说已经实践过了,这篇文章主要讲的是通过 vue-i18n 来进行 Vue 项目的多语言配置,它的功能十分丰富,在我目前为止的项目开发中都是可以满足需求的使用的,文档地址 ,文档对于一些基础的使用方法都做了详细的介绍

Typecho B站追番列表

写在前面:这个功能我周末**写了两天,其实页面开发也就一个小时,剩下的时间都在 Debug ,做这个功能我是真的佛了,中间都想放弃了,但是实在是不甘心,周一晚上下班回来搞到两点,终于解决了,虽然最后的方案已经远远不是我最开始的时候采用的方法了。我的 PHP 代码写的很渣,不要喷我,我已经尽力了。先贴上 我的代码

calc在预编译语言中的使用(Less&Scss)
Typecho 中文章和评论的链接改为新窗口打开

之前一直没注意这个事情,今天一看文章中的链接和评论中的链接点击都是从本窗口跳转,这怎么能行,这流量流失的也太具体了吧,在网上查询之后找到办法——修改 Typecho 源码

本文针对的是 版本 1.1 (17.10.30) ,而网上的大多答案都是 0.x 版本的 Typecho ,其实都是改源码的方式,只不过 1.1 版本的目录结构和旧版的 不同而已

Webpack 基础知识(二)

蛤蛤蛤,一还没有写,一的话是一些总结的小东西,从二开始是比较重要的,比较需要记住的东西,同时也相当于随堂笔记的样子吧

微信小程序中 e.target 和 e.currentTarget 的区别
微信小程序中使用 npm 包

现在的前端开发中我们已经习惯了使用 npm 包,但是微信小程序的目录结构显然与我们开发的普通 Vue 项目是不一样的,那么如果我要在微信小程序中使用一个 npm 包的话,我们应该如何操作呢,其实也很简单

微信小程序中调用组件的方法
微信小程序中的 onLaunch 和 onLoad 异步加载
Nginx 使用心得

今天给大家梳理一下 Nginx 的使用,包括配置、代理等。

现在的项目多是前后端分离的项目,所以我们不必在把前端项目放入后端项目,然后起 Apache 或者 Tomcat 运行后端项目,Apache和Nginx的区别 ,简而言之,现在的 web 项目基本上都是跑在 Nginx 上的,虽然项目部署这类事情不用我们操心,但多了解一点总是没错的。

安装就不赘述了,之前的文章也有提到

Vue 项目服务器部署

利用 Nginx 将 Vue 项目部署到服务器上,通过本文章可以简单了解网站部署的知识,相应的其他 web 项目的部署也是可以同理而解,Nginx 的安装参考这篇文章 LNMP 安装指南 ,文中 “N” 的部分即 Nginx

服务器系统: Centos,服务器软件: Nginx

MobaXterm使用教程

今天给大家介绍的是一款很好用的 ssh 客户端,软件的作用类似 XShell ,功能不止于此,我只介绍我用到的东西,感兴趣的同学可以自己做探索。本文建立在你已经有一台可连接的服务器的基础上,没有的同学可以去 阿里云 腾讯云 等云服务商购买自己的云服务器,或者在 Vultr 这样的 VPS 供应商买 VPS 凑合用,可以参考 在 Vultr 上选购一款 vps 。软件在 MobaXterm官网 下载即可,遗憾的是目前这款软件还没有 Mac 版本,只有 Windows 版本,不过 Mac 上直接使用终端貌似也很方便?

在手机上进行 web 调试

2020.04.10 更新:现在在手机上调试不用这么麻烦了,配置一下 webpack 让项目使用局域网IP也能访问,然后手机和电脑连同一个 Wi-Fi ,在手机上直接访问就好了

在手机上进行 web 调试

Vue实现锚点的功能

普通的静态网站加锚点的功能非常简单,只需要给锚点元素添加 id ,然后将 a 标签绑定上对应的 id 即可,在 Vue 中也可以这样来实现,但是会有缺点是,Vue 是单页应用,当点击了多个锚点跳转之后,点击浏览器的后退按钮,会在这多个锚点的历史上后退,而无法实现我们想要的退回上一页的操作。

小程序开发笔记
小程序项目搭建

小程序项目基础搭建,方便快速开发原生小程序,使用脚手架的同学随意

LNMP 安装指北

LNMP 环境安装指南,为了构建合适的 Typecho 博客运行环境

Node 项目部署到服务器

项目部署也不是第一次了,这次正好帮朋友的忙,又做了一次部署,记录一下

Windows 常用工具

本文章主要用来记录一些简单实用的 Windows 应用,我认为熟练使用这些应用,可以为学习和工作带来极大的便利

微信 JSAPI 支付

后台服务是 Java,前端 Vue 在做之前先把官方文档过一遍 ,把需要配置的都配置好

Jenkins 安装及配置前端项目

为以后自己捣鼓东西用,搭建了一个 Jenkins 玩一玩,其实教程网上一大把,但是刚开始弄确实遇到好多问题,解决了之后便要把流程记录一下

安卓与 JS 交互要注意的问题
在 Vultr 上选购一款 vps
LAMP环境的搭建

本文主要讲述在 centos 系统上搭建 lamp 环境

MongoDB 数据库在 Windows 和 CentOS 上
MIT Licensed | Copyright © 2017-present 进击的学霸, 自豪的使用 七牛云,已加入十年之约