- 博客(46)
- 收藏
- 关注
RSS订阅
原创 强势开源，Star 破百，仅一行代码，拥有网址导航 + 博客 + 后台管理网站。
客户端基于 Vue.js（2.6.x）、ElementUI、Tailwindcss、Axios 等技术开发的 Web 应用，服务端基于 Node.js、Mongodb、Redis、Express 开发的服务框架，使用 Nginx 作为代理服务器转发请求，选择 jenkins 实现 CI/CD，借助 docker 进行一键容器化部署。
2023-02-08 21:10:44
5899
5
原创 axios + mockjs2 = 可数据模拟的多功能网络请求模块，拷贝即用，速来围观！
封装了一个轻量化、自由拓展、低耦合的网络模块，无需后端服务，直接响应字符串、数字、布尔值、数组、图片等随机数据，支持取消请求、配置覆盖、请求状态提示、文件上传、下载等功能，极大地提升前端的开发体验。
2023-05-07 17:38:12
478
1
原创 超详细的CentOS安装Mongodb助你少走弯路（必看）
CentOS7.2 64位安装Mongodb4.4.1（详细）这边我采用yum自动安装，强烈不推荐小白采用压缩包解压自动安装的方式，坑太多了！环境变量路径介绍mongodb的bin目录：/etcmongodb的dbpath：/var/lib/mongomongodb的logpath：/var/log/mongodb/mongod.logmongodb的config路径：/etc提醒大家使用指令的时候替换成自己的mongodb所在的对应目录！yum安装通过连接工具连接服务器，mac端
2021-05-19 13:03:46
2540
4
原创 啃下前端缓存策略的硬骨头（重点）
缓存简述1.概念每当我们输入网址时浏览器负责通过http协议向服务器请求获取数据，缓存可以缩短请求时间，节省带宽，对于缓存文件重复利用，利用缓存机制可以提升优化性能和体验。请求资源可以分为如下三步：发起网络请求，后端服务器处理，浏览器响应。缓存则是在第一次请求时将请求到的资源进行本地保存，下次发起同样请求时如果缓存策略判定本地资源和服务器资源一致，则浏览器直接读取缓存资源渲染给用户。2.缓存位置ServerWorker是运行在浏览器背后的独立线程，用于实现缓存功能，使用ServerWorker时传
2020-12-31 00:33:30
1686
4
原创 一本正经前端的面试清单
HTML模块1.标签语义化的作用？见标签知意，让代码结构清晰，方便阅读，有利于其他设备解析，例如：屏幕阅读器、盲人阅读器，以语义化标签渲染网页更利于搜索引擎的优化（SEO），网络不佳时（无样式），网页也更具可读性，更加遵循W3规范。常见的语义化标签如下mian、aside、footer、code、article、section等标签。2.浏览器内核有哪些？浏览器内核负责对网页语法进行解析，就是内部的渲染引擎，决定网页的显示效果。1）IE浏览器：微软出品的Trident内核 -ms-；2）Chro
2020-10-28 17:43:16
1866
原创 提高电脑使用效率神器（初学者必备）
初语自从朋友知道我学计算机专业之后，一旦电脑卡顿，不好用就找来修电脑。随后我就急匆匆的就打开TeamViewer远程工具帮忙看看，出自己的一份力气。其实电脑也不是出了什么毛病，系统垃圾比较多，卸载残留往往是罪魁祸首，其次就是电脑装的流氓软件比较多，什么是流氓软件呢，就是装上一个流氓软件，它就会召集更多流氓软件安装在你的电脑。而且每天会弹一刀999、祛痘、减肥等恶心广告。我也是听网传的360全家桶，金山系列，2345整蛊等等，尽量远离。这篇记录适用于小白，电脑初学者，希望有点帮助，大佬们就可以直接跳过了，我
2020-10-26 20:20:10
1037
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
2661
17
原创 使用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
1844
2
原创 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
230
1
原创 一篇奶妈级HTML学习笔记
HTMLW3C万维网联盟，发展迭代web网页规范，四个重要组成部分，我们的北航就是一个据点，所以拥有一个中文网站，W3C中国，到一定层次的水平时候想要深入理解，必定要查阅规范，奉上上传文件查阅自己编码的文件是否符合标准的官方网址！基础知识网址浏览器地址输入的链接就叫网址，中文名字叫统一资源定位符。URL格式格式：协议://主机地址:端口号/目录路径+参数实例：http://n.huasenjio.top:8080/huasen/index.html常用协议http协议超文本传输协议ftp
2020-10-07 20:19:56
2516
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
5374
17
原创 一篇弄懂webpack静态资源打包器
认识webpack是优秀的前端构建工具，静态资源打包器，可以根据模块依赖关系进行静态资源分析，快速打包生成相对应浏览器可以直接识别的静态资源！规约入口文件：开始打包第一个文件称为入口文件，通常经过在入口文件中引入其他资源，形成资源关系树状图。webpack根据依赖关系进行一次处理。chunk代码块：管理webpack内部的打包进程，chunk可以分为“入口”和“子代码块”，入口文件就是一个chunk，默认的webpack打包配置是一个入口文件是一个chunk，打包生成一个bundle。但是如果出
2020-10-01 16:48:38
7056
12
原创 犹如白皮书般详细的Css样式权重
作者：花森时间：2020年8月11日认识一个项目中会引入很多的样式，样式之间会出现重叠覆盖，导致我们需要的效果无法做出，这时候就要学习一个样式的权重问题，权重高的样式优先展示。元素权重使用类、ID、伪类都有不同的权重，具体应用哪条规则要看权限大小。可以使用!important强制提升某个设置的权限。规则粒度ID0100class和类属性值0010标签和伪元素0001*0000行内样式210001）id的权重高于class<sty
2020-08-12 21:50:32
564
1
原创 犹如白皮书般详细的Css文本控制总结
作者：花森时间：2020年8月11日认识一般情况下操作系统会存在于系统中，浏览器会根据你网页设定的字体依次查找，找到匹配到后将展示，不在向后查找，例如你的电脑有宋体存在，在网页就会显示宋体，但其他用户中无次字体，所以造成其他用户使用是不会显示宋体字体。<style>* { font-family: 'Courier New', Courier, monospace;}</style>...<div>花森导航</div>文本基础自定义字
2020-08-11 21:46:01
2412
1
原创 犹如白皮书般详细的Css基础
作者：花森时间：2020年8月11日认识如果把web网页当做一个在台上跳着舞蹈的老师，那么html定义的是这个人的鼻子、眼睛、手之类的器官，Css即着装的漂亮服饰，Js则是实现如何让他做出优美的舞姿，至于台上是指浏览器内核平台。样式声明1）外部样式引入2）内部样式表3）内联样式4）导入样式外部样式link标签引入外部样式表head标签内部完成引入样式文件要以.css为后缀名引入多个样式可能会发生重叠覆盖（顺序很重要）link常见属性说明补充rel定义当前
2020-08-11 20:44:55
297
原创 犹如白皮书般详细的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
3178
4
原创 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
1629
4
原创 一些电脑使用的技巧和软件分享（电脑初学者必备）
初语自从朋友知道我学计算机专业之后，一旦电脑卡顿，不好用就找来修电脑。随后我就急匆匆的就打开TeamViewer远程工具帮忙看看，出自己的一份力气。其实电脑也不是出了什么毛病，系统垃圾比较多，卸载残留往往是罪魁祸首，其次就是电脑装的流氓软件比较多，什么是流氓软件呢，就是装上一个流氓软件，它就会召集更多流氓软件安装在你的电脑。而且每天会弹一刀999、祛痘、减肥等恶心广告。我也是听网传的360全家...
2020-04-27 20:34:25
5953
1
原创 阿里云CentOS服务器搭建静态网站（零基础）
前语：小生对阿里云ESC服务器的购买与理解，云服务器ECS就相当于在阿里云公司的一台不会关机的电脑，可以通过传输协议访问，我们可以通过Xttp上传文件、Xshell命令操作服务器，这两款软件都是需要服务器的公网ip和账号密码登陆，在购买服务器的时候会填写账号密码，女朋友生日都可以忘记，这个不可以忘记！瞎说：小生对阿里云ESC服务器的购买与理解，云服务器ECS就相当于在阿里云公司的一台不会关机...
2020-04-25 22:12:53
4723
11
原创 瞎解读Nginx的conf配置文件（运维必备）
前语：秉着好奇的心去到了nginx的程序的配置文件目录（/usr/local/nginx/conf），配置文件nginx.conf文件，打开之后我便发现新大陆了，经过一番的知识查阅，我得出结论，它的配置比tomcat还要方便，而且比较的通俗易懂，然后就把文件给下载了，以便学习。正文：1.全局区域和工作进程worker_processes的理解：//nginx配置段//全局区域...
2020-04-07 11:15:44
2392
2
原创 信号量控制nginx的操作理解
前语：今天因为要备案了，所以需要域名指定的html页面，这时候运用到Nginx的反向代理，通过代理转发到指定页面，配置好nginx.conf文件发现无效，应该是没有重启的缘故，紧接的就学习了几个信号量控制nginx，因此打算写下读书笔记。正文：1）进入Nginx的程序目录：cd /usr/local/nginx2）查看nginx的进程信息：ps -ef|grep nginx图中...
2020-04-07 11:13:41
703
1
原创 Linux环境下制定每日切割Nginx日志任务
前语服务器的日志每天都会记录着很多访客的轨迹，有很高的价值，但是如果分割日志的话，日记月累，会导致日志文件特别的庞大，会有几个G这么大都有可能发生，查看时可能软件会崩溃，另外就是也不方便我们查看，所以分割日志有很大的必要性。正文1.创建在根目录创建data文件夹mkdir /data2.进入data文件cd data3.创建runlog.sh脚本vim runlog.sh...
2020-04-07 11:11:03
556
原创 犹如白皮书般详细的Css定位及flex布局
## 初语：传统的前端布局一直是令人头疼的，positon定位的常用属性relative、absolute、fixed、static、inherit功能已经挺强大了。* relative:相对定位，这个属性是要配合left、right、top、bottom使用，不然没有效果，跟正常没加positon的一模一样。* absolute：绝对定位，元素标签会根据父容器，进行定位，默认位...
2020-04-07 10:54:13
704
原创 码云Gitee远程仓库的建立与基础使用（图文详细）
花哥哥的瞎说：接触这个工具起因是一个外聘的教师，硬是要我们学会这个神器，刚开始我是排斥的，后来可就真香了，好了不闹了，凭我的理解是这个Gitee工具，它像是一个远程的仓库，这个仓库能管理你的代码，还可以帮你记录版本，主要是可以多人协作使用这个仓库，每一个被允许的人都可以与仓库建立连接，建立连接之后你的电脑就可以连通Gitee的这个远程仓库，每一台电脑都有一个本地仓，本地仓库可以通过Git工具拉...
2019-10-28 21:28:10
4568
2
原创 实现加载进度条和调色主题的文本读取的Java小程序
花哥哥的瞎说：这个小程序出现了一个不能理解的问题，后来被解决了，在代码中的提到了问题的出现所在，我至今不能理解，可能需要看源码。瞎闹：/* 在此发现细节问题:GUI界面中，Swing监听器的事务是由一个线程去执行，但是如果你这个监听器里面的事件是一个过程的的话，比如这里的输入流，Java是不会理会你的这个 过程，这里的加载显示就是一个执行的过程，如果你新建一个线程去运行的话，...
2019-07-22 18:56:01
217
原创 实现鼠标粘贴复制文字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
560
原创 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
599
原创 小声讨论微信小程序中的WXML文件（杂谈语法）
花弟弟的瞎理解：微信出了一个小程序后退出WXML标签语言，结合组件，还有事件就能构建出页面的逻辑结构，分别有数据绑定，列表渲染，条件渲染，模板的引用，WXML语法的布局方式根HTML是一样的，一些模板语法和Django的模板语法很相似，另外就是渲染就类似输出，别像我模糊了好久，大家感兴趣的话一定要去看微信的公共官方文档。瞎搞：0.变量渲染（输出）：必须使用花括号{{}}包括 花括...
2019-07-22 14:38:44
337
1
原创 微信小程序实现TabBar功能组件（导入即用）
花弟弟的瞎理解：由tabBar通常出现在客户端首页的底部或者顶部，用于转换页面，当其出现在顶部时是不能显示图片的，此外tabbar上的图片是两张不同的照片，分别是选中状态与未选中状态，另外还给大家推荐一个图标网址（阿里巴巴矢量图标库），大家如果有什么好玩的网址也要告诉我的喔。瞎闹：TabBar的简单属性：注意：1.list属性的类型是数组储存着tab对象 2.border...
2019-07-21 17:32:24
1281
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
367
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
354
1
原创 记录Oracle数据库常用简单命令
花哥哥的瞎扯：目前像我一样的初学者安装Oracle公司的XE版本就足够用了，完全不必要下载企业，反正都用不上很多的功能。收集花瓣：1.安装好OracleXE版本打开服务器：打开Oracle服务器，右键点开计算机-管理-服务和应用程序-服务-打开两个服务2 .进入控制台窗口：进入Oracle客户端有两种方式：“Windows键+R”输入cmd启动DOS窗口输入“sql...
2019-04-17 09:57:10
220
原创 C语言学生管理系统图文超详细版（拷贝即用）
花哥哥的瞎扯：大一的课设学生管理系统，因为学也学不精，望各位大神轻点骂，多指点一下吖。整体综合：建立学生结点之后再弄一个链表，用尾插法的方式添加学生元素，主要是由主函数，自定义函数，还有菜单框架函数，及选择功能函数之间的调换，实现主要功能有：增加、删除、修改、统计排序和查询以及信息的存储功能。理解流程图：代码区：//@你的花哥哥-花森制作#include<i...
2019-03-25 18:30:24
4855
5
原创 实现冒泡排序方法C语言版
花哥哥的瞎说：所谓的冒泡排序，就是把最大或者最小的往上冒，也就是往后数组后面走，把数组分为两个区，一个是待排序区，一个是已经排序好的区，哎呀，真的说着我自己都乱了。简单的小实例： for(i=0;i<10;i++) { for(j=i+1;j<10;j++)//这里j代表无序区的第一个元素 {...
2019-03-17 14:45:26
227
1
原创 “生”-浅谈C语言之神秘的函数妹妹-12
花哥哥的瞎扯：函数更像是模块，一个模块解决相似的问题，它像个机器，你在它里面写东西，教它怎么做，之后你就是可以直接用这个机器，他能让我们做很多事节省时间的，可以说程序都是由很多函数模块组成，是个好东西，需要好好珍惜。函数小秘密：1.函数的定义： 类型标识 函数名（形式参数列表） { 说明部分 代码语句 }例如：#inc...
2019-02-24 21:25:34
750
1
原创 “人”-浅谈数组的简单操作及注意事项-11
对初恋女友数组的揣测：数组看起好像很神秘，它就像堆成一排的相同大小的箱子，箱子里面只能装同种东西，每个箱子上面都有编号（由0开始编号），这些编号我们叫做下标，这一排排有顺序的可以装东西的箱子就可以叫做数组。女友数组的点滴：数组的声明规格：数据类型 数组名称[长度]数组的几种常用初始化方式：1.数据类型 数组名称[长度]={元素1，元素2...元素n};2.数组类型 数组名称...
2019-02-18 23:04:48
172
原创 “慰”-浅谈简单switch分支语句-10
花哥哥的瞎说：首先嘛，它肯定是由很多种选择，有很多分支，满足哪一个分支就用执行哪个分支下面的代码语句，这个在做成绩管理系统时可作为选项选择来用，所以我认为说挺重要的。分支结构switch代码结构： switch(判断表达式) { case 1: { 执行代码语句1; ...
2019-02-16 22:40:57
331
1
原创 “尘”-浅谈C语言中的循环语句-9
花哥哥的曲解吖：这是C语言的挺伟大的事情，通过循环的计算，让我们避免了重复的运算，减少了工作量，简而言之就是在一定条件下反复进行相同的执行方式，说白了就是偷懒吖。循环语句的几种类型：1.while(条件表达式) { 执行代码块 }例如： while(i<100)//i为循环变量 { s=s+i; ...
2019-02-10 19:09:54
260
1
原创 “风”-浅谈C语言中的If条件语句运用-8
花哥哥自解：这个就显得很好玩了，它的逻辑结构和我们平时运用的是一样的，语文关联词方面来说“如果...就..”，就如现在很火的“如果你乖给你买条街（gai）”是一样的意思的，先判断你是否乖，然后再执行下一个东西。认识If-else条件语句结构： if(条件表达式) { 执行语句 1 } else //否则执行 { ...
2019-02-09 19:08:22
437
1
原创 “以”-浅谈C语言中运算符-7
运算符内容非数学算术：不要谈到运算符就没有信心了，不会要求你算术你放心，那些繁琐的计算是留给计算机的，我们只要写个公式就可以了，是不是很方便，所以不用怕，我数学也不好（两个学期的高数没有低过90哈哈哈）是不是伤到你了哈哈，谁叫我是男神中的男神呢，苦恼。C语言表达式的主要要点：所有的表达式的逻辑都与数学的几乎相同乘符号用“*”号代替 除符号用“/”号代替（两个整数相除时，结果为整数...
2019-02-03 17:24:49
398
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人