自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 linux环境下对mysql操作

CREATE USER '用户名'@'主机名' IDENTIFIED BY '密码';GRANT all ON 数据库名.表名 TO '用户名'@'主机名';可以再 all后面加 FLUSH PRIVILEGES;mysql -h ip -P端口 -u 用户 -p 密码。mysql -h ip -P端口 -u 用户 -p。

2023-11-26 15:47:31 388

原创 在linux中进行文件的打包(打压缩)和解压

".tar" 格式的打包和解打包都使用 tar 命令,区别只是选项不同。2.".zip " 格式。将文件打包为zip格式。

2023-11-26 15:38:45 670

原创 Nginx

2.配置文件更改之后。在sbin目录下 使用 ./nginx -s reload。定位到当前运行的文件夹:ls -l /proc/端口号/exe。跳到文件夹,在 sbin目录下,使用./nginx -v查看版本。1.如何在Linux中找到正在运行的Nginx。找到nginx master的端口号,

2023-09-08 08:21:34 111

原创 vued3

加上scope,只影响当前组件。全局注册,所有组件内都可以使用。创建vue文件(三个部门组成)main.js中进行全局注册。创建 挂载,更新,销毁。

2023-08-29 14:20:57 99

原创 VUE初识

v-if控制元素,显示隐藏(条件渲染)根据逻辑判断,加载语句和移除 不频繁的切换。v-model 给表单元素使用进行双向数据绑定,可以快速获取 设置 单元表格内容。v-on:事件名 =“method中的函数名” v-on可替换为@给元素添加的唯一标识,便于Vue进行列表项的正确排序复用。v-show =“true” 控制底层的css,场景频繁的切换。v-on监听事件的 注册事件,添加事件的监听+提供逻辑处理。3.注意点(1)使用的数据必须存在data。语法,v-on:事件名=“内联语句”,

2023-08-23 17:08:50 424

原创 node,day02

本质上,webpack是一个用于现代JavaScript应用程序的静态模块打包工具当webpack处理应用程序时,它会在内部从一个或多个入口点构建一个依赖图(dependency graph),然后将你项目中所需的每一个模块组合成一个或多个bundles,它们均为静态资源,用于展示你的内容。静态模块:指的是编写代码过程中的,html,css,js,图片等固定内容的文件打包:把静态模块内容,压缩,整合,转译等(前端工程化)在node.js中,每一个js文件,都被划分为一个模块。

2023-08-19 19:32:41 89

原创 node.js

写入文件内容 fs.writeFile('文件路径',‘文件内容’,err=>{例:压缩工具,格式化工具,转换工具,打包工具,脚手架工具,离不开node.js。path模块路径处理问题,相对路径是根据终端所在路径,可能无法找到你想要的文件。node.js一个跨平台运行js的环境,可以搭建服务端的js应用程序。浏览器执行js,是因为里面有内核的引擎(比如v8(c++程序))node.js和浏览器的差异 node.js,没有dom和bom。fs模块,封装了与本机文件系统交互的,方法与属性。

2023-08-14 14:30:38 779

原创 ajaxday3

定义:async函数使用async关键字声明的函数,async函数是asyncFuction构造函数的实例,并且其中允许使用await关键字 async和await关键字,我们可以使用一种更简洁的方式,基于promise的异步行为,而无需可以的调用promise链式。异步代码:可长期运行的程序,不必等待任务完成,与此同时,在完成任务后产生结果。调用后耗时,不用阻塞别的代码运行,运行结束后,回调函数,返回结果。回调函数中,嵌套着回调函数,一直嵌套下去,成为回调函数地狱。错误捕捉,使用try。

2023-08-12 15:29:25 40

原创 ajax02

xmlHTPRequest对象用于服务器之间的交互。通过xmlHTTPRequest在不刷新界面的情况下,获取资源,更新也页面的局部内容。请求头设置:content-Type:application/json。好出,可以通过result和reject返回正确和错误的参数。了解promise对象的三种状态。表示异步代码,成功和失败的结果。promise(允许,承诺)创建xml对象,配置方法。promise的三种状态。bootstrap弹框。监听loadend事件。

2023-08-11 17:11:30 31

原创 ajax001

ajax,异步的javaScript和xml,简单的说,就是使用xml对象和与服务器通信,使用json,xml,html,text文本等格式,发送和接收参数,异步特性,在不刷新也页面的情况下,进行交互和刷新数据,与服务器进行通讯。发送方式post,get,put,delete,patch。http协议:规定了浏览器和及发送服务器返回的报文格式。请求报文:按照浏览器http格式,发送给服务器内容。相应报文:按照http的格式,响应到前端的样式。使用axios库,传入配置对象。协议,域名,资源路径。

2023-08-10 15:02:57 29

原创 js进阶3

使用call方法调用函数,同时指定,被调用函数中this的值。利用json实现深拷贝,转成json串,在转回对象。js库里面的lodash的cloneDeep()防抖:单位时间内,频繁触发事件,只触发最后一次。3.通过json.stringify来实现。函数,call(thisarg,参数)-.debounce(fun,时间)节流:单位时间,频繁触发,只触发一次。throw和try catch。bind()改变this。

2023-08-01 08:57:05 30

原创 js进阶2

构造函数:是一种特殊函数,主要用来初始化对象使用场景:常规的(。。。)语法允许创建一个对象两个约定构造函数开头首字母大写只能由new关键字执行构造函数里不需要returnnew 实例化过程1。创建新对象 2.构造函数this指向新对象 3.执行构造函数代码,修改this 添加新属性 4.返回新属性。

2023-07-30 21:29:17 24

原创 js进阶1

作用域:scope规定了作用的范围局部作用域全局作用域1.1局部作用域1.1函数作用域在函数内部声明的变量,只能在函数内部使用1.2块作用域只在js代码块{}中起作用。

2023-07-30 11:28:20 30

原创 正则表达式

概念适用于匹配字符组合的模式通常用来查找或者替换,那些符合正则表达式的水准。

2023-07-27 15:43:11 27

原创 BOM对象

bom(browser object model)是浏览器对象模型。

2023-07-27 10:36:36 25

原创 js的节点操作

父元素.insertBefore(li,ul.children[0])常见的touchstart,touchmove,touchend。document.createElement("标签名")根据我们的需求来增加节点(比如点击发布时,增加一条信息)即移动端事件,比如触屏事件touch(也叫触摸事件)父元素.insertBefore(要插入的元素)创建一个新节点,把节点,放进元素的内部进行处理。父元素.appendChild(要插入的元素)父元素,removeChild('子元素')

2023-07-26 17:16:20 46

原创 js时间日期类

获取时间戳的三种方式 使用getTime()方法,2。日期对象的实例化 new Date()或者 new Date (20xx-12-23)使用场景:因为日期对象,我们不能直接使用,所以我们要把他转换成我们需要的日期格式。什么是时间戳,是指从1970年到现在,时间所经历的毫秒数,他是一种特殊的计算方式。使用场景:如果计算倒计时效果,前面方法,无法直接计算,需要借助于时间戳来完成。将来的时间戳-现在的时间戳等于,间隔的时间戳(剩余毫秒数)目标使用日期对象中的常见方法,写出常见日期。

2023-07-25 22:39:43 42

原创 java并发cas

如果线程的期望值和物理内存的真实值不一样,则返回false,那么本次内存修改失败,此时需要重新获得主物理内存地址新值。如果线程的期望值和物理内存的真实值一样,则更新到物理内存当中,并返回为true。

2023-07-23 09:20:42 25

原创 css布局属性

也可以为all (两个状态属性值的所有属性,都产生过渡的效果)作用可以作为一个不同元素之间切换之间加入的过渡效果。作用:设置整体元素的透明度(包括背景和内容)属性名:transition(复合属性)提示:过渡的属性,可以是具体的css属性。pointer 小手。属性名:vertical-align。tracsition 设置元素本身。属性值:baseline基线对其。鼠标悬停元素上时,显示鼠标的样式。属性值:过渡的属性,花费时间。属性值:default。bottom底部对其。属性名:cursor。

2023-07-23 09:20:09 22

原创 其他页面家族

获取自身元素宽高,包含元素自身设置的宽高 padding和border。offsetLeft和offsetTop,注意是只读属性。获取元素可见部分宽高(不含边框,margin,滚动条)clientWidth和clientHeight。offsetWidth和offsetHeight。获取元素距离自己定位父级元素的左右上下距离。获取出来,是数值,非常方便。会在窗口改变时触发的事件。

2023-07-23 09:19:57 31

原创 事件day1

当初始的html文档被完全加载和解析完成之后,domContentLoaded事件被触发,而无需等待样式表和图片加载完成。加载外部资源(如图片,外联css和javaScript等)加载完毕时触发的事件。注意,不光可以监听整个页面资源加载完毕,也可以针对某个资源绑定事件。拖到某一个区域后做了处理,比如固定导航栏,返回顶部。监听整个页面滚动,也可以监听元素的滚动。给window添加load事件。获取往左,往上滚出去,看不到的距离。滚动条,在滚动的时候触发的事件。用途,获取被卷去的大小。两个值,可以被读写的。

2023-07-09 22:24:35 51

原创 WEBAPI.3

事件流两个阶段事件流,指的是事件完整执行过程中的流动路径两个阶段,捕获和冒泡事件捕获(一般不常用)事件冒泡()一个事件被触发的时候,同样的事件在该元素的祖先元素下依次触发,这一过程被叫做冒泡。

2023-07-04 23:21:09 56

原创 事件对象1

也是个对象,有事件触发的相关信息例如:鼠标点击事件中,事件对象存储,在哪一个位置触发事件的信息。

2023-07-02 09:08:38 34

原创 webapi(2)

在html5当中推出来专门的data-自定义属性一律以data-开头(例data-id)在dom对象上一律以dataset对象方式获取定时器-间歇函数使用定时器,执行一个重复的代码定时器函数可以开关定时器1.开启定时器setInterval(函数,间隔时间)作用,每隔一段时间,调用一个函数函数直接写函数名let a = setInterval(函数,时间)停止定时button获取里面的内容,用innerHTML。

2023-06-26 16:56:40 26

原创 webapi(1)

声明变量var (过时)let (可变量) const(不变量)一般默认为const声明变量,比如react,若遇到需要改变的参量,在将其改为let其中,数组,对象这类的也可以用constapi作用和分类作用,使用js来操作浏览器和html分类:dom类型(文档对象模型)bom浏览器对象模型提供一套网页操作内容的,实现内容特效和网页交互dom对象,根据html标签生成js对象,所有的标签属性都可以在这个对象找到。

2023-06-25 14:46:46 33

原创 js对象使用

创建对象let a ={let a = {label =查询对象 value = object.label;增加/修改对象value obj.newlabel = value删除 delete.object.label若label里面有符号,差用obj['label']

2023-06-21 14:16:46 25

原创 js初识1

基本数据类型 number 数字类型,string字符串 boolean类型 undefined 未定义,空类型。直接写在HTML文件里,用script标签包住,规范是在</body>上面。可以并行声明let name = xxx,age = xxx。已经声明过的可以在一次声明。比如块级提升,全局变量,没有块级作用于等。字面量:在计算机科学中,描述的事或者物。内存:计算机存储的地方,相当于一个空间。var 1.声明,可以先使用在声明,拓展:alert(弹出警告框)alert("提示语法")

2023-06-19 20:44:04 25

原创 WEB样式

平面转换,添加动态效果,一般配合过渡使用。概念:改变盒子在平面的形态(位移旋转缩放倾斜)

2023-06-11 11:12:28 32

原创 SEO三大标签

图标:favicon.ico 一般存放在网站的根目录里。3.标签语义化(在合适的地方使用合适的标签)网页图标出现在浏览器的标题栏,增加网站辨识度。seo搜索引擎优化,提升网站搜索百度排名。2.将网页制作成html后缀。description 描述。keywords 关键词。提升seo的常见方法。

2023-06-11 08:50:21 36

原创 CSS精灵

css 精灵也叫sprites,一种网页处理方式,把网页中的背景图片整合到,一个图片文件中,在black-ground-position,精确定位图片位置优点,减少服务器,被请求的次数,减少服务器压力,提高页面加载速度。

2023-06-10 22:58:33 23

原创 CSS高级

定位作用:灵活改变盒子的位置实现;定位模式:position边偏移:设置盒子的位置。

2023-06-06 21:19:56 32

原创 flex布局

主轴对齐方式,属性名:justify-content。父标签使用flex布局,子集可以自动进行任意的拉伸。组成部分,弹性容器,弹性盒子,主轴水平,侧轴,垂直。

2023-05-30 22:46:55 18

原创 css浮动

标准流标准流也叫文档流,指的是标签在页面中默认排布规则。例如:块元素独占一行,行内元素可以一行展示多个浮动:作用,让块元素水平排列。属性名:float属性值:left(左对齐)。right (右对齐)

2023-05-28 22:11:26 18

原创 清除默认样式

清除标签的默认样式,比如,默认的内外边距。或者多标签选择器,用逗号隔开。

2023-05-28 11:12:06 130

原创 盒子模型组合

常用线条样式:solid(实线),dashed(虚线),dotted(点线)一款切图设计工具软件,支持psd文件的文字,颜色,距离自动识别功能。属性名:padding/padding-top(方位名词)内边距 -padding(出现在内容与盒子之间的边缘)属性名:border-方位名词(bd加方位名词首字母)属性值:边框线粗细,线条样式,颜色 (不区分顺序)属性值:边框粗细,线条样式,颜色(不分先后顺序)外边距-margin(出现在盒子外面)注,顺时针,转到谁,没数看对面。属性名:border(bd)

2023-05-26 18:07:13 38

原创 结构伪类选择器和伪元素选择器

必须设置comtent:" "属性,用来设置伪元素的内容,如果没有内容,则引号留空即可。奇数 2n+1,偶数2n,五以后的数字n+5,五之前的数字 -n+5,五的倍数5n。E::before,在E元素里面选择的最前面加上一个伪元素。E::after,在E元素里面选择的最后面加上一个伪元素。作用:创建虚拟元素(伪元素),用来摆放装饰性的内容。查找最后一个E元素,E.last-child。查第n个元素,E.nth-child(n),作用:根据标签的结构关系来查找元素。根据元素的结构关系查找多个元素,

2023-05-26 15:16:20 43

原创 css显示模式

属性值:block块级,inline-block行块级,inline行内级。行内块元素:一行共存多个,默认尺寸,由内容撑开,加宽高生效。行内元素:一行共存多个,宽高属性不生效,宽高由内容撑开。独占一行,宽度默认是父级的100%,添加宽度属性生效。转换显示模式:属性名display。

2023-05-26 14:14:08 51 1

原创 css背景属性布局方式(拆分写法)

css背景

2023-05-26 10:50:40 163 1

原创 系统管理常用指令

查看系统进程ps -aux2.实时查看系统进程top#快捷键上键:上翻下键:下翻q:退出3.关闭进程kill 进程idkill-9 进程id 强烈杀死 进程之间可能存在依赖关系,生产环境尽量别用文件管道以及输出输出。...

2022-08-16 08:05:14 139

原创 linux常用操作文件指令

cat 文件名 (适合查看小文件)分页方式查看内容(适合查看大文档)less 文件名字 会进入查看文档模式#命令上键:上一行下键 : 下一行g :第一页G:最后一页空格:下一页/关键词 #搜索关键词q #退出 回到linux命令模式实时滚动查看文件末尾多少行(查看服务器日志)tail -f 文件名。...

2022-08-16 07:42:00 383

空空如也

空空如也

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

TA关注的人

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