自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

花森酱JioJio

花森笔录:huasenjio.top 花酱与猪:n.huasenjio.top

  • 博客(44)
  • 收藏
  • 关注

原创 啃下前端缓存策略的硬骨头(重点)

缓存简述1.概念每当我们输入网址时浏览器负责通过http协议向服务器请求获取数据,缓存可以缩短请求时间,节省带宽,对于缓存文件重复利用,利用缓存机制可以提升优化性能和体验。请求资源可以分为如下三步:发起网络请求,后端服务器处理,浏览器响应。缓存则是在第一次请求时将请求到的资源进行本地保存,下次发起同样请求时如果缓存策略判定本地资源和服务器资源一致,则浏览器直接读取缓存资源渲染给用户。2.缓存位置ServerWorker是运行在浏览器背后的独立线程,用于实现缓存功能,使用ServerWorker时传

2020-12-31 00:33:30 1394 4

原创 一本正经前端的面试清单

HTML模块1.标签语义化的作用?见标签知意,让代码结构清晰,方便阅读,有利于其他设备解析,例如:屏幕阅读器、盲人阅读器,以语义化标签渲染网页更利于搜索引擎的优化(SEO),网络不佳时(无样式),网页也更具可读性,更加遵循W3规范。常见的语义化标签如下mian、aside、footer、code、article、section等标签。2.浏览器内核有哪些?浏览器内核负责对网页语法进行解析,就是内部的渲染引擎,决定网页的显示效果。1)IE浏览器:微软出品的Trident内核 -ms-;2)Chro

2020-10-28 17:43:16 363

原创 提高电脑使用效率神器(初学者必备)

初语自从朋友知道我学计算机专业之后,一旦电脑卡顿,不好用就找来修电脑。随后我就急匆匆的就打开TeamViewer远程工具帮忙看看,出自己的一份力气。其实电脑也不是出了什么毛病,系统垃圾比较多,卸载残留往往是罪魁祸首,其次就是电脑装的流氓软件比较多,什么是流氓软件呢,就是装上一个流氓软件,它就会召集更多流氓软件安装在你的电脑。而且每天会弹一刀999、祛痘、减肥等恶心广告。我也是听网传的360全家桶,金山系列,2345整蛊等等,尽量远离。这篇记录适用于小白,电脑初学者,希望有点帮助,大佬们就可以直接跳过了,我

2020-10-26 20:20:10 458 2

原创 呕血整理JavaScript知识重点(面试复习必备)

ECMAScriptJavaScript 官方名称是 ECMAScript 是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。编辑器VS code一款微软出品的强大前端编辑器,具有很强的拓展性,常用插件有如下类型:live server,服务器形式运行代码,ctrl+s保存自动刷新代码;auto rename tag,标签更改后自动补全;Bracket Pair Colorizer 2,代码语法高亮;Prettier

2020-10-26 16:38:43 535 11

原创 使用v-lazy图片懒加载插件

图片懒加载效果当我们上网冲浪的时候网络不顺畅,导致图片加载得相对较慢,容易造成页面塌陷的效果,使用图片懒加载插件,当图片没有加载完成的时候显示的是一张我们默认的照片(占位图片),图片加载后会自动替换,提高用户的体验效果。环境vue2.x版本安装npm install vue-lazyload --save安装为生产环境配置入口文件1)入口文件中引入:import VueLazyload from 'vue-lazyload';2)全局配置懒加载的参数:Vue.use(VueLazyLo

2020-10-18 19:04:47 166

原创 JavaScript中Class和构造函数的映射示例

<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head> <body> ...

2020-10-12 10:31:24 40 1

原创 一篇奶妈级HTML学习笔记

HTMLW3C万维网联盟,发展迭代web网页规范,四个重要组成部分,我们的北航就是一个据点,所以拥有一个中文网站,W3C中国,到一定层次的水平时候想要深入理解,必定要查阅规范,奉上上传文件查阅自己编码的文件是否符合标准的官方网址!基础知识网址浏览器地址输入的链接就叫网址,中文名字叫统一资源定位符。URL格式格式:协议://主机地址:端口号/目录路径+参数实例:http://n.huasenjio.top:8080/huasen/index.html常用协议http协议超文本传输协议ftp

2020-10-07 20:19:56 1768 4

原创 场景化分析rem布局原理

vue项目适配rem布局rem的原理将物理像素px分为一百份,每一份就是1rem,例如当你的手机是苹果6s,物理像素是375px,那么转化成rem就是37.5px。插件设置html根标签的字体属性font-size变为1rem,通过转换将css中的px转换成对应的rem。当屏幕发生大小缩放的时候,更改html下的font-size的大小,就能实现了其他标签的大小距离也随比例缩放,达到rem自适应布局。1)安装依赖npm i lib-flexible postcss-px2rem --save2)删

2020-10-03 20:00:51 4522 17

原创 一篇弄懂webpack静态资源打包器

认识webpack是优秀的前端构建工具,静态资源打包器,可以根据模块依赖关系进行静态资源分析,快速打包生成相对应浏览器可以直接识别的静态资源!规约入口文件:开始打包第一个文件称为入口文件,通常经过在入口文件中引入其他资源,形成资源关系树状图。webpack根据依赖关系进行一次处理。chunk代码块:管理webpack内部的打包进程,chunk可以分为“入口”和“子代码块”,入口文件就是一个chunk,默认的webpack打包配置是一个入口文件是一个chunk,打包生成一个bundle。但是如果出

2020-10-01 16:48:38 4619 12

原创 彻底屏蔽广告让你爱上浏览器

初语都0202年了,都还有小伙伴使用IE浏览器、QQ浏览器、旧版的Edge浏览器,很多炫酷实用的网站都用不了,较新的网站都不兼容IE浏览器,个人强烈安利,裂墙推荐谷歌浏览器,用上了就离不开了,你就知道什么叫纵享丝滑,可以安装很多插件,用了之后你就离不开了,就真香了!瞎弄1)Window平台2)Mac平台...

2020-09-21 11:21:49 341 4

原创 犹如白皮书般详细的Css样式权重

作者:花森时间:2020年8月11日认识一个项目中会引入很多的样式,样式之间会出现重叠覆盖,导致我们需要的效果无法做出,这时候就要学习一个样式的权重问题,权重高的样式优先展示。元素权重使用类、ID、伪类都有不同的权重,具体应用哪条规则要看权限大小。可以使用!important强制提升某个设置的权限。规则粒度ID0100class和类属性值0010标签和伪元素0001*0000行内样式210001)id的权重高于class<sty

2020-08-12 21:50:32 331 1

原创 犹如白皮书般详细的Css文本控制总结

作者:花森时间:2020年8月11日认识一般情况下操作系统会存在于系统中,浏览器会根据你网页设定的字体依次查找,找到匹配到后将展示,不在向后查找,例如你的电脑有宋体存在,在网页就会显示宋体,但其他用户中无次字体,所以造成其他用户使用是不会显示宋体字体。<style>* { font-family: 'Courier New', Courier, monospace;}</style>...<div>花森导航</div>文本基础自定义字

2020-08-11 21:46:01 2260 1

原创 犹如白皮书般详细的Css基础

作者:花森时间:2020年8月11日认识如果把web网页当做一个在台上跳着舞蹈的老师,那么html定义的是这个人的鼻子、眼睛、手之类的器官,Css即着装的漂亮服饰,Js则是实现如何让他做出优美的舞姿,至于台上是指浏览器内核平台。样式声明1)外部样式引入2)内部样式表3)内联样式4)导入样式外部样式link标签引入外部样式表head标签内部完成引入样式文件要以.css为后缀名引入多个样式可能会发生重叠覆盖(顺序很重要)link常见属性说明补充rel定义当前

2020-08-11 20:44:55 182

原创 犹如白皮书般详细的Css选择器总结

CSS3-选择器作者:花森时间:2020年8月10日基本选择器常见的选择标签方法样式选择器示例描述补充.class.huasen选择 class=“huasen” 的所有元素#id#zhuqi选择 id=“zhuqi” 的所有元素(id在元素中尽量唯一化)**选择所有元素(常用于全局设置)elementp选择所有p元素element,elementdiv,p选择所有div元素和p所有元素element elementdiv

2020-08-10 22:22:25 2913 2

原创 Mac10.14安装Jdk11.04版本

初语:环境:MacOs Mojave10.14.6Java环境:jdk11.04为了学习vue的静态文件打包webpack部分,需要安装node.js,可是又依赖于java环境。电脑刷了mac系统,而且已经适配得很不错了现在,可以作为生产力使用了,很是流畅!官网下载JDk:目前(2020年4月29日),下载jdk需要Oracle账号,而且下载速度龟速,我有Jdk11.04版本,可...

2020-04-29 16:11:00 655 3

原创 一些电脑使用的技巧和软件分享(电脑初学者必备)
原力计划

初语自从朋友知道我学计算机专业之后,一旦电脑卡顿,不好用就找来修电脑。随后我就急匆匆的就打开TeamViewer远程工具帮忙看看,出自己的一份力气。其实电脑也不是出了什么毛病,系统垃圾比较多,卸载残留往往是罪魁祸首,其次就是电脑装的流氓软件比较多,什么是流氓软件呢,就是装上一个流氓软件,它就会召集更多流氓软件安装在你的电脑。而且每天会弹一刀999、祛痘、减肥等恶心广告。我也是听网传的360全家...

2020-04-27 20:34:25 5264 1

原创 阿里云CentOS服务器搭建静态网站(零基础)
原力计划

前语:小生对阿里云ESC服务器的购买与理解,云服务器ECS就相当于在阿里云公司的一台不会关机的电脑,可以通过传输协议访问,我们可以通过Xttp上传文件、Xshell命令操作服务器,这两款软件都是需要服务器的公网ip和账号密码登陆,在购买服务器的时候会填写账号密码,女朋友生日都可以忘记,这个不可以忘记!瞎说:小生对阿里云ESC服务器的购买与理解,云服务器ECS就相当于在阿里云公司的一台不会关机...

2020-04-25 22:12:53 3550 6

原创 瞎解读Nginx的conf配置文件(运维必备)

前语:秉着好奇的心去到了nginx的程序的配置文件目录(/usr/local/nginx/conf),配置文件nginx.conf文件,打开之后我便发现新大陆了,经过一番的知识查阅,我得出结论,它的配置比tomcat还要方便,而且比较的通俗易懂,然后就把文件给下载了,以便学习。正文:1.全局区域和工作进程worker_processes的理解://nginx配置段//全局区域...

2020-04-07 11:15:44 1803 2

原创 信号量控制nginx的操作理解

前语:今天因为要备案了,所以需要域名指定的html页面,这时候运用到Nginx的反向代理,通过代理转发到指定页面,配置好nginx.conf文件发现无效,应该是没有重启的缘故,紧接的就学习了几个信号量控制nginx,因此打算写下读书笔记。正文:1)进入Nginx的程序目录:cd /usr/local/nginx2)查看nginx的进程信息:ps -ef|grep nginx图中...

2020-04-07 11:13:41 547 1

原创 Linux环境下制定每日切割Nginx日志任务

前语服务器的日志每天都会记录着很多访客的轨迹,有很高的价值,但是如果分割日志的话,日记月累,会导致日志文件特别的庞大,会有几个G这么大都有可能发生,查看时可能软件会崩溃,另外就是也不方便我们查看,所以分割日志有很大的必要性。正文1.创建在根目录创建data文件夹mkdir /data2.进入data文件cd data3.创建runlog.sh脚本vim runlog.sh...

2020-04-07 11:11:03 456

原创 犹如白皮书般详细的Css定位及flex布局

## 初语:传统的前端布局一直是令人头疼的,positon定位的常用属性relative、absolute、fixed、static、inherit功能已经挺强大了。* relative:相对定位,这个属性是要配合left、right、top、bottom使用,不然没有效果,跟正常没加positon的一模一样。* absolute:绝对定位,元素标签会根据父容器,进行定位,默认位...

2020-04-07 10:54:13 440

原创 码云Gitee远程仓库的建立与基础使用(图文详细)

花哥哥的瞎说:接触这个工具起因是一个外聘的教师,硬是要我们学会这个神器,刚开始我是排斥的,后来可就真香了,好了不闹了,凭我的理解是这个Gitee工具,它像是一个远程的仓库,这个仓库能管理你的代码,还可以帮你记录版本,主要是可以多人协作使用这个仓库,每一个被允许的人都可以与仓库建立连接,建立连接之后你的电脑就可以连通Gitee的这个远程仓库,每一台电脑都有一个本地仓,本地仓库可以通过Git工具拉...

2019-10-28 21:28:10 1323 1

原创 实现加载进度条和调色主题的文本读取的Java小程序

花哥哥的瞎说:这个小程序出现了一个不能理解的问题,后来被解决了,在代码中的提到了问题的出现所在,我至今不能理解,可能需要看源码。瞎闹:/* 在此发现细节问题:GUI界面中,Swing监听器的事务是由一个线程去执行,但是如果你这个监听器里面的事件是一个过程的的话,比如这里的输入流,Java是不会理会你的这个 过程,这里的加载显示就是一个执行的过程,如果你新建一个线程去运行的话,...

2019-07-22 18:56:01 110

原创 实现鼠标粘贴复制文字Java的小程序

花哥哥的瞎说:主要是去理解鼠标鼠标事件,理解java的GUI界面更深入的了解。瞎闹:package JDemo;import java.awt.BorderLayout;import java.awt.event.ActionEvent;import java.awt.event.ActionListener;import java.awt.event.InputEvent...

2019-07-22 18:35:43 178

原创 Java实现两数相加的GUI小游戏(理解线程)

供图:花哥哥瞎说:小游戏的游戏的规则,在10秒内答题,答题记录放入下面的文本区域内,时间到达之后不允许答题,非数字的输入无效,输入之后可以直接回车。瞎闹:package Jaddplay;import javax.swing.*;import java.awt.*;import java.awt.event.*;import java.util.*;import ...

2019-07-22 18:25:23 132

原创 小声讨论微信小程序中的WXML文件(杂谈语法)

花弟弟的瞎理解:微信出了一个小程序后退出WXML标签语言,结合组件,还有事件就能构建出页面的逻辑结构,分别有数据绑定,列表渲染,条件渲染,模板的引用,WXML语法的布局方式根HTML是一样的,一些模板语法和Django的模板语法很相似,另外就是渲染就类似输出,别像我模糊了好久,大家感兴趣的话一定要去看微信的公共官方文档。瞎搞:0.变量渲染(输出):必须使用花括号{{}}包括 花括...

2019-07-22 14:38:44 143 1

原创 微信小程序实现TabBar功能组件(导入即用)

花弟弟的瞎理解:由tabBar通常出现在客户端首页的底部或者顶部,用于转换页面,当其出现在顶部时是不能显示图片的,此外tabbar上的图片是两张不同的照片,分别是选中状态与未选中状态,另外还给大家推荐一个图标网址(阿里巴巴矢量图标库),大家如果有什么好玩的网址也要告诉我的喔。瞎闹:TabBar的简单属性:注意:1.list属性的类型是数组储存着tab对象 2.border...

2019-07-21 17:32:24 187 1

原创 浅谈Java对接Oracle数据库的步骤

花哥哥的瞎扯:Java连接Oracle数据库的基本操作步骤:1-注册连接数据库加载驱动程序 连接数据库的三大参数:URL(协议 IP Port XE) Username password2-执行SQL语句(select delete update...等操作)3-提取结果(表)中的数据:表转变为Java的变量(数据库返回表时)4-数据进行处理5-关闭资源超级好的花...

2019-04-24 18:39:06 150 1

原创 Java中Comparable接口与Comparator比较器的理解

哥哥的瞎扯:代码之旅中,很多时候都需要比较,在Java中,若直接对数字int型登字符char大数据类型的集合比较,可以Collections.sort(),对集合中的元素比较。public class Sort { public static void main(String[] args) { List numbers = Arrays.asList(10, ...

2019-04-17 17:28:55 260 1

原创 记录Oracle数据库常用简单命令

花哥哥的瞎扯:目前像我一样的初学者安装Oracle公司的XE版本就足够用了,完全不必要下载企业,反正都用不上很多的功能。收集花瓣:1.安装好OracleXE版本打开服务器:打开Oracle服务器,右键点开计算机-管理-服务和应用程序-服务-打开两个服务2 .进入控制台窗口:进入Oracle客户端有两种方式:“Windows键+R”输入cmd启动DOS窗口输入“sql...

2019-04-17 09:57:10 130

原创 C语言学生管理系统图文超详细版(拷贝即用)

花哥哥的瞎扯:大一的课设学生管理系统,因为学也学不精,望各位大神轻点骂,多指点一下吖。整体综合:建立学生结点之后再弄一个链表,用尾插法的方式添加学生元素,主要是由主函数,自定义函数,还有菜单框架函数,及选择功能函数之间的调换,实现主要功能有:增加、删除、修改、统计排序和查询以及信息的存储功能。理解流程图:代码区://@你的花哥哥-花森制作#include<i...

2019-03-25 18:30:24 1684 5

原创 实现冒泡排序方法C语言版

花哥哥的瞎说:所谓的冒泡排序,就是把最大或者最小的往上冒,也就是往后数组后面走,把数组分为两个区,一个是待排序区,一个是已经排序好的区,哎呀,真的说着我自己都乱了。简单的小实例: for(i=0;i&lt;10;i++) { for(j=i+1;j&lt;10;j++)//这里j代表无序区的第一个元素 {...

2019-03-17 14:45:26 125 1

原创 “生”-浅谈C语言之神秘的函数妹妹-12

花哥哥的瞎扯:函数更像是模块,一个模块解决相似的问题,它像个机器,你在它里面写东西,教它怎么做,之后你就是可以直接用这个机器,他能让我们做很多事节省时间的,可以说程序都是由很多函数模块组成,是个好东西,需要好好珍惜。函数小秘密:1.函数的定义: 类型标识 函数名(形式参数列表) { 说明部分 代码语句 }例如:#inc...

2019-02-24 21:25:34 330 1

原创 “人”-浅谈数组的简单操作及注意事项-11

对初恋女友数组的揣测:数组看起好像很神秘,它就像堆成一排的相同大小的箱子,箱子里面只能装同种东西,每个箱子上面都有编号(由0开始编号),这些编号我们叫做下标,这一排排有顺序的可以装东西的箱子就可以叫做数组。女友数组的点滴:数组的声明规格:数据类型 数组名称[长度]数组的几种常用初始化方式:1.数据类型 数组名称[长度]={元素1,元素2...元素n};2.数组类型 数组名称...

2019-02-18 23:04:48 103

原创 “慰”-浅谈简单switch分支语句-10

花哥哥的瞎说:首先嘛,它肯定是由很多种选择,有很多分支,满足哪一个分支就用执行哪个分支下面的代码语句,这个在做成绩管理系统时可作为选项选择来用,所以我认为说挺重要的。分支结构switch代码结构:       switch(判断表达式)    {        case 1:            {                执行代码语句1;              ...

2019-02-16 22:40:57 145 1

原创 “尘”-浅谈C语言中的循环语句-9

花哥哥的曲解吖:这是C语言的挺伟大的事情,通过循环的计算,让我们避免了重复的运算,减少了工作量,简而言之就是在一定条件下反复进行相同的执行方式,说白了就是偷懒吖。循环语句的几种类型:1.while(条件表达式)    {        执行代码块     }例如:    while(i&lt;100)//i为循环变量    {        s=s+i;      ...

2019-02-10 19:09:54 154 1

原创 “风”-浅谈C语言中的If条件语句运用-8

花哥哥自解:这个就显得很好玩了,它的逻辑结构和我们平时运用的是一样的,语文关联词方面来说“如果...就..”,就如现在很火的“如果你乖给你买条街(gai)”是一样的意思的,先判断你是否乖,然后再执行下一个东西。认识If-else条件语句结构:    if(条件表达式)    {        执行语句 1    }     else //否则执行     {        ...

2019-02-09 19:08:22 189 1

原创 “以”-浅谈C语言中运算符-7

运算符内容非数学算术:不要谈到运算符就没有信心了,不会要求你算术你放心,那些繁琐的计算是留给计算机的,我们只要写个公式就可以了,是不是很方便,所以不用怕,我数学也不好(两个学期的高数没有低过90哈哈哈)是不是伤到你了哈哈,谁叫我是男神中的男神呢,苦恼。C语言表达式的主要要点:所有的表达式的逻辑都与数学的几乎相同乘符号用“*”号代替 除符号用“/”号代替(两个整数相除时,结果为整数...

2019-02-03 17:24:49 188 2

原创 “聊”-浅谈输入输出语句-6

输入输出的执着:谈到输入输出的话,我就觉得C语言的像个很倔很皮的女孩子,倔还不行而且还特别的细心,错一点点就不行,对付这种的就只能做练习了,一点办法都没有。但是对于CSDN颜值哥代表的花哥哥来说,轻松得不能再轻松了。(瞎话都是瞎话)格式及内容:C语言的常用输入输出符:整型   %d   十进制整数   scanf("%d",&amp;a)   printf("%d",a);字符...

2019-01-29 22:11:40 142 1

原创 “酒”-浅谈C语言基础数据类型-5

C语言的数据类型的自解:这个数据类型的理解,就是数据有很多的类型(好像不说都还好),就比如我们玩王者农药的时候,选英雄的时候,有刺客型(玄策最帅),法师型,辅助,战士,还要坦克,这阵容才是完美的,别乱选英雄。数据类型:基本类型:整型(int)字符型(char)单精度型(float)双精度型(double) 构造类型:枚举类型 数据类型 结构体类型 共同体类型 指针类型: 空类型:...

2019-01-27 15:58:08 210 1

空空如也

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除