![](https://img-blog.csdnimg.cn/direct/f954db7800124fcd8d7df2193838becb.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端
文章平均质量分 88
前端
随记123
一起学习叭
展开
-
Less基础
LESS CSS 是一种动态样式语言,属于 CSS 预处理语言的一种,它使用类似 CSS的语法,为 CSS 的赋予了动态语言的特性,如变量、继承、运算、函数等,更方便CSS 的编写和维护。LESS CSS 可以在多种语言、环境中使用,包括浏览器端、桌面客户端、服务端。说明:本质上,LESS 包含一套自定义的语法及一个解析器,用户根据这些语法定义自己的样式规则,这些规则最终会通过解析器,编译生成对应的 CSS 文件。原创 2024-06-18 20:39:33 · 754 阅读 · 0 评论 -
Nodejs-基础
CommonJS(Nodejs)中自定义模块的规定我们可以把公共的功能抽离成为一个单独的js 文件作为一个模块,默认情况下面这 个模块里面的方法或者属性,外面是没法访问的。如果要让外部可以访问模块里面的方法或 者属性,就必须在模块里面通过exports 或者module.exports 暴露属性或者方法。在需要使用这些模块的文件中,通过require 的方式引入这个模块。这个时候就可 以使用模块里面暴露的属性和方法。原创 2024-06-18 20:36:16 · 665 阅读 · 0 评论 -
03-ES6新语法
Promise 是异步编程的一种解决方案。所谓promise,简单说是一个容器,里面保存着一个异步操作的结果。从语法上说,promise是一个对象,从它可以获取异步操作的消息,promise提供了统一的API,各种异步操作都可以用同样的方法进行处理。传统开发主要问题 1.命名冲突,多个js文件的全局变量有冲突问题。2.文件依赖,多个js文件必须按顺序下载于是引申出模块化开发 模块化开发就是把单独的一个功能封装到一个模块(文件中),模块之间相互隔离,但是可以通过特点的接口公开内部成员,可以依赖别的模块。原创 2024-06-18 20:34:02 · 1058 阅读 · 1 评论 -
02-ES6新语法
实现拦截和监视外部对对象的访问。降低函数和类的复杂度,优雅的写出代理代码。在复杂操作前对操作进行校验或对所需资源进行管理。reflect有的方法object都有,es6希望数据和逻辑代码分离,那么object就是纯数据,所有的逻辑都放到reflect上,对象对某些方法的返回结果进行了修改,使其更合理。原创 2024-06-18 20:31:00 · 798 阅读 · 0 评论 -
01- ES6语法
ES6, 全称 ECMAScript 6.0 ,是 JavaScript 的下一个版本标准,2015.06 发版。ES6 主要是为了解决 ES5 的先天不足,比如 JavaScript 里并没有类的概念,但是目前浏览器的 JavaScript 是 ES5 版本,大多数高版本的浏览器也支持 ES6,不过只实现了 ES6 的部分特性和功能。解构赋值是对赋值运算符的扩展。他是一种针对数组或者对象进行模式匹配,然后对其中的变量进行赋值。在代码书写上简洁且易读,语义更加清晰明了;也方便了复杂对象中数据字段获取。原创 2024-06-18 20:27:12 · 710 阅读 · 0 评论 -
02-Git命令
3.添加到暂存区 :git add 文件名 git add .13.将文件从暂存区删除:git rm --cached 文件名。4.提交到本地仓库: git commit -m "提交信息"5.拉去远程最新代码: git pull 远程地址 分支。7.推送到远程仓库: git push 远程地址 分支。11.删除分支:git branch -d 分支名。9.切换分支:git checkout 分支名。8.创建分支:git branch 分支名。10.合并分支:git merge 分支名。原创 2024-06-17 10:10:54 · 388 阅读 · 0 评论 -
01-GIt
版本管理是一种记录文件变化的方式,以便将来查阅特定版本的文件内容。原创 2024-06-17 10:09:22 · 1091 阅读 · 0 评论 -
04-jQuery工具函数及 jQuery 插件
在jQuery中,工具函数是指直接依附于jQuery对象,针对jQuery对象本身定义的方法,即全局性的,我们统称为工具函数,或Utilites函数。主要作用于:字符串、数组、对象。调用格式: $.函数名()或jQuery.函数名()原创 2024-06-17 09:43:08 · 1180 阅读 · 0 评论 -
03- jQuery事件处理和动画效果
properties: 必须。设置相关动画需要的CSS的属性内容。speed: 可选。表示动画执行的时长,默认值是400毫秒。可选的值:以毫秒为单位的数值、 ("slow","normal", or "fast"。easing: 可选。指定动画在不同时刻的速度。默认值是"swing"。可选的值:"swing"开始和结束比较慢,中间快;"linear"匀速运动。callback: 可选。表示动画执行完毕后的回调函数top : 500,left : 500});注意:有些CSS的属性不能使用。原创 2024-06-17 09:40:33 · 874 阅读 · 0 评论 -
02-使用jQuery操作页面
获取或设置标签(html标签)的属性。原创 2024-06-17 09:33:31 · 510 阅读 · 0 评论 -
01- jQuery初始
通过在网络各处放置节点服务器所构成的在现有的互联网基础之上的一层智能虚拟网络,CDN系统能够实时地根据网络流量和各节点的连接、负载状况以及到用户的距离和响应时间等综合信息将用户的请求重新导向离用户最近的服务节点上。链式编程是将多行代码合并成一行代码,每一个合并的方法返回的结果是元素对象才可以进行链式编程,语法为“元素对象.方法().方法().方法()…兼容多浏览器的javascript函数库,把我们常用的一些功能进行了封装,方便我们来调用,提高我们的开发效率。有时可能只需要查找某个元素的子元素。原创 2024-06-17 09:28:21 · 1044 阅读 · 0 评论 -
BootStrap
【代码】BootStrap。原创 2024-06-17 09:19:40 · 383 阅读 · 0 评论 -
Http协议JSON格式
超文本传输协议(Hyper Text Transfer Protocol,HTTP)规定客户端如何从服务器端获取文档和向服务器端提交表单内容,以及服务器端如何响应这些请求和提交。HTTP是一个基于TCP/IP通信协议来传递数据的协议,传输的数据类型为HTML 文件,、图片文件, 查询结果等。HTTP协议一般用于B/S架构(浏览器和服务器架构模式)。浏览器作为HTTP客户端通过URL向HTTP服务端即WEB服务器发送所有请求。为了解决上述HTTP存在的问题,就用到了HTTPS。原创 2024-06-14 10:12:04 · 1263 阅读 · 0 评论 -
Ajax的应用
是指协议,域名,端口号相同就称为同源,同源的请求是允许的,如果非同源,那么在请求数据时,浏览器会在控制台中报一个异常,提示拒绝访问,就造成了跨域。原创 2024-06-14 10:07:00 · 1232 阅读 · 0 评论 -
05-JS高阶:面向对象
需要注意的是,funcion声明和class声明有一个重要的区别:funcion声明是hosting(状态提升)的,而class不是,class需要先声明再使用。类抽象了对象的公共部分,它泛指某一大类(class)对象特指某一个,通过类实例化一个具体的对象。需要注意的是在js中,从es6开始引进class,根本上是基于js中已经存在的原型继承的语法糖,class语法并没有引进一种新的面向对象的继承机制。对象是由属性和方法组成的:是一个无序键值对的集合,指的是一个具体的事物。原创 2024-06-11 13:51:33 · 952 阅读 · 0 评论 -
04-JS高阶:严格模式、递归、赋值、高阶函数
JavaScript 除了提供正常模式外,还提供了严格模式(strict mode)。ES5 的严格模式是采用具有限制性 JavaScript变体的一种方式,即在严格的条件下运行 JS 代码。严格模式在 IE10 以上版本的浏览器中才会被支持,旧版本浏览器中会被忽略。严格模式对正常的 JavaScript 语义做了一些更改:1.消除了 Javascript 语法的一些不合理、不严谨之处,减少了一些怪异行为。2.消除代码运行的一些不安全之处,保证代码运行的安全。3.提高编译器效率,增加运行速度。原创 2024-06-11 13:46:30 · 945 阅读 · 0 评论 -
03-JS高阶:函数、继承、内置对象
当前元素所属的数组对象。,该传入对象的自有可枚举属性(即其自身定义的属性,而不是其原型链上的枚举属性)将为新创建的对象添加指定的属性值和对应的属性描述符。bind() 方法不会调用函数,但是能改变函数内部this 指向,返回的是原函数改变this之后产生的新函数。这些 this 的指向,是当我们调用函数的时候确定的。filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。原创 2024-06-11 13:20:46 · 885 阅读 · 0 评论 -
01-JS高阶:Object
我们可以随时随地为对象添加属性,也可以随时修改属性的值。name: '小好'//给对象添加属性//修改属性的值person1.name = '张小好';通过赋值操作定义对象,添加的普通属性,注意:默认情况下都是可修改、可枚举、可配置的。如果我们想改变属性的特征,可以使用方法,该方法允许精确地添加或修改对象的属性,在遍历枚举对象属性时会被枚举到([for...in] 或 []方法)。注意:默认情况下,使用添加的属性值是不可修改,不可枚举,不可配置(删除和添加)。原创 2024-06-11 13:11:24 · 1037 阅读 · 0 评论 -
02-JS高阶:构造函数
(规范)。原创 2024-06-11 13:15:12 · 949 阅读 · 0 评论 -
05-弹性盒子模型
如果一个项目的flex-grow属性为2,其他项目都为1,则前者占据的剩余空间将比其他项多一倍。如果所有项目的flex-shrink属性都为1,当空间不足时,都将等比例缩小。如果一个项目的flex-shrink属性为0,其他项目都为1,则空间不足时,前者不缩小。flex属性是flex-grow, flex-shrink 和 flex-basis的简写,默认值为0 1 auto,后两个属性可选。项目默认沿主轴排列。flex-shrink属性定义了项目的缩小比例,默认为1,即如果空间不足,该项目将缩小。原创 2024-06-03 09:22:17 · 744 阅读 · 0 评论 -
06-HTML5新增API-Storage对象
所谓的端口,就好像是门牌号一样,客户端可以通过ip地址找到对应的服务器端,但是服务器端是有很多端口的,每个应用程序对应一个端口号,通过类似门牌号的端口号,客户端才能真正的访问到该服务器。通过sessionStorage存储的数据有效期和存储数据的脚本所在的最顶层的窗口或者是浏览器标签页是一样的。同源策略是浏览器的行为,是为了保护本地数据不被JavaScript代码获取回来的数据污染,因此拦截的是客户端发出的请求回来的数据接收,即请求发送了,服务器响应了,但是无法被浏览器接收。原创 2024-05-30 15:31:06 · 616 阅读 · 0 评论 -
06-HTML5新增API
相同点:(1)共同的参数,(2)不会刷新页面只是修改或喜欢历史记录。pushState会在history中添加一个新的记录( replace不会添加新的history记录,而是替换当前的url。原创 2024-05-30 15:35:52 · 895 阅读 · 0 评论 -
04-移动端开发及布局
原生应用由于利用的是官方提供的语言和工具并且能够直接操控硬件设备(比如多点触控、NFC、读取短信等),在应用性能上和交互体验上应该是最好的,但是原生应用的可移植性比较差,特别是一款原生的App,Android和IOS都要各自开发,同样的逻辑、界面要写两套。现在还可以利用uniapp,进行更多平台的支持。混合应用开发正是结合原生和H5开发的技术,取长补短的一种开发模式,原生代码部分利用WebView插件或者其它的框架为H5提供了一个容器,程序主要的业务实现、界面展示是利用H5相关的Web技术进行实现的。原创 2024-05-30 15:19:04 · 639 阅读 · 0 评论 -
04-媒体查询
原理就是在不同屏幕下,通过媒体查询来改变这个布局容器的大小,再改变里面子元素的排列方式和大小,从而实现不同屏幕下,看到不同的页面布局和样式变化。@media 可以针对不同的屏幕尺寸设置不同的样式,特别是如果你需要设置设计响应式的页面,@media 是非常有用的。使用CSS3 @media查询,你可以针对不同的设备类型以及设备的不同特性,定义不同的样式。就是使用媒体查询针对不同宽度的设备进行布局和样式的设置,从而适配不同设备的目的。当你重置浏览器大小的过程中,页面也会根据浏览器的宽度和高度重新渲染页面。原创 2024-05-30 15:13:56 · 448 阅读 · 0 评论 -
03-CSS3中2D和3D的使用
那么transformZ的值越接近200,就是离的越近,看上去也就越大,超过200就看不到了,因为相当于跑到后脑勺去了,我相信你正常情况下,是看不到自己的后脑勺的。transform是CSS3中具有颠覆性的特征之一,可以实现元素的位移、旋转、倾斜、缩放,甚至支持矩阵方式,配合过渡和即将学习的动画知识,可以取代大量之前只能靠Flash才可以实现的效果。[注意]其中,x和y可以是长度值,也可以是百分比,百分比是相对于其本身元素水平方向的宽度和垂直方向的高度和;可以对元素进行水平和垂直方向的缩放。原创 2024-05-30 15:11:31 · 1042 阅读 · 0 评论 -
02-CSS3基本样式
如同人类的的进化一样,CSS3是CSS2的“进化”版本,在CSS2基础上,增强或新增了许多特性, 弥补了CSS2的众多不足之处,使得Web开发变得更为高效和便捷。原创 2024-05-30 14:57:34 · 1291 阅读 · 0 评论 -
01-HTML5新标签与特性
HTML5 : HTML 标准的最新版本,是对 HTML 的第五次重大修改。HTML5的出现,对于WEB来说意义重大,其目的是想要把目前WEB中存在的各种问题一并解决掉。两个概念:是一个新版本的 HTML语言,定义了新的标签、特性和属性。拥有一个强大的技术集,这些技术集是指: HTML5CSS3、javascript, 这也是广义上的 HTML5总之:HTML5就是对HTML4已有标签属性的删除和增加,另外又增加了新的多媒体等标签,解决目前WEB上存在的问题。原创 2024-05-30 09:37:34 · 646 阅读 · 0 评论 -
09-JavaScript 正则表达式
1. 正则表达式简介1.1 什么是正则表达式正则表达式:用于匹配规律规则的表达式,正则表达式最初是科学家对人类神经系统的工作原理的早期研究,现在在编程语言中有广泛的应用。正则表通常被用来检索、替换那些符合某个模式(规则)的文本。正则表达式(Regular Expression)是一种描述字符模式的对象。JavaScript中的RegExp类表示正则表达式,String和RegExp类型都定义了使用正则的方法,后者使用正则表达式进行强大的模式匹配和文本检索与替换功能。1.2 正则表达式的作用。原创 2024-04-07 18:46:10 · 799 阅读 · 0 评论 -
08-JavaScript BOM定时器及JS动画
超时调用需要使用window对象的setTimeout()方法,该方法接受两个参数:调用函数或计算表达式和以毫秒为单位的时间(即在执行代码前需要等待多少毫秒)。原创 2024-04-02 15:32:28 · 610 阅读 · 0 评论 -
07-JavaScript DOM事件
JavaScript 使我们有能力创建动态页面,而事件是可以被 JavaScript 侦测到的行为。简单理解:触发--- 响应机制。网页中的每个元素都可以产生某些可以触发 JavaScript 的事件,例如,我们可以在用户点击某按钮时产生一个事件,然后去执行某些操作。原创 2024-03-30 08:42:11 · 1037 阅读 · 0 评论 -
06-JavaScript DOM对象
HTML DOM 是W3C (万维网联盟)制订的一套标准,标准中定义了所有 HTML 元素的对象和属性,以及访问它们的方法。换言之,HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。注意:DOM 是 Document Object Model(文档对象模型)的缩写。每天一总结,今天又有什么新的收获呢?你做好为明天奋战的准备了吗?原创 2024-03-30 08:30:00 · 1005 阅读 · 0 评论 -
05-JavaScript对象
使用对象字面量创建对象就是花括号 { } 里面包含了表达这个具体事物(对象)的属性和方法;{ } 里面采取键值对的形式表示键:相当于属性名值:相当于属性值,可以是任意类型的值(数字类型、字符串类型、布尔类型,函数类型等)name : '张小好',age : 18,sex : '女',alert('今天很开心');对象的使用对象的属性对象中存储具体数据的 "键值对"中的 "键"称为对象的属性,即对象中存储具体数据的项对象的方法对象中存储函数。原创 2024-03-29 08:30:00 · 676 阅读 · 0 评论 -
04-JavaScript函数
ECMAScript中的函数使用function关键字来声明,后面跟一组参数及函数体。原创 2024-03-28 11:25:57 · 1563 阅读 · 0 评论 -
03-JavaScript数组
解决开始提出的问题:保存一个班级学生信息,每个数组元素都代表一个学生,而每个学生都使用一个一维数组分别表示其姓名、学号、年龄等信息,这样通过一个变量即可有规律的保存一个班级的所有学生信息,方便开发时进行处理。数组创建完成后,我们可以 [ ] 操作符访问数组中的元素,数组的引用位于方括号左边。使用该语法即可以访问数组中的元素,又可以修改数组中的元素。值:元素的内容,可以是任意类型的数据,如数值型、字符型、数组、对象等。数组构成:数组由一个或多个数组元素组成的,各元素之间使用逗号“,”分割。原创 2024-03-28 10:54:23 · 873 阅读 · 0 评论 -
04-JavaScript函数
函数也是一种数据类型。原创 2024-03-28 08:30:00 · 578 阅读 · 0 评论 -
03-JavaScript数组
数组原创 2024-03-27 16:55:43 · 277 阅读 · 0 评论 -
02-JavaScript操作符和流程控制语句
特殊情况-字符型数据运算特殊情况-浮点数进行运算。原创 2024-03-22 09:19:42 · 1173 阅读 · 0 评论 -
01-JavaScript基础语法
浏览器(browser application)是用来访问和浏览万维网页面的客户端软件,也是现代计算机系统中应用最为广泛的软件之一,重要性也可想而知,也是我们前端工程师经常打交道的;变量是一种使用方便的占位符,用于引用计算机内存地址,该地址可以存储Script运行时可更改的程序信息,存放数据的容器。语法:JavaScript中变量通常利用var关键字声明,并且变量名的命名规则与标识符相同。原创 2024-03-21 09:11:38 · 1180 阅读 · 0 评论 -
前端学习第七天-css常用样式设置
属性区别用途display隐藏对象,不保留位置配合后面js做特效,比如下拉菜单,原先没有,鼠标经过,显示下拉菜单, 应用极为广泛visibility隐藏对象,保留位置使用较少overflow只是隐藏超出大小的部分1. 可以清除浮动 2. 保证盒子里面的内容不会超出该盒子范围BFC(Block formatting context)直译为"块级格式化上下文"。原创 2024-03-02 14:43:57 · 1073 阅读 · 0 评论 -
前端学习第六天-css浮动和定位
元素的浮动是指设置了浮动属性的元素会脱离标准普通流的控制,移动到其父元素中指定位置的过程。在CSS中,通过float属性来定义浮动,其基本语法格式如下:选择器{float:属性值;属性值描述none元素不浮动(默认值)left元素向左浮动right元素向右浮动清除浮动的方式优点缺点额外标签法(隔墙法)通俗易懂,书写方便添加许多无意义的标签,结构化较差。父级overflow:hidden/auto/scroll;书写简单溢出隐藏父级after伪元素结构语义化正确。原创 2024-03-01 08:45:11 · 1014 阅读 · 0 评论