Vue基础学习-Vue脚手架
Vue脚手架(Vue 2)脚手架文件结构12345678910111213141516├── node_modules ├── public│ ├── favicon.ico: 页签图标│ └── index.html: 主页面├── src│ ├── assets: 存放静态资源│ │ └── logo.png│ │── component: 存放组件│ │ └── HelloWorld.vue│ │── App.vue: 汇总所有组件│ │── main.js: 入口文件├── .gitignore: git版本管制忽略的配置├── babel.config.js: babel的配置文件├── package.json: 应用包配置文件 ├── README.md: 应用描述文件├── package-lock.json：包版本控制文件
关于不同版本的Vue
vue.js与vue.runtime.xxx.js的区别：
vue.js是完整版的Vue，包含：核心功能 + 模板解析器。
vue.runtime.xxx.js是运行版的Vue，只包含： ...
Vue基础学习-路由及组件间通讯
Vuex概念在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。
何时使用？ 多个组件需要共享数据时
搭建vuex环境
创建文件：src/store/index.js1234567891011121314151617181920//引入Vue核心库import Vue from 'vue'//引入Vueximport Vuex from 'vuex'//应用Vuex插件Vue.use(Vuex)//准备actions对象——响应组件中用户的动作const actions = {}//准备mutations对象——修改state中的数据const mutations = {}//准备state对象——保存具体的数据const state = {}//创建并暴露storeexport default new Vuex.Store({ actions, mutati ...
Vue基础学习-基础内容
vue基础内容初识Vue
想让Vue工作，就必须创建一个Vue实例，且要传入一个配置对象；
root容器里的代码依然符合html规范，只不过混入了一些特殊的Vue语法；
root容器里的代码被称为【Vue模板】；
Vue实例和容器是一一对应的；
真实开发中只有一个Vue实例，并且会配合着组件一起使用；
{{xxx}}中的xxx要写js表达式，且xxx可以自动读取到data中的所有属性；
一旦data中的数据发生改变，那么页面中用到该数据的地方也会自动更新；
注意区分：js表达式 和 js代码(语句)
表达式：一个表达式会产生一个值，可以放在任何一个需要值的地方：(1) a(2) a+b(3) demo(1)(4) x === y ? ‘a’ : ‘b’
js代码(语句)(1) if(){}(2) for(){}
Vue模版语法Vue模板语法有2大类：
插值语法：功能：用于解析标签体内容。写法：{{xxx}}，xxx是js表达式，且可以直接读取到data中的所有属性。
指令语法：功能：用于解析标签（包 ...
装机小白必备攻略
var eChartecharts9819 = echarts.init(document.getElementById('echarts9819'));
var optionecharts9819 = {
tooltip: {},
legend: [{
data: [
{"name": "主板"},
{"name": "CPU"},
{"name": "显卡"},
{"name": "硬盘"},
{"name": "内存"},
{"name": "电源"},
{"name": "机箱"},
{"name": "散热"}
]}
],
series: [
{
name: '机箱配置',
type: 'graph',
layout: 'none',
data: [
{id: 0, na ...
Vue基础学习-了解Vue
Vue是什么一套用于构建用户界面的渐进式JavaScript框架
Vue特点
采用组件化模式，提高复用率、且让代码更好维护。
声明式编码，让编码人员无需直接操作DOM，提高开发效率。区别于传统的原生JavaScript命令式编码。
使用虚拟DOM + 优秀的Diff算法，尽量服用DOM节点。
Vue官网【Vue官网】【Awesome-Vue】
Vue注意事项
一个容器对应一个Vue实例，一对一的关系，开发过程中只有一个Vue实例。
一个Vue实例对应多个组件，一对多的关系。
Vue模板语法1234date: { name: '学弟不想努力了', url: 'http://blog.renyuxin.cn'}
插值语法用于解析标签体内容(一组标签包裹着的内容)
1<div id="demo">{{date}}<div>
指令语法用于解析标签（包括：标签属性、标签体内容、绑定事件….）
举例：v-bind:herf=”name”，简 ...
你真的了解kafka的专业术语吗
主题 + 客户端
发布订阅的对象是主题（Topic）
向主题发布消息的客户端应用程序称为生产者（Producer），生产者可以持续不断地向多个主题发送消息
订阅这些主题消息的客户端应用程序称为消费者（Consumer），消费者能够同时订阅多个主题的消息
生产者和消费者统称为客户端
服务端
Kafka的服务端由被称为Broker的服务进程构成，一个Kafka集群由多个Broker组成
Broker负责接收和处理客户端发送过来的请求，以及对消息进行持久化
多个Broker进程能够运行在同一台机器上，但更常见的做法是将不同的Broker分散运行在不同的机器上这样如果集群中某一台机器宕机了，即使在它上面运行的所有Broker进程都挂掉了其他机器上的Broker也依然能够对外提供服务，这是Kafka提供高可用的手段之一
备份
实现高可用的另一个手段是备份机制（Replication）
备份：把相同的数据拷贝到多台机器上，这些相同的数据拷贝在Kafka中被称为副本（Replica）
副本的数量是可以配置的，Kafka定义了两类副本：领导者副本（Leader Replica）和追随者副本（Fol ...
最常用的几款开发设计工具官网及插件官网
开发类数据库 数据库
MySQL window版本window版本Linux版本 Oracle 最新版本11gR2版本11g版本12C版本18c版本19c版本21c版本 PostgreSQL 其它版本 Navicat Navicat Premium 官方Navicat Premium Lite官方中文版Navicat Premium Lite官方英文版
开发编辑器 开发编辑器
IntelliJ IDEA 最新版本其它版本 Pycharm 最新版本其它版本 WebStorm 最新版本其它版本 ...
中华民族不能遗忘的记忆——日军侵略罪行
近现代中日战争
1894年，中日甲午战争
签订《马关条约》根据条约规定，中国割让辽东半岛（后因三国干涉还辽而未能得逞）、台湾岛及其附属各岛屿、澎湖列岛给日本，赔偿日本2亿两白银。中国还增开沙市、重庆、苏州、杭州为商埠，并允许日本在中国的通商口岸投资办厂。
1984年，旅顺大屠杀
旅顺大屠杀，日军近代对中国第一次大规模屠杀。旅顺大屠杀是甲午中日战争期间，日本占领军于1894年11月21日攻陷位于辽东半岛的旅顺，对城内进行了四天三夜的屠杀。只有埋尸的36人（后经考察，生还者800余人）幸免于屠杀，死难者人数估计在2千到2万之间。
1900年，八国联军侵华战争
签订了《辛丑条约》，中国彻底沦为半殖民地半封建社会【条约内容】
中国对各国赔款4.5亿两白银，价息合计超过9.8亿两白银，并以关税和盐税等作抵押；
划定北京东交民巷为使馆界，允许各国驻兵保护，不准中国人在界内居住；
拆毁天津大沽口到北京沿线设防的炮台，允许列强各国派兵驻扎北京到山海关铁路沿线要地；
清政府保证严禁人民参加反帝运动；
外国认为各个通商章程中应修之处或其他应办的通商事项，清政府概允商议；
惩办“首祸诸臣”；
改总理各国事 ...
Mac终端中最常用的几个命令
PING地址1ping 127.0.0.1
PING端口1nc -vz -w 2 127.0.0.1 8080
查询git安装目录1which git
1where git
查看mac是多少位的x86_64 表示系统为64位
1uname -a
查看占用空间、系统文件大小分布 (查看本地占用具有奇效)1du -sh *
进入占用空间大的文件夹1du -d 1 -h
查看本地所有的文件目录如果本地存着奇奇怪怪的文件名，勿用，不觉明历，懂得都懂~~
1du
如何更改Host按 i 编辑后，按 ecs 退出:wq 保存即可
1sudo vi /etc/hosts
如何新建文件夹1mkdir 文件夹名
刷新 DNS 缓存在终端中输入一下命令
对于最新版的 macOS，刷新 DNS 缓存的命令如下所示：1sudo killall -HUP mDNSResponder
对于 OS X 10.11 和 OS X 10.9：1sudo dscacheutil -flushcache sudo killall -HUP mDNSResponder
对于 OS X 10.10：1sudo dis ...
解锁ChatGPT，给你的VPS添加原生IP
前言解锁ChatGPT，给你的VPS添加原生IP
ChatGPT现状ChatGPT目前封锁了绝大多数的数据中心IP，倘若你现在正好在使用VPS作为主力代理，那么应该会在ChatGPT首页看到无法使用的封锁消息！
如何解决
为了更稳定的使用ChatGPT服务，你可以尝试选用原生IP的VPS服务商，推荐：【66云】和【莱卡云】
选用ISP的机场：【飞瓜云】（TVV和美国是ISP）正常使用GPT其他节点是解锁流媒体；
使用【VPS+ChatGPT-web】或者【Niek/chatgpt-web】，自己搭建GPT网页版
warp是什么一个新的方法，用warp解锁GPT，说到warp我们并不陌生，早期大家都用它来解锁流媒体服务，现在它又有了新的使命
这里我引用作者的主页内容
优势
支持 chatGPT，解锁奈飞流媒体
避免 Google 验证码或是使用 Google 学术搜索
可调用 IPv4 接口，使青龙和V2P等项目能正常运行
由于可以双向转输数据，能做对方VPS的跳板和探针，替代 HE tunnelbroker
能让 IPv6 only VPS 上做的节点支持 Telegram
...