前端
文章平均质量分 88
本专门详细的介绍了前端三剑客HTML、CSS、JavaScript,以及后续的Ajax、React框架、Vue框架。
阿煜酱~
间歇性踌躇满志,持续性好吃懒做。
展开
-
Ajax异步
Ajax的全称叫做异步JavaScript和XMLjQuery中的AjaxjQuery中发起Ajax请求最常用的三个方法如下:发起不带参数的请求发起带参数的请求代码示例:2.3 $.ajax()代码示例:接口的概念:接口请求流程:接口测试工具Apipost,优点:不需要书写代码即可检验接口是否可以处理请求。利用BootStrap可轻松完成布局,以下为布局思路。(仅作参考)我们的表单使用的bootstrap的CSS样式,而该样式的demo中使用的是form表单,form与Ajax不可混用,否则会出原创 2022-08-14 21:23:54 · 1617 阅读 · 0 评论 -
Js高级-ES6
命名函数,函数声明方式function关键字匿名函数,函数表达式1.命名函数};2.函数表达式}3.利用new Functionlet func = new Function('形参1' , '形参2' , ... . . , '函数体')let func = new Function('num1' , 'num2' , 'return num1+num2') console . log(func(1 , 2)) //浏览器控制台输出: 3Function里面的参数,都必须是字符串。......原创 2022-08-14 21:16:59 · 1822 阅读 · 0 评论 -
jQuery
什么是jQuery:内部对原生JS代码进行了封装,并且还额外添加了很多的功能,能够让开发者通过书写更少的代码来完成js操作。兼容多个浏览器的,在使用jQuery的时候就不需要考虑浏览器兼容问题。jQuery的宗旨:“write less do more”(用更少的代码完成更多的事情)使用jQuery的好处:跨浏览器兼容。链式编程、隐式迭代对事件、样式、动画支持,大大简化了DOM操作支持插件扩展开发免费、开源轻量级,不会影响页面加载速度。如何使用:二、jQuery初识jQuery对象与原创 2022-08-14 21:16:10 · 4052 阅读 · 0 评论 -
JavaScript
变量在使用时分为两步:变量的初始化声明变量与赋值,可以在一起书写,如下:声明多个变量变量命名规范let与var的区别Js数据类型整体分为两大类:基本数据类型引用数据类型js与python一样,都是弱数据类型,变量到底属于那种类型,只有赋值之后,我们才可以确认。而像Java这种强数据类型的,就需要在声明变量的时候就指定数据类型,如:3.1 number数字数字类型number,可以是整数、小数、正数、负数。在js中,这些数据类型统称为数字类型number。如何查看当前数据类型3.1.1 常用方法原创 2022-07-22 17:20:02 · 3065 阅读 · 0 评论 -
Webstorm书写jQuery代码时弱提醒
在使用webStorm书写jQuery代码时,会遇到下图这种情况。(逼死强迫症)鼠标移动上去之后呢,提示未解析的函数或方法,如下图:既然该提醒为弱提醒,那么我们找到相关设置,让它在面对这种情况时,不再进行提示即可。检查:现在就不会有问题了。......原创 2022-07-14 03:32:56 · 1501 阅读 · 0 评论 -
Webstorm配置less
WebStorm配置less一、介绍二、安装less三、修改导出CSS路径四、less的用法4.1 嵌套一、介绍Less是一种动态样式语言,属于css预处理语言的一种。它使用类似CSS的语法为CSS的赋予了动态的特性,如变量、继承、运算、函数等,更方便css的编写和维护实现css模块化。less 可以在多种语言,环境中使用,包括浏览器端、桌面客户端、服务端。通过css预处理技术可以很好的提升css的编程性,提高css代码的开发效率和可维护性,目前比较热门的相关技术有Sass、Less CSS、Sty原创 2022-07-10 16:16:01 · 2775 阅读 · 0 评论 -
CSS-2
字体图标介绍:与精灵图的区别:精灵图和字体图标因为本质上的不同(一个是图片,一个是文字),所以造成了其所适用的场景不同。以阿里巴巴矢量图标库iconfont为例:1.找到想要的图标,并添加购物车2.点击购车–>点击下载代码3.解压4.将文件夹重命名并放在项目目录中,随后link引入5.打开demo_index.html文件下列为两种比较简便的使用方法:示例:呈现效果:最终可实现下列效果:代码:第一种,利用伪元素实现第二种,写三个盒子即可2.2 旋转rotate代码:效果展示:上个案例中,旋转的图原创 2022-07-10 16:15:31 · 1581 阅读 · 0 评论 -
CSS-1
层贴样式表:就是给HTML标签添加样式的,让它变的更加的好看1.注释css的语法结构css的三种引入方式CSS常见属性二、CSS选择器2.1 基本选择器2.2 结构选择器我们来结合HTML文件来进行理解.最终效果:2.3 属性选择器附:分组与嵌套2.4 伪类选择器最终效果:伪元素,顾名思义就是假的标签,那么它可以实现什么作用呢示例代码:展示效果:案例:展示效果:结论:浏览器解析行内块或行内标签的时候,如果标签换行书写会产生一个空格的距离如:直接在行内书原创 2022-07-10 16:14:20 · 1151 阅读 · 0 评论 -
HTML笔记
HTML笔记一、HTML1.1 head内常用标签1.2 body内常用标签1.2.1 基本标签1.2.1 块儿级标签与行内标签1.2.3 特殊标签二、HTML常用标签2.1 div与span标签2.2 img标签2.3 链接标签2.4 列表标签2.5 表格标签2.6 input表单标签2.6.1 label表单语义化2.6.2 radio单选2.6.3 date日期标签2.6.4 checkbox多选2.6.5 重置、提交、按钮2.6.6 file文件2.6.7 fieldset与legend2.7 se原创 2022-02-18 14:55:00 · 1551 阅读 · 0 评论