自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(20)
  • 收藏
  • 关注

原创 mysql 8

更新: 在配置文件中修改(如上) alter user 'maxzhao'@'%' identified with mysql_native_password by 'maxzhao';password_require_current=ON 当password_require_current=ON的时候,修改密码的SQL语句为: alter user maxzhao identified by 'maxzhao' replace 'maxzhao';-- 查看表结构 desc mysql.user;

2024-01-09 23:13:11 384 1

原创 centos安装mysql

/mysqld --defaults-file=/etc/my.cnf --basedir=/usr/local/mysql/ --datadir=/data/mysql/ --user=mysql --initialize --初始化。cd /usr/local/mysql/bin/ --进入mysql的bin目录。chown mysql:mysql -R /data/mysql #赋予权限。mysql -u root -p --然后输入初始密码。

2023-12-29 16:04:29 461 1

原创 linux安装git

同时,也有许多基于Git的第三方工具和服务,如GitHub、GitLab和Bitbucket等,提供了更加便捷和集成化的版本管理平台。以下是安装的一些方法,不过命令行安装得版本是固定的,我更喜欢到github上面下载新版本,再到linux进行解压,安装。在Ubuntu上安装git,总体来说还是很简单的,对版本没有过高的要求,直接用指令就行了,简单, 后面我在发一个工作中常用的git指令。我们在上传数据的时候,会以这个名字进行上传识别,就是commit提交的时候,所以我们配一下名字还是有必要的。

2023-12-26 10:09:28 440 1

原创 玩转cropperjs图片裁剪及数据提交文件流互相转换详解

cropperjs的主要功能是图片裁剪,是一款前端常用的的图片裁剪工具,可根据相关api配置裁剪出符合自己业务需要的图片,具体使用如下:1:npm 引用2:业务中引入3:文件中单独引入方式4:初始化图片裁剪配置项如果将viewMode设置为0,裁剪框可以延伸到画布之外,而值为1、2或3将裁剪框限制为画布的大小。viewMode为2或3将额外将画布限制为容器。当画布和容器的比例相同时,2和3之间没有差异。

2023-12-13 18:33:45 669 1

原创 JS+Canvas实现上传图片截图功能

在我们平时开发图片上传时,有时需要实现图片的裁剪功能。通常我们使用Vue-cropper来实现图片的裁剪功能。如何实现呢?本文介绍下图片裁剪的功能的实现过程。

2023-12-08 17:07:20 595

原创 mysql操作

其中,tablename 是要插入数据的表的名称,value1,value2 和 value3 是要插入表中相应列的值。在上面的示例中,我们将 customers 表的 address 列的数据类型更改为 CHAR,长度为 100 个字符。其中,columnname 是要更改数据类型的列的名称,datatype 是新的列数据类型。其中,columnname 是要添加的新列的名称,datatype 是新列的数据类型。在上面的示例中,执行该查询操作将显示 customers 表中的所有列和行数据。

2023-10-17 10:34:04 34

原创 Linux-安装MySQL

A temporay password is generated for root@localhost: ****密码**** ,这里我安装的 MySQL 生成的临时密码是:JAgc=S-:4fGC,账号是 root,有了账号和密码之后就可以连接 MySQL 了。这里可能会提示 Your password does not satisfy the current policy requirements,意思是您的密码不符合当前规定的要求,你要么就把你的密码设置得复杂点,要么就去降低密码的校验规则。

2023-10-15 16:42:39 44 1

原创 nodejs生成随机token

created:parseInt(Date.now()/1000),//token生成的时间的,单位秒。exp:parseInt(timeout)||10//token有效期。//将payload json字符串 解析为对象。//token不合法。//payload信息。//添加签名,防篡改。

2023-10-13 16:54:22 114

原创 Node.js中生成token详解

jsonwebtokens简称jwt,是后端用来生成token的一个库。

2023-10-13 16:46:50 335

原创 vue.config.js配置sass scss

vue-cli3 直接在 main.js 中引入 scss 文件也可以生效,但如果有单独 mixin.scss,在单页面中使用 mixin 不能生效,所以需要全局配置。

2023-09-12 14:50:54 905

原创 splitchunks打包详细解析

针对以上的第二点描述新的 chunk 体积大于 20kb(在进行 min+gz 之前的体积),有同事是这么理解的:chunk 大于 20kb 时,webpack会对当前的chunk进行拆包,一般情况下,100kb的包会拆成 5 个包 即 5 * 20kb = 100kb. 如果有并发请求的限制,webpack会自动把某些包合并,如并发请求数是 2 ,那么这个100kb的包将会被拆成 2 个,每个包的大小为50kb,即 2 * 50kb = 100kb。用户访问的时候只需要下载被修改的文件即可。

2023-09-05 17:18:40 120 1

原创 linux安装nodejs

方式2:wget https://nodejs.org/dist/v14.15.1/node-v14.15.1-linux-x64.tar.xz。最后加上这句话:export PATH=$PATH:/usr/local/node/bin。1 通过Source Code源码安装(手动安装,麻烦、不利于维护)我安装的时候卡死了。解压:tar -xvf node-v14.15.1-linux-x64.tar.xz。更新一下,原来这个网页有中文版,我之前都是一个单词一个单词翻译的,真是愚蠢至极。

2023-05-08 14:01:10 52 1

转载 AngularJS入门和快速开始

对于AngularJS,是一门比较新的技术,我在知道它比较强大,但是我也只是自学了一点点,属于AngularJS的新手,真正的大项目中也没有用到AngularJS,但是我对AngularJS还是比较喜欢的。下面分享一下,新手如何快速开始和入门AngularJS!Hello World!开始学习AngularJS的一个好方法是创建经典应用程序“Hello World!”:

2015-04-14 10:59:09 216

转载 Getting started with gulp

Step aside Grunt, there's a new task runner in town. Gulp is an intuitive, code-over-configuration, streaming build system. It's fast.Why should I be interested? Good question. Gulp’s code-over-co

2015-04-09 10:34:22 608

转载 Gulp:新一代前端构建利器

1、什么是Gulpgulp.js 是一种基于流的,代码优于配置的新一代构建工具。Gulp 和 Grunt 类似。但相比于 Grunt 的频繁的 IO 操作,Gulp 的流操作,能更快地完成构建。2、Gulp特性使用方便通过代码优于配置的策略,Gulp可以让简单的任务简单,复杂的任务更可管理。构建快速通过流式操作,减少频繁的 IO 操作

2015-04-09 09:57:11 346

转载 html5(历史管理)

DOCTYPE html>head>meta http-equiv="Content-Type" content="text/html; charset=gb2312" />title>无标题文档title>script type="text/javascript">//第一种实现 :onhashchange: 事件;当hash值有变化的时候,就触发

2015-04-07 21:36:54 403

转载 html5(历史管理)

DOCTYPE html>head>meta http-equiv="Content-Type" content="text/html; charset=gb2312" />title>无标题文档title>script type="text/javascript">//第一种实现 :onhashchange: 事件;当hash值有变化的时候,就触发

2015-04-07 21:35:56 288

转载 height、clientHeight、scrollHeight、offsetHeight区别

我们来实现test中的onclick事件   function justAtest()    {        var test= document.getElementById("test");        var test2=document.getElementById("test2")        var test3=document.getElementB

2015-03-24 22:28:10 202

转载 <!DOCTYPE>的作用和使用

当您打开网易,新浪等网站的任何一个页面的源码时,第一行都会看到,很多人不明白这段话什么意思,有什么作用。而在自己做项目的时候根本不在乎,甚至特意删除,这里特别提醒您:您删除的时刻,正是灾难开始发生的时刻。 在遵循标准的任何Web文档中,它都是一项必需的元素。会影响代码验证,并决定了浏览器最终如何显示你的Web文档。现在您明白了吧,当你删除了时,就是把如何展示您html页面的权利给浏览器!很

2015-03-08 20:07:52 1110

转载 什么是FOUC?如何避免FOUC?

今天了解了一个新的名词叫做 FOUC 浏览器样式闪烁,之前也听说过一些类似的东西,比如样式突变等等,但这东西竟然有学名的。。什么是FOUC(文档样式短暂失效)?如果使用import方法对CSS进行导入,会导致某些页面在Windows 下的Internet Explorer出现一些奇怪的现象:以无样式显示页面内容的瞬间闪烁,这种现象称之为文档样式短暂失效(Flash of Unstyled Co

2015-03-08 20:01:35 373

空空如也

空空如也

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

TA关注的人

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