- 博客(36)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 CentOS7利用宝塔面板安装zabbix6.0.x详细安装教程（手把手图文详解版）
快速简单的在centos7系统下安装zabbix6.0.x监控。
2024-04-26 10:38:31
2436
11
原创 面试题之vue的响应式
为了应对面试而进行的学习记录，可能不够有深度甚至有错误，还请各位谅解，并不吝赐教，共同进步。我们已经大致将vue实现响应式简单的模拟了一下了，其中我们可以发现对于对象新增属性和删除属性我们是无法监听到的，所以vue中有其他的专门方法来完成。对于数组，我们就需要重新修改原型来实现监听。在vue2中对于深度监听是一次不断循环来完成的，如果数据层级多，速度会变得慢。vue3使用proxy后速度会有提高，还支持检测属性的新增和删除，以及监听数组，后续学习后更新文章进行记录。
2023-04-15 11:02:44
1127
原创 一文对JavaScript基础知识总结（上）
很长时间没去回顾JavaScript基础知识了，现在回想起感觉懵懵懂懂的，是时候需要来进行回顾和总结了。
2022-11-27 14:42:24
446
原创 HTML与CSS知识点大总结啦~
html与css阶段 知识点大总结。1. 认识HTML。a. 是什么？html就是超文本标记语言。简单来说就是为网页创造的一种运行在浏览器上的标记语言。b.版本？目前是到HTML5了。2. 创建html。a. 文件名要以html结尾才可以。b. !+tab键即可出来html的默认结构。3. 结构简单说明。a. <head> 头部 网页标题等内容b.<body> 身体部分 网页中的内容都写在该部分。4. html字符集。a.意义或作用：.
2020-07-15 10:11:05
388
原创 JavaScript之ECMAScript部分学习（内置对象中的方法）
将JavaScript中的内置对象的常用方法以及如何查询做个总结。内置对象1 内置对象。JavaScript中的对象分为3种：自定义对象，内置对象，浏览器对象。前面两种对象是JS 基础 内容，属于 ECMAScript； 第三个浏览器对象属于 JS 独有的。简单来说：内置对象就是指 JS 语言自带的一些对象，这些对象供开发者使用，并提供了一些常用的或是最基本而必要的功能（属性和方法），内置对象最大的优点就是帮助我们快速开发。JavaScript 提供了多个内置对象：Math、 Date .
2020-05-12 12:25:41
242
原创 JavaScript之ECMAScript部分学习（作用域与对象）
Java Script的三个主要组成部分是：ECMAScript(语法)，DOM（文档对象模型），BOM（浏览器对象模型）。作用域1 作用域概述。通常来说，一段程序代码中所用到的名字并不总是有效和可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少了名字冲突。在JavaScript（es6前）的作用域有二种：全局作用域，局部作用域。2 全局作用域。很简单，就是作用于所有代码执行的环境(整个script标签内部)或独立的js.
2020-05-12 10:29:46
212
原创 JavaScript之ECMAScript部分学习（数组与函数）
记录一下数组与函数基础部分知识，各类方法单独总结记录。数组1 数组的概念。数组可以把一组相关的数据一起存放，并提供方便的访问(获取）方式。简单的来说，就是很多数据的集合，将它们集合在一起，里面的各个数据被称为元素，各个元素的类型可以是任意类型。2 创建数组。在JavaScript中，我们创建数组有二种方式：利用 new 创建数组 ：var 数组名 = new Array() ； //注意 Array () ，A 要大写 var arr = new Array(); // 创.
2020-05-12 09:03:04
252
原创 JavaScript之ECMAScript部分学习（循环）
Java Script的三个主要组成部分是：ECMAScript(语法)，DOM（文档对象模型），BOM（浏览器对象模型）。顾名思义，循环就是重复做某些事情。1 for循环。for(初始化变量; 条件表达式; 操作表达式 ){ //循环体}这个一个for循环的语法结构，我们在来看看各个部分：初始化变量：通常被用于初始化一个计数器，该表达式可以使用 var 关键字声明新的变量，这个变量帮我们来记录次数。条件表达式：用于确定每一次循环是否能被执行。如果结果是 true 就继续循.
2020-05-08 19:22:16
269
原创 JavaScript之ECMAScript部分学习（运算符）
Java Script的三个主要组成部分是：ECMAScript(语法)，DOM（文档对象模型），BOM（浏览器对象模型）。运算符（操作符）1 运算符的分类.运算符（operator）也被称为操作符，是用于实现赋值、比较和执行算数运算等功能的符号。这里我们学习下面常用的运算符：算数运算符递增和递减运算符比较运算符逻辑运算符赋值运算符2 算数运算符.顾名思义，就是关于加...
2020-05-08 16:56:27
186
原创 移动web开发之rem布局结合媒体查询与less
在使用rem布局的时候，我们通常是还结合媒体查询与less。三个同时进行才方便我们进行可以适应不同屏幕尺寸的移动web开发。rem基础1.rem单位。rem (root em)是一个相对单位，类似于em，em是父元素字体大小。不同的是rem的基准是相对于html元素的字体大小。简单来说，就是如果我们给html元素设置 font-size=12px；那么我们在给一个里面的元素设置 widt...
2020-05-07 19:04:19
427
原创 JavaScript之ECMAScript部分学习（变量）
Java Script的三个主要组成部分是：ECMAScript(语法)，DOM（文档对象模型），BOM（浏览器对象模型）。变量的概念1 什么是变量？理解成一个装东西的盒子，只不过我们装的东西是数据啦，我们还可以通过这个盒子的名字（变量名）来获取盒子里的内容（数据），甚至去改变它。2 变量在内存中的存储。当然，我们每创建的变量都是储存在内存之中的，每个变量都会有一个独立的内存小空间...
2020-05-07 16:24:04
333
原创 移动web开发之flex布局及案例练习
学习完移动web开发的flex布局，给自己做下小结。传统布局和flex布局对比1.传统布局：兼容性好布局繁琐局限性，不能再移动端很好的布局2.flex布局：操作方便，布局极其简单，移动端使用比较广泛pc端浏览器支持情况比较差IE11或更低版本不支持flex或仅支持部分建议如果是开发移动端，或者不考虑兼容的pc端就可以使用flex布局哟。flex布局原理flex...
2020-05-05 18:42:06
579
原创 移动web开发之流式布局及案例练习
开始学习移动web开发布局，给自己做一些总结。移动端技术解决方案1.移动端浏览器兼容问题.移动端浏览器基本以 webkit 内核为主，因此我们就考虑webkit兼容性问题。我们可以放心使用 H5 标签和 CSS3 样式。同时我们浏览器的私有前缀我们只需要考虑添加 webkit 即可.2.移动端公共样式这里推荐使用normalize.css/官网地址移动端大量使用 CSS3盒子...
2020-05-03 21:58:37
1450
原创 vue学习 （一 模板语法）
Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架使用Vue将helloworld 渲染到页面上以上就是一个简单的vue使用。1.差值表达式上面就是一个差值表达式的应用，<div> {{ value }} </div> ,但是这样直接使用差值表达式会有一个小小的bug， 有文字闪动缺陷，因为vue会先把这个差值表达式先显示在...
2020-04-29 18:08:51
351
原创 JavaScript学习 （一 基础知识）
对于JavaScript基础知识的一些笔记总结。数据类型以及变量Number数值类型，不区分整数和浮点数。可以直接进行四则运算。1 + 1; // 2(1 + 2) * 5 / 2; // 7.52 / 0; // Infinity0 / 0; // NaN10 % 3; // 1 %是求余运算字符串字符串是以单引号’或双引号"括起来的任意文本，比如’abc’，"xy...
2020-04-23 23:00:11
189
原创 ajax学习 （六 关于RESTful 和 XML）
RESTFUL是一种网络应用程序的设计风格和开发方式，基于HTTP，可以使用XML格式定义或JSON格式定义。我们先来看看传统的请求地址风格：这里我们都是在请求地址后面携带请求信息的标识，这里增删改查的语义不明确且混乱，比如删除用户使用的是get请求，后面的标识也是五花八门，很混乱，所以我们可以使用RESTFUL风格的API。1.RESTFUL AP 概述。一套关于设计请求的规范。在...
2020-04-13 11:51:13
220
原创 ajax学习笔记 （五 关于jQuery中的ajax）
要使用ajax向服务器端发送代码是比较繁琐的，于是我们就可以利用jQuery库，它给我们封装了一些方法让我们方便的发送ajax请求。1.$.ajax() 方法作用：发送ajax请求。$.ajax({ type:'get', //请求方式 url:'http:///www.examp.com', //请求地址 data:{ name:'zangsan',age:'20'}, /...
2020-04-13 11:08:33
121
原创 ajax学习笔记 （四 关于JSONP）
在ajax发送请求时有着限制，因为ajax只能向自己的服务器发送请求。比如，a网站向向b网站发送ajax请求获取数据，这是不被允许的，在解决这个问题前我们先需要说说同源政策。什么是同源？同源政策的目的:我们就可以知道，其实ajax请求是发送过去了，但是浏览器会拒绝接受返回来的结果，但是我们有这样的需求，所以我们要解决这个问题，方法很多，今天学习的是JSONP这个方法来解决同源限制问题。...
2020-04-10 15:18:12
141
原创 ajax学习笔记 （三 关于FormData对象）
当我们使用ajax传递的参数值较多时，参数的值的获取以及拼接都很麻烦，这时我们就可以使用 formdata对象，可以方便我们的操做，更为重要的是我们可以传递二级制的文件了，比如图片，这在普通的方法里是办不到的。作用总结二点：formdata对象使用方法：1.准备HTML表单。这里我们要给一个id名，因为我们后面要获取到这个表单。2.将HTML表单转化为 formdata对象我们创...
2020-04-08 20:18:26
240
原创 ajax学习笔记（二 关于模板引擎和简单ajxa简单封装）
今天学习了ajax里面一个有用的知识点那就是模板引擎，这个在nodejs里面也常用，可以使用模板引擎提供的模板语法，将数据与HTML方便的拼接起来，以及简单的ajax函数封闭，一般我们在使用中，都会给一个接口文档，是封装好的包。模板引擎第一步 下载模板引擎模板引擎官方地址下载后是一个js文件。第二步 引入入js文件第三步 准备art-template 模板这里是一个script标...
2020-04-07 23:16:42
199
原创 Ajax学习笔记 （一 关于基础部分）
我们知道在传统的网站中存在着一些问题：于是为了有效的解决问题就用到了ajax。那么什么是Ajax了？Ajax的一些常用的应用场景：注意：Ajax技术需要运行在网站环境中才能生效。Ajax的实现步骤：1.创建Ajax对象:var xhr = new XMLHttpRequest();2.告诉Ajax请求地址以及请求方式：xhr.open('get','http://loc...
2020-04-05 21:40:07
328
原创 HTML5学习（三 关于2d转换和动画部分）
关于css3中2d的转换（transform）部分小结1.移动： translate；transform: translate(x, y)transform: translateX(n) //x 就是 x 轴上水平移动transfrom: translateY(n) //y 就是 y 轴上水平移动translate可以进行水平，垂直方向上的移动，他最大优点还是不会影响其他元素的位置，如...
2020-04-01 20:03:22
184
原创 HTML5学习（二 关于选择器部分）
今天继续学习了css3部分的一些知识，关于选择器部分做个小结。1.css属性选择器。可以让我们根据标签中具有的属性进行选择button[disabled] { cursor: default //选中具有disabled的button标签}span[class^=black] { color: lightgreen; //选中以black类名开头的span标签}spa...
2020-04-01 16:08:59
164
原创 HTML5学习（一 关于标签部分）
今天学习了HTML5新增的一些标签做做小结。1.h5新增的一些常见语义化标签header — 头部标签nav — 导航标签article — 内容标签section — 块级标签aside — 侧边栏标签footer — 尾部标签补充几点：语义化标签主要针对搜索引擎新标签可以使用一次或者多次在 IE9 浏览器中，需要把语义...
2020-03-31 16:15:29
132
原创 css一些高级技巧
今天学习了一些css的高级技巧，给自己做一个笔记。1.元素的显示与隐藏。关于元素的显示与隐藏主要是三个方法：第一个是display设置或检索对象是否及如何显示。display: none 隐藏对象display：block 除了转换为块级元素之外，同时还有显示元素的意思。该方法最大特点是 隐藏之后，不在保留位置。第二种是 visibility 可见性visibility：vis...
2020-03-30 12:56:20
132
原创 简单小结
给自己复习xhtml部分 一些自己比较欠缺表单部分的小结。常用属性值：type (属性给表单指定类型):值描述text单行文本输入框password密码输入框radio单选按钮checkbox复选框button普通按钮submit提交按钮reset重置按钮image图形形式的提交按钮file文本域na...
2020-03-22 11:42:13
244
原创 jQuery选择器
jQuery初学选择器 （五）属性过滤选择器"[attribute]" ----匹配包含给定属性的元素，可以是id，class…等等。$(“div[id]”) ----配拥有id属性的div元素<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>...
2020-01-10 20:13:53
94
原创 jQuery选择器
jQuery初学选择器 （四）内容过滤选择器":contains(text)" /* 包含指定字符串的所有元素*/$(“ul li:contains(a)”) /* 所有ul下的li元素中含有a文本的li元素*/<!DOCTYPE html><html> <head> <meta charset="utf-8"> <...
2020-01-09 23:08:13
112
原创 jQuery选择器
jQuery初学选择器 （三）基本过滤选择器" :first" /* 选取到第一个元素*/$("div:first ") /*选取到第一个div元素<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <st...
2020-01-09 17:51:19
78
原创 jQuery选择器
jQuery初学选择器 （二）层次选择器本元素下“所有”的次级元素选择器$(" box span")/* 注意，表示box下的所有的span元素，包括孙子辈及更后辈*/<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title>...
2020-01-09 16:48:50
107
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人