Cyberpunk配色魔改
前言刚开始的主页没有啥个人风格,个人比较喜欢dark模式,但不喜欢它的反人类透明度,就直接改源码去掉了日间模式和透明度,之后发现还是不够满意,刚好就参考到了之前在永庆坊拍的照片配色风格
点击查看图片
使用步骤
新建css 自行命名 需要注意的是,如果你自己注释 最好不要使用双斜杠,如果报错,建议你移除没有的部分 12345678910111213141516171819202122232425262728293031323334353637383940/* 所有背景(包括首页卡片、文章页、页面页等) */#aside_content .card-widget, #recent-posts>.recent-post-item, .layout_page>div:first-child:not(.recent-posts), .layout_post>#page, .layout_post>#post, .read-mode .layout_po ...
Butterfly魔改合集
前言本篇博客主要用于记录hexo butterfly主题魔改,涉及到部分css和js的添加和更改,基本没有对pug和styl进行修改,可以放心食用.每天争取更新
开发日志
2021-12-13更新字体2021-12-14更新本地搜索2021-12-15更新Hexo搭建待更新网站音乐,snackbar,音乐css,pjax2021-12-16更新网站aplayer,音乐css,pjax2021-12-18更新插件版aplayer2021-12-19重新修改了文章布局,发布了几篇教程2021-12-20更新一个菜单栏魔改2022-1-2更新一个RGB头像魔改更新了主页动画平滑处理更新了git贡献日历更新了电子时钟更新了utools插件压缩功能更新Typora2022-1-3更新一个picgo图床更新jojo石之海信封2022-1-3更新替身生成器
Hexo搭建Hexo搭建+github
Aplayer全局吸底+不间断播放+配色修改Aplayer的设置与优化
...
浅谈ES6-11
本文主要用于记录es6-11的学习过程,参考视频【尚硅谷Web前端ES6教程,涵盖ES6-ES11】
主要介绍
ECMA:ECMA 欧洲计算机制造商协会
ECMAScript:是ECMA国际通过ECMA-262标准化的脚本程序设计语言
ECMA-262:它定制的一种标准
历史:每年都会更新一个版本 截至写稿已经是第十二版 即es12
let主要介绍基本语法经典案例和var类似 又有点不同
声明变量
123let a;let b = 521,g = 'dasda',h = [];//可以一次声明多个
变量不能重复声明,但var可以。作用 防止变量被污染
块级作用域 es5 全局 函数 eval
12345{ let a = 'casc';}console.log(a);//这里会出错,但var可以,因为let只能在这个块级作用域里面生效
不存在变量提升
1234console.log(song);var song = 'aaa';//此时输出undefined 因为var声明的变量会提前赋一 ...
Vue核心
本文主要用于记录Vue2.0的核心功能,参考视频【尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通】
主要介绍一套用户构建用户界面的渐进式JavaScript框架
渐进式主要介绍vue可以自上而下的逐层进行应用,一个简单的应用只需要一个核心库即可,复杂的应用需要引入各式各样的Vue插件,所谓渐进式就是它能从这样简单的应用变成复杂的应用
大哥
🐂
特点
采用组件化模式,提高代码复用率,让代码更好维护 如:组件为xxx.vue 里面包含了html,css以及js 当需要使用到的时候直接引入。维护:改变不会影响别的组件
声明式编码,让编码人员无需直接操作DOM,提高开发效率
使用虚拟DOM+优秀的Diff算法,尽量复用DOM节点常规的js如果有新的数据它会继续使用,没有过滤,如果要维护数据量大的对象之类的,每次都会重新渲染到dom而vue采用了虚拟dom,当数据发生改变的时候,使用diff算法,对上一次采用的dom进行数据对比,如果一样,则只渲染新的数据
学习vue之前要掌握的js基础知识es6语法规范es6模块化包管理器 会一个 npm or cnpm原 ...
第一次秋招面试杂谈
今天参加了学校最新一轮的大型面试会,作为大三的学生写一点面试的收获。
找面试 首先进去的第一方面就是逛完所有的校招摊位,找到适合自己的岗位面试。我个人是往前端开发方面走的,所以找的都是这个方面的内容。但基本上走了一圈,发现对技术栈有要求的面试摊位并不多,大多数是挂羊头卖狗肉,有的hr甚至对于这个方面的内容不熟悉,比较像是收打杂的。另外比较标准的就是一个hr和一个技术人员,技术人员专门负责问技术方面的问题,hr根据结果进行分析筛选是否通过第一次面试。
问问题 今天一共找了三个摊位,对其中两个对技术栈有要求的摊位进行询问。大概问了这几个方面的问题,一是对技术栈的知识会有什么具体的提问,二是对于简历上的内容,会比较看重哪个点,三是根据我自身情况,询问面试官的建议。
技术栈知识 总结一下就是基础知识要牢固,但不限于需求上面的知识,有拓展更好,比如了解过后端spring全家桶方面的知识, ...
JavaScript入门教程
本文主要用于记录JavaScript的学习过程,参考视频【尚硅谷Web前端ES6教程,涵盖ES6-ES11】
主要介绍主要运用一种高级编程语言
表单动态校验
网页特效
服务端开发 node.js
Electron
App Cordova
控制硬件 物联网Ruff
游戏开发 cocos2d.js
浏览器执行js的过程主要介绍
浏览器分为渲染引擎和js引擎
其中渲染引擎负责HTML和CSS解析,JS引擎负责解析js代码(逐行解析)
ECMA scriptjs的书写位置
行内式
编写在行内的js代码 可读性差 在特殊情况下使用
规定HTML中使用双引号,js中使用单引号
内嵌式
script标签中使用,可以写入多行代码,学习常用
外部js
引入方式>
标签中不能再写其他信息
js输入输出语句
alert(msg) 浏览器弹出提示框
console.log(msg) 浏览器控制台打印输入信息
prompt(info) 浏览器弹出输入框,用户可以输入
js变量
总类型 var 其数据类型是在运行过程中由等号右边的值来确定的
声明变量的特殊情况:
只声明不赋 ...
JavaWeb入门教程
javaweb概述HTTP概述
全称 HyperText Transfer Protocol 超文本传输协议
请求/响应式
特点
12支持客户端eg浏览器
请求方式get post
http1.0 每次只能处理一个http请求 影响网页的访问速度
http1.1 处理多请求和响应
浏览器向服务器传送请求 = http请求消息
服务器将处理后的数据发回给客户端(浏览器) = http响应消息
统称http消息
HTTP请求消息
请求行位于请求消息的第一行
1234GET /index.html HTTP/1.1get 是请求方式后面接的是资源路径最后跟的是请求协议版本
http请求方式有八种
常见的 两种是==get==和==post==
get方式获得的参数直接在url地址后面 但传输的数据量有限
12http://www.itcast.cn/javaForum?name=youjun&pwd=123网址后面跟问号 有多个信息则在信息间跟&
post方式传输的大小没有限制 且 更安全 实际开发用
请求头在请求行之后
123Host: ...
Ubuntu_Linux入门教程
安装
略
常规操作
全屏显示:进入全屏模式
挂起/冻结
由于开关机的不便性 使用挂起/冻结可以保存linux系统状态
硬件参数设置
先关机后设置
右下角有状态栏:显示当前硬件状态
快照与系统恢复
右键ubuntulinux 有快照
点击拍摄快照之后会保存当前系统状态
在虚拟机目录下就会有后缀为snapshot字样的文件
当系统出问题的时候可以快速还原到快照状态
文件系统
对于Linux来说 使用统一的目录树结构,且没有盘符这个概念
. 代表当前目录 ..代表上级目录
bin
用户目录
Linux系统上支持多个用户,每个用户一个目录
权限机制:对于普通用户操作的范围只有用户目录,对于root用户可以操作所有范围
常用命令行列出子项 ls
查看根目录
1ls /
查看详细信息
1ls -l /home
要点与细节:按住tab键可以自动补全输入的命令和路径
输入历史可以按↑↓箭头翻阅
宿主机与虚拟机之间可以拷贝粘贴,例如图片和文字
目录切换 pwd
print working directory
1pwd
切换目录 cd
chang ...
Node.js入门教程
简介
nodejs是一个js运行环境runtime 让js可以开发后端程序 几乎能实现其他后端语言能实现的所有function
nodejs基于googlev8引擎 原用于chrome的js解释部分,但后来被搬到服务器上用于做服务器的软件
优点 处理高并发 可以实现的功能多
搭建环境
略
第一次运行nodejs
建立app.js,然后console一段信息,打开终端输入node app.js(确保你的终端打开路径正确),有输出则为配置成功
创建第一个应用http模块
创建
1const http = require('http');
用于创建服务器
1234567891011http.createServer((req,res)=>{ 设置响应头 状态码是200 文件类型是html 字符集是utf-8 res.writeHead(200,{"Content-type":"text/html;charset=utf-8"}); 解决乱码 res.write ...
Ajax入门教程
前言本文用于介绍ajax的基本使用 参考学习地址【尚硅谷】3小时Ajax入门到精通
基本介绍主要介绍
ajax全称asynchronous JavaScript and XML 异步的JavaScript和xml
是一种无需在加载整个网页的情况下能够更新部分网页的技术
ajax不是一种新的编程语言 而是一种用于创建更好更快以及交互性更强的web应用程序的技术
eg 当你在谷歌的搜索框输入关键字的时候 js会把这些字符串发送到服务器然后服务器会返回一个搜索建议的列表 like国内百度
核心:ajax的核心是XMLHttpRequest对象,XHR为服务器发送请求和解析服务器响应提供了接口,能够用异步的方式从服务器获取新的数据
通过jquery ajax方法 可以使用httpget和httppost从远程服务器上面请求文本 html xml 或者json 同时还能将这些外部数据直接载入网页的被选元素中
Http协议的请求报文和响应报文请求报文响应报文重点是格式与参数1234567行 POST /s?ie=utf-8 HTTP/1.1头 Host: atguigu.com Cook ...