- 博客(26)
- 收藏
- 关注
RSS订阅原创 原生Ajax
同步就是至一个进程在执行某个请求时，若该请求需要一段时间才能返回信息，那么这个进程会一直等待下去，直到收到返回的信息才继续执行下去。异步是指进程不需要一直等下去，不管其他进程的状态，当有消息返回时系统会通知进程进行处理，大大提高了执行的效率。2.判断数据的传输方式（post/get），打开链接（open（））responseText 获得字符串形式的响应数据。seo不友好（搜索引擎优化，对爬虫不友好）responseXML 获得xml形式的响应数据。同步是阻塞模式，异步是非阻塞模式。没有浏览历史不能回退。
2023-02-01 22:50:48
91
原创 jquery表单
get是用来从服务器上获取数据，而post是用来向服务器传递修改数据的。action 规定当提交时向何处发送表单数据（要提交表单的地址）serialize（）：通过序列化表单值创建url编码文版字符串。method 规定用于发送表单的http方法（提交表单的方式）没有设置name、或者含有disabled的表单元素。只能传递很少的数据，安全性低，但是速度快。当提交表单时，会发生submit事件。大小没有限制，安全性高，速度较慢。安全性不同，传递数据大小也不同。name相同的表单提交格式。
2023-02-01 22:40:18
88
原创 Table布局 Flex布局 Grid布局
布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。有时候，一些项目的指定位置，在现有网格的外部。项目默认沿主轴排列。有时，单元格的大小是固定的，但是容器的大小不确定。有时，单元格的大小是固定的，但是容器的大小不确定。有时，单元格的大小是固定的，但是容器的大小不确定。如果不指定这两个属性，浏览器完全根据单元格内容的大小，决定新增网格的列宽和行高。flex-shrink：定义了项目的缩小比例，默认为 1，即如果空间不足，该项目将缩小。
2022-12-31 14:11:02
271
原创 Sass 运算及插值语法
关键词参数给函数提供了更灵活的接口，以及容易调用的参数。关键词参数可以打乱顺序使用，如果使用默认值也可以省缺。另外，参数名被视为变量名，下划线、短横线可以互换使用。在 css 属性的基础上，Sass 提供了一些名为 SassScript 的新功能。SassScript 可作用于任何属性，允许属性使用变量、算数运算等额外功能。插值语句也可以在属性值中插入 SassScript，大多数情况下，这样可能还不如使用变量方便，但是使用。可以避免 Sass 运行运算表达式，直接编译 css。
2022-12-31 11:52:18
180
原创 Sass Script
在 CSS 中通常起到分隔数字的用途，SassScript 作为 CSS 语言的拓展当然也支持这个功能，同时也赋予了。SassScript 支持 CSS 的两种字符串类型：有引号字符串 (quoted strings)，如。插值语句也可以在属性值中插入 SassScript，大多数情况下，这样可能还不如使用变量方便，但是使用。事实上，独立的值也被视为数组 —— 只包含一个值的数组。在 SassScript 中把两个数字分隔，编译后的 CSS 文件中也是同样的作用。，在编译 CSS 文件时不会改变其类型。
2022-12-27 17:25:14
62
原创 sass入门
或者，对于仅使用过一 次的属性值，你可以赋予其一个易懂的变量名，让人一眼就知道这个属性值的用途。之后，如果你需要一个不同的值，只需要改变这个变量的值，则所有引用此变量的地方生成的值都会随之改变。中，除了CSS选择器，属性也可以进行嵌套。会把你的子属性一一解开，把根属性和子属性部分通过中划线-连接起来，最后生成的效果与你手动一遍遍写的。嵌套属性的规则是这样的：把属性名从中划线-的地方断开，在根属性后边添加一个冒号:，紧跟一个。用于变量，含义是：如果这个变量被声明赋值了，那就用它声明的值，否则就用这个默认值。
2022-12-26 17:02:02
485
原创 css3 3D转换
相信学过数学的同学对这一概念多多少少是知道的，我们要想有一个3D空间效果，也就是立体空间感，比如：正方体、长方体……再比如我们生活所居住的房间也是3D立体空间的，主要有X轴、Y轴Z轴共同组成。值越小，3D 效果就越明显。平面的距离，使具有三维位置变换的元素产生透视效果。Z轴：垂直屏幕，往外面是正值，往里面是负值。X轴：水平向右，X右边是正值，左边是负值。Y轴：垂直向下，Y下面是正值，上面是负值。方法使元素绕其 X 轴旋转给定角度。方法使元素绕其 Y 轴旋转给定角度。方法使元素绕其 Z 轴旋转给定角度。
2022-12-25 15:46:06
113
原创 Web Storage
随着互联网的快速发展，基于网页的应用越来越普遍，同时也变得越来越复杂，为了满足日益更新的需求，会经常性地在设备上存储本地数据，例如记录历史活动信息。传统方式使用 document.cookie 来进行存储，但是由于其存储的空间只有 4KB 左右，并且需要复杂的操作进行解析，给发开者带来诸多不便。为此，HTML5 规范提出了本地存储的解决方案。HTML5 的本地存储解决方案中定义了两个重要的API：Web Storage 和本地数据库 Web SQL Database。
2022-12-22 20:13:27
57
原创 js实现拖拽事件
然后，我们要给被拖动元素（也就是在上述的 标签上），设置一个 draggable 属性，此属性用于规定元素是否可拖动，当属性值为 true 时表示元素可拖动，为 false 表示元素不可拖动。要实现这个步骤，需要在放置拖动元素的容器上绑定一个 ondragover 事件，这个事件用于规定在何处放置被拖动的数据。需要在元素容器上绑定一个 ondrop 事件，如下所示，这个事件会在拖动过程中释放鼠标键时触发。拖放是由拖动与释放两部分组成，拖放事件也分为被拖动元素的相关事件，和容器的相关事件。
2022-12-22 20:10:12
311
原创 地图的设置
百度地图 JavaScript API 是一套由 JavaScript 语言编写的应用程序接口，可帮助您在网站中构建功能丰富、交互性强的地图应用，支持 PC 端和移动端基于浏览器的地图应用开发，且支持 HTML5 特性的地图开发。Geolocation 接口是一个用来获取设备地理位置的可编程的对象，它可以让 Web 内容访问到设备的地理位置（经纬度），这将允许 Web 应用基于用户的地理位置提供定制的信息。我们将以基础的地图展示和地图标注为例，来学习百度地图 JavaScript API 的使用方法。
2022-12-22 20:08:44
93
原创 过渡和动画
动画使元素逐渐从一种样式变为另一种样式。您可以随意更改任意数量的 CSS 属性。如需使用 CSS 动画，您必须首先为动画指定一些关键帧。关键帧包含元素在特定时间所拥有的样式。
2022-12-22 20:06:00
40
原创 Svg的阴影、渐变和动画
建议把所有需要再次使用的引用元素定义在 元素里面。在 元素中定义的图形元素不会直接呈现。可以在视图的任意地方利用 元素呈现这些元素。每一像素的颜色值（一个表示为 [红，绿，蓝，透明度] 的矢量）都经过矩阵乘法计算出新的颜色。 将输入图像作为一个整体，通过属性 dx 和属性 dy 的值指定一个偏移量。 元素用来定义径向渐变，以对图形元素进行填充或描边。元素用来定义线性渐变，用于图形元素的填充或描边。
2022-12-20 18:46:14
673
原创 Canvas和SVG
Canvas 表示画布，现实生活中的画布是用来作画的canvas 绘制图形的基本步骤：① 创建画布：② 准备画笔（获取上下文对象）：canvas.getContext('2d');③ 开始路径规划 ：context.beginPath();④ 移动起始点 ：context.moveTo(x, y);⑤ 绘制线（矩形、圆形、图片...）：context.lineTo(x, y);⑥ 闭合路径：context.closePath();
2022-12-20 18:42:59
478
原创 尺寸和媒体查询
如果指定的媒体类型与正在显示文档的设备类型匹配，并且媒体查询中的所有表达式均为 true，则查询结果为 true。当媒体查询为 true 时，将应用相应的样式表或样式规则，并遵循正常的级联规则。它设置的是元素内边距、边框以及外边距内的区域的高度或宽度。媒体查询由一种媒体类型组成，并可包含一个或多个表达式，这些表达式可以解析为 true 或 false。CSS3 中的媒体查询扩展了 CSS2 媒体类型的概念：它们并不查找设备类型，而是关注设备的能力。属性用于设置元素的高度和宽度。属性用于设置元素的最小宽度。
2022-12-20 18:37:41
513
原创 浮动和清除
例如，在 CSS 弹性盒模型的规范中，定义了声明 时会发生的细节。响应式表格：在table元素周围添加带有overflow-x：auto；带边框的输入框：设置border-radius。- `groove` - 定义 3D 凹槽轮廓。- `outset` - 定义 3D 凸边轮廓。- `ridge` - 定义 3D 凸槽轮廓。- `inset` - 定义 3D 凹边轮廓。- `dashed` - 定义虚线的轮廓。- `double` - 定义双线的轮廓。- `hidden` - 定义隐藏的轮廓。
2022-12-15 21:07:13
32
原创 HTML的文本 字体 图像 列表
后，将拉伸每一行，以使每一行具有相等的宽度，并且左右边距是直的（就像在杂志和报纸中）这样，文本大小将遵循浏览器窗口的大小。无序列表（）- 列表项用的是项目符号标记。属性用于设置文本的颜色。单位设置文本大小，它的意思是“视口宽度”。文本可以左对齐或右对齐，或居中对齐。属性用于指定文本中字符之间的间距。属性用于设置文本的水平对齐方式。属性用于指定文本第一行的缩进。属性设置元素的垂直对齐方式。属性用于设置或删除文本装饰。属性主要用于指定斜体文本。属性指定列表项标记的类型。属性将图像指定为列表项标记。
2022-12-10 13:05:03
259
原创 CSS样式、选择器、属性选择器以及定位
初始csscss是我们来描述html文档样式的语言*什么是csscss指的是层叠样式表，也称级联样式表css描述了如何在屏幕显示html元素css节省大量工作，同时可以控制多个页面选择器（重点）要想将CSS样式应用于特定的HTML元素，首先需要找到该目标元素。在CSS中，执行这一任务的样式规则部分被称为选择器（选择符）。
2022-12-08 17:15:47
349
原创 表单以及表单元素
表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。POST 的安全性更好，因为在页面地址栏中被提交的数据是不可见的。如果表单提交是被动的（比如搜索引擎查询），并且没有敏感信息。表单处理程序通常是包含用来处理输入数据的脚本的服务器页面。注释：GET 最适合少量数据的提交。浏览器会设定容量限制。如果表单正在更新数据，或者包含敏感信息（例如密码）。向服务器提交表单的通常做法是使用提交按钮。规定在提交表单时所用的 HTTP 方法（定义在提交表单时执行的动作。表单处理程序在表单的。
2022-12-08 14:15:26
412
原创 块级标签和行内标签的
1.块级标签h1-h6,hr,div,center,form,dl,ol,ul,table,p,pre2.行内标签a,br,img,input,select,span,textarea属性用法src定义图片所在的位置，可以是相对路径，也可以是绝对路径，网络路径alt定义图片加载失败所显示的内容title定义鼠标移入图片所显示的标题width定义图片的宽度height定义图片的高度ul标签是定义无序列表，通常在一些新闻列表会用到，用法很广泛，像导航都可以用得到ol标签的概念与用法ol标签是定义有序列
2022-12-05 20:21:02
472
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人