自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

青春微凉、不悲伤℃

志在山顶的人,不会贪念山腰的风景......

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

原创 chrome实用插件分享

可以自动获取网页上任何像素或区域的颜色,也可以获取浏览器外部的颜色。显示元素的信息,如标签名称、类、id、大小等。类似Photoshop软件上的那些功能。记录最近选取的颜色。分析网页上DOM元素的颜色,并且能够定位到相应的元素。内置了7个预装调色板。css渐变生成器强大的类似Photoshop的css渐变编辑器。支持快捷键,用于快速采用页面颜色。

2023-09-19 18:47:08 208

原创 eslint-plugin-import - import/order

eslint-plugin-import规范,import/order介绍。

2023-04-13 19:04:41 2692

原创 Echarts柱状图label优化历程

echarts柱状图label错落显示、立体柱状图

2022-11-30 20:53:49 3004

原创 优化编译速度&包优化

借助config-overrides.js+customize-cra在不暴露webpack文件时修改打包的配置对象

2022-06-27 11:00:47 1042

原创 webpack —— 模板引擎(HtmlWebpackPlugin)

HtmlWebpackPlugin

2022-06-15 15:00:00 449

原创 webpack —— plugin

clean-webpack-plugin插件

2022-06-14 15:31:34 217

原创 webpack —— 处理其他资源(以图片为例)

前面我们了解了webpack处理css文件的loader,但是如果想在项目中使用其他文件,也需要对应的loader去处理。案例需求:在网页上显示图片。在项目中使用图片,常见的有两种方式:1、通过img元素,设置src属性;2、其他元素,常见的如div,设置background-image的css属性。接下来让我们用上面两种方式各加载一张图片,在src目录下添加两张图片,在component.js文件中添加图片相关的代码:代码编写完之后,进行打包,发现报错,提示我们需要适当的loa

2022-05-31 17:05:40 446 1

原创 webpack —— loader

前面我们学习了webpack的安装、打包、配置文件等功能,现在我们接着来探索webpack的loader。需求:创建一个div元素,元素内容为一个字符串,并给该元素设置一些样式。在前面代码的js目录里创建component.js文件;在src目录下创建css文件夹,并且创建component.css文件,并且给div设置红色字体。代码编写完之后,进行打包,发现报错,提示我们需要适当的loader去处理css文件。通过查看文档,我们可以知道,loader可以对模块的源代码进行转换,而c..

2022-05-30 13:53:12 177

原创 webpack的配置文件 —— webpack.config.js

上篇文章我们学习了webpack的安装、打包等基本配置,现在我们来学习一下webpack的配置文件——webpack.config.js。前面我们想要打包的时候直接运行命令,npm run build即可,那么如果我们的项目中没有index文件,或者我们想指定main.js文件进行打包,会如何呢?执行打包命令,发现报错,大概意思是文件不存在。那么我们该如何进行其他文件的打包呢,有下面三种方法:方法1:执行命令:npx webpack --entry ./src/main.js该方法可以成

2022-05-29 14:17:44 1067

原创 useEffect、useLayoutEffect的区别及简单实现

一、useEffect 它跟class组件中的componentDidMount、componentDidUpdate和component WillUnMount具有相同的用途,只不过被合并成了一个API。const App = () => { const [count, setCount] = useState(0); useEffect(() => { document.title = count; }); return ( <di...

2021-08-26 17:37:52 434

原创 webpack基础学习

webpack

2021-08-06 09:32:04 128

原创 ReactHooks总结

占位

2021-06-19 14:19:41 276

原创 MobX入门基础

        公司新项目使用的是mobx做的状态管理,由于之前没有接触过该技术,临时抱佛脚的看了一下,现在总结一下学习成果,不足之处,望小伙伴们多多指教。     MobX是什么?       官方文档是这样介绍的,简单、可扩展的状态管理(Simple, scalable state management)。简单来说,Mobx可以很好的管理应用程序的状态/数据,同时又简单、易扩展。 ...

2018-12-09 22:35:11 905

原创 VUE

Vue是一套构建用户界面的渐进式框架。使用npm命令创建vue项目的步骤npm是依赖node的内部命令,所以应该先安装node; npm安装vue:npm  i  vue 安装脚手架:npm  i  vue-cli  -g 初始化项目:vue  init  webpack  xxx 初始化项目名、项目描述、作者等信息 ESLink、e2e这两项选No,其他项选Yes 进入项目文...

2018-09-16 22:59:43 618

原创 node中常用的几大模块

       最近一段时间工作不是很忙,抽空学习了一下node相关的知识,打算接下来学习一下VUE框架,配合VUE框架做一个小Demo。下面是小编总结的node中几个常用的模块。Node中的模块分为三种类型:node天生自带的模块(核心模块); node的第三方模块;通过npm包管理器下载的模块; 自定义模块(即自己写的js文件;在node环境中运行的js文件,一个文件就是一个模块)。...

2016-10-30 10:21:30 1544 1

转载 当网页加载很慢的时候,应如何分析其原因并解决问题?

今天在知乎上瞄到一条有趣的问答,题主曰:我是个后端RD,看上了一个前端妹子,昨天吃饭的时候她跟我抱怨她们的页面打开很慢,如何才能快速的分析页面加载慢的原因,在妹子面前表现一下呢?此题目被强大的知友修改为更加接地气的标题:当前端妹子跟我抱怨她们的页面加载很慢的时候,如何在她面前优雅地装逼?我想这个问题应该是每个程序猿朋友们值得思考的问题,毕竟程

2016-10-15 08:54:39 4972 4

原创 nginx为什么比Apache支持高并发???

最开始接触编程时,使用的是Apache服务器,后来随着网站用户访问量的增加,考虑高并发是必不可少的环节,越来越多的公司使用nginx服务器。我们公司最近也打算更换nginx服务器。那么nginx和Apache有哪些异同点呢,nginx为什么比Apache支持高并发呢?        首先,先看一下各自使用的IO模型。Apache使用的是select模型,该模型特点如下:     1、每

2016-10-11 11:27:07 3763 7

原创 linux常用命令(二)

三、帮助命令四、压缩与解压缩命令五、关机与重启命令六、其他常用命令三、帮助命令四、压缩与解压缩命令五、关机与重启命令六、其他常用命令

2016-09-18 22:04:39 304 4

原创 linux命令大全(一)

昨天安装了一下虚拟机,搭建了一个linux操作系统,重新熟悉一下具体的操作及常用命令,下面先来认识一下命令提示符各个字符代表的含义,如下图所示。命令提示符一、基本命令ls:用于显示指定工作目录下的内容(列出目前工作目录所包含的文件及子目录)。格式:ls [选项] [文件或目录]选项:     -a:显示所有文件及目录,包括隐藏文件;     -l:除文件名称外,

2016-09-16 11:54:11 973 6

原创 linux VS Windows

最近接触到了linux,小编之前也看过相关的资料及视频,不过了解的不深,所以也没记住多少。so......俗话说‘出来混迟早是要还的’,下面让小编带领大家再重新认识一下吧。        百度百科是这样介绍linux的:Linux是一套免费使用和自由传播的类Unix操作系统,是一个基于POSIX(可移植操作系统接口)和UNIX的多用户、多任务、支持多线程和多CPU的操作系

2016-09-14 19:57:57 349 2

原创 第三方登录——微博登录

上一篇文章第三方登陆——OAuth2.0协议中我们大概了解了一下第三方登录的原理。了解到网站要想通过第三方账号登录进去,必须向第三方网站提交申请材料,只有通过认证的网站才可以使用该网站的账号登录进去。那么,今天小编就以微博登录为例,一探究竟。首先,如果用户想要通过微博账号登录到其他网站,该用户必须有一个微博账号;其次,网站还必须有一个通过域名可以访问的web服务器(阿里云、腾讯云、新浪SAE等

2016-06-30 21:37:03 1061

原创 第三方登陆——OAuth2.0协议

OAuth协议百度解释为:为用户资源的授权提供了一个安全的、开放而又简易的标准。与以往的授权方式不同之处是OAUTH的授权不会使第三方触及到用户的帐号信息(如用户名与密码),即第三方无需使用用户的用户名与密码就可以申请获得该用户资源的授权,因此OAUTH是安全的。OAuth是Open Authorization的简写。       那么OAuth协议具体是指什么呢?例如,我想登陆咱们CSDN的

2016-06-29 21:44:49 4598 2

原创 浅谈MySQL数据库中的事务

事务就是一组原子性的sql查询,或者说是一个独立的工作单元。如果数据库引擎能够成功地对数据库应用该组查询的全部语句,那么就执行该组查询。如果其中有任何一条语句因为崩溃或者其他原因无法执行,那么所有的语句就都不会执行。也就是说,事务内的语句,要么全部执行成功,要么全部执行失败。        事务是恢复和并发控制的基本单位。        事务应该具有4个属性:原子性、一致性、隔离性、持久性

2015-12-31 11:24:42 624 2

转载 常用正则表达式大全

很多不太懂正则的朋友,在遇到需要用正则校验数据时,往往是在网上去找很久,结果找来的还是不很符合要求。所以我最近把开发中常用的一些正则表达式整理了一下,包括校验数字、字符、一些特殊的需求等等。给自己留个底,也给朋友们做个参考。一、校验数字的表达式数字:^[0-9]*$n位的数字:^\d{n}$至少n位的数字:^\d{n,}$

2015-12-26 09:25:23 370 1

原创 网站攻击的三种手段及预防方法

网站被攻击,在当下屡见不鲜,并且目前的网络攻击模式各种各样,让人防不胜防。在这种情况下,知道一些常见的网站攻击的方法就显得尤为重要了,这对于我们维护好网站,防范网站侵犯具有一定的积极作用。在这里,小编总结了3种常见的网站攻击的方法及预防措施,供大家参考。       1、恶意攻击       恶意攻击通常有两种,一种是get方式,一种是post方式。       Get方式,俗称肉鸡攻

2015-12-23 09:57:21 5157 1

原创 js插件+UploadFile类实现图片的批量上传

文件上传无疑是web应用中一个非常常用的功能,下面小编给大家分享一下diyUpload.js+ThinkPHP中的UploadFile类实现图片的批量上传。        首先,给大家介绍展示一下具体操作页面:html代码如下: 1上传图片 2上传图片信息文件(可省略) 完成

2015-12-15 15:42:21 15250 21

原创 js动态增加ul节点li及input

之前也做过有关节点的追加或者删除,但相对下面我要介绍的功能简单多了,都是单个节点的追加或者删除。下面小编将这个功能大概介绍一下。        这个功能的目的是创建多级专区,类似书籍的目录那种的,如下图:        这个功能的具体添加步骤如下:1、创建根专区        首先,在上图input框中输入一级专区的名称,如果符合需求将展示在页面上,如下图:

2015-12-09 16:53:38 11166 1

原创 checkbox的checked事件

之前刚接触HTML的时候,关于checkbox,也研究过好多次,但大都是一些零碎的知识点,也没有及时的总结消化,现在小编就把过去的那些知识点好好的梳理一下,以便今后参考,如果有不足之处欢迎大家指正。1、获取单个checkbox选中项$("input:checkbox:checked").val() 或者$("input:[type='checkbox']:checked").v

2015-12-07 14:16:26 7842 1

原创 使用PHPExcel实现对excel数据的导入和导出

因公司业务需求,需要使用excel文件进行大量的数据的操作,如:批量用户注册、批量修改用户名、批量修改手机号等。由于之前没有做过这种对excel文件的操作,后从网上搜了一下,最后确定使用PHPExcel类。现将使用方法分享给大家。         PHPExcel类是用来操作Office Excel 文档的一个PHP类库,它基于微软的OpenXML标准和PHP语言。可以使用它来读取、写入不同格

2015-12-03 15:13:35 1688 4

原创 jquery常用方法

JQuery 基本常用方法$().addClass(css中定义的样式类型);            给某个元素添加样式$().attr({src:”test.jpg”,alt:”test Image”});         给某个元素添加属性/值$().html();                                                      获得该元素内的...

2015-01-24 20:32:12 772 1

原创 MVC设计模式

最近在看PHP的一些知识,重新认识了MVC设计模式,下面总结一下:一、MVC的认识        MVC在百度百科上的解释为:MVC全名是Model View Controller,是模型(model)-视图(view)-控制器(controller)的缩写,一种软件设计典范,用一种业务逻辑、数据、界面显示分离的方法组织代码,将业务逻辑聚集到一个部件里面,在改进和个性化定制界面及用户交互的同...

2015-01-17 14:17:20 437

原创 初识机房收费系统

上个周末开始真正着手机房收费系统,其实本来应该暑假就开个头的,但是一想到没有源码等种种原因怯于开始,就一直耽误到现在。上周我给自己定的计划是了解一下开发前期的准备工作即对软件整体有个清楚的认识;对系统条理有个大概的了解;了解每个窗体的功能。由于没有涉及到自己编写代码的原因,自我感觉还可以,下面分享一下我的收获。       通过上周对该系统有了一个大概的认识,接下来就是逐个窗体的攻破它。同

2013-09-14 21:33:48 677 17

原创 3种局域网介质访问控制方法的比较

3种局域网介质访问控制方法的工作原理及优缺点:1.带有冲突检测的载波侦听多路访问方法:工作原理:每一个节点发送数据前先侦听信道是否空闲 ,若空闲,则立即发送数据。若信道忙碌,则等待一段时间至信道中的信息传输结束后再发送数据;若在上一段信息发送结束后,同时有两个或两个以上的节点都提出发送请求,则判定为冲突。若侦听到冲突,则立即停止发送数据,等待一段随机时间,再重新尝试。其原理简单总结

2013-09-06 20:17:08 11697 10

原创 再叙数据库——数据库视频总结

数据库视频经过几天的艰苦奋斗终于看完了,还记得刚开始看的时候对数据库不是很熟,看视频的过程中总是情不自禁的走思或是犯困,不过磕磕绊绊的看完后还是有所收获的。下面这张图分享给大家:

2013-08-26 16:08:09 776 18

原创 SQL Server 2000的两种身份验证及Windows身份验证的优点

一:Windows身份验证模式       只进行 Windows 身份验证。用户不能指定 SQL Server 2000 登录 ID。这是 SQL Server 2000 的默认身份验证模式。不能为在 Windows 98 上运行的 SQL Server 实例指定 Windows 身份验证模式,因为此操作系统不支持 Windows 身份验证。二:混合模式       如果

2013-08-24 20:55:43 5819 10

原创 SQL Server 2000的四种备份方式

一:数据库备份应用于:数据更新缓慢的数据库中;备份方式:创建备份完成时数据库内存在的数据的副本;缺点:使用的存储空间多,完成备份需要的时间长。二:差异备份或称增量备份应用于:数据更新较快的数据库中;备份方式:将最近一次数据库备份以来发生的数据变化备份起来;缺点:无法提供到失败点的无数据损失备份。优点:备份的数据量比数据库备份小,备份的速度也比数据库备份要快。

2013-08-24 09:00:51 3871 7

原创 数据库中三种类型文件的认识

SQL Server 2000 数据库有三种类型的文件:       1.首要数据文件:       首要数据文件(primary data files)包含数据库的启动信息,并指向数据库中的其他文件。用户数据和对象可存储在此文件中,也可以存储在次要数据文件中。每个数据库有一个主要数据文件。主要数据文件的建议文件扩展名是 .mdf。       2.次要数据文件:       次要

2013-08-16 21:22:48 5495 11

原创 学生信息管理系统总结(二)

在敲系统的过程中我发现在

2013-08-09 10:36:41 730 14

原创 学生信息管理系统总结(一)

昨天晚上师父验收了我们的作品,由于之前在调试系统的时候老是出错再次登录时很是麻烦就把用户名和密码在代码里写死了,导致在师父验收时添加新用户测试时登录不上去,这也反映了我在测试时考虑的不周全。       在调试的过程中遇到的问题真是千奇百怪,无所不有。不过最可气的是在敲代码过程中的不认真,许多错误是代码的一个字母错误或两个字母位置的颠倒要不就是某个空格的丢失等,这次终于深刻的领会了“千里之堤毁

2013-08-09 10:26:49 1038 8

原创 学生信息管理系统问题集锦(二)

由于里面未添加有关信息,所以当我点击“修改课程信息”、“修改学籍信息”、“修改班级信息”等与数据有关的按钮时会出现报错,如下:                        那么这是什么原因呢?BOF和EOF又是什么呢?它们之间又有什么样的区别呢?如下图:         简单总结一下:       1.如果当前记录位于第一个记录之前,BOF 属性将返回 True(-1),如果

2013-08-02 20:12:28 767 17

空空如也

空空如也

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

TA关注的人

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