- 博客(25)
- 收藏
- 关注
RSS订阅原创 混合器和选择器
混合器来避免重复。通过使用参数，你可以使用混合器把你样式中的通用样式抽离出来，然后轻松地在其他地方重用。选择器继承是说一个选择器可以继承为另一个选择器定义的所有样式。相同的样式列在一起，独有的样式单独列出来。
2022-12-27 19:21:52
123
原创 sass的变量声明、嵌套和引入
import把SASS样式分散到多个文件时，你通常只想生成少数几个css文件。那些专门为@import命令而编写的SASS文件，并不需要生成对应的独立css文件，这样的SASS文件称为局部文件。SASS局部文件的文件名以下划线开头。SASS就不会在编译时单独编译这个css文件。//中划线或下划线都是兼容的。/*默认值变量值*/
2022-12-26 19:36:04
280
原创 2D转换、3D转换
translate()方法用来平移图形。是指图形沿着x轴或y轴进行直线运动。y)图形的x,y平移x) x轴方向的平移y)y轴方向的平移rotate()方法用来旋转图形transform：rotate( 45deg ) 顺时针旋转90°scale()方法元素的尺寸会增加或减少transform：scale(1.5)图像元素的放大transform：scale(0.5)图像元素的缩小transform-origin ：x y 百分比或方位名词。
2022-12-25 22:02:31
190
原创 localStorage和sessionStorage数据存储
localStorage 对象存储的数据没有时间限制。sessionStorage 方法针对一个 session（会话）进行数据存储。当用户关闭浏览器窗口后，数据会被删除。
2022-12-24 18:35:16
490
原创 拖放拖拽事件
一个典型的拖拽操作是这样的：用户选中一个可拖拽的（draggable）元素，并将其拖拽（鼠标不放开）到一个可放置的（droppable）元素，然后释放鼠标。拖放过程：首先使用鼠标指针进入源对象，然后按住鼠标左键拖动源对象，当移动鼠标时源对象会跟随鼠标指针移动，如果源对象进入了目标对象，就松开鼠标左键让源对象放置在目标对象中。拖放的概念：拖放（Drag 和 drop）是 HTML5 标准的组成部分，是页面中的元素从初始位置被拖动到新的位置的用户行为，如拖拽页面中的指定元素到另一个元素中。
2022-12-24 18:26:08
937
原创 地理位置和百度地图
百度地图 JavaScript API 是一套由 JavaScript 语言编写的应用程序接口，可帮助您在网站中构建功能丰富、交互性强的地图应用，支持 PC 端和移动端基于浏览器的地图应用开发，且支持 HTML5 特性的地图开发。一个用来获取设备地理位置的可编程的对象，它可以让 Web 内容访问到设备的地理位置（经纬度），这将允许 Web 应用基于用户的地理位置提供定制的信息。// 添加比例尺控件。
2022-12-24 18:17:24
142
原创 过渡和动画
动画使元素逐渐从一种样式变为另一种样式。您可以随意更改任意数量的 CSS 属性。如需使用 CSS 动画，您必须首先为动画指定一些关键帧。关键帧包含元素在特定时间所拥有的样式。
2022-12-22 20:53:25
65
原创 SVG阴影、动画
建议把所有需要再次使用的引用元素定义在 元素里面。在 元素中定义的图形元素不会直接呈现。可以在视图的任意地方利用 元素呈现这些元素。 将输入图像作为一个整体，通过属性 dx 和属性 dy 的值指定一个偏移量。 元素是用来定义形状的通用元素。将 和 结合在一起，即可创建图形的阴影效果。 元素用来定义径向渐变，以对图形元素进行填充或描边。2.2svg径向渐变。
2022-12-22 20:35:56
442
原创 canvas绘图、svg绘图
在同一画布中，即使我们添加再多的连线端点也只能有一条路径，如果想要开始新的路径就需要使用beginPath()方法，当出现beginPath()时即表示路径重新开始。闭合路径就是将我们绘制的开放路径进行封闭处理，多点的路径闭合后会形成特定的形状。⑤ 绘制线（矩形、圆形、图片...）：context.lineTo(x, y);⑥ 闭合路径：context.closePath();⑦ 绘制描边 ：context.stroke();cx/cy：椭圆绘制的位置，圆心的位置。cx/cy：圆绘制的位置，圆心位置。
2022-12-19 22:24:51
1333
原创 表格和表单
使用nth-child()为偶数(even)或奇数(odd)行加背景色,使用resize属性可防止对 textareas 调整大小（禁用右下角的“抓取器”）
2022-12-19 21:15:15
73
原创 css样式表，定位
css是描述html文档样式的语言，css描述应该如何显示html元素css指的是层叠样式表，作用美化html元素节省了大量工作，同时可以控制多张网页的布局。
2022-12-08 16:31:18
158
原创 表单元素和iframe
1，input标签type类型：text:文本输入框password:密码输入框number:数字输入框radio:单选按钮checkbox:复选框button:按钮submit:提交按钮reset:重置按钮file:文件域hidden:隐藏域tel:电话号码输入框search:搜索框2，lable标签：扩大选择域3，txtarea文本域： 用于多行文本row:表示行的可见宽度 cols:表示列的可见宽度4，下拉标签select里面包裹optionmultiple="multiple"可以
2022-12-07 21:46:46
360
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人