- 博客(18)
- 收藏
- 关注
RSS订阅原创 表单提交 表单序列化 常用插件
在进行表单控制时，如果某一个表单即不可以被编辑但同时也需要被提交，可以设置 readonly 属性，通过给含有 readoniy 属性的表单添加特定的 css样式来模拟 disabled 的样式。表单提交主要是通过表单元素的 name = value 进行传递数据的，但是表单提交时需要注意一下原则。表单的提交方式有两种:分别是 get提交(为表单的默认提交方式)与post提交。如果name 值相同的表单提交，该name 值会出现多次，且对应不同表单的值。应用场景:地址栏发出的请求或超链接发出的请求。
2023-02-02 09:00:43
209
原创 addclass() removeClass() hasClass() toggleClass() html()、text() 与 val()
提示:如需设置或返回被选元素的 innerHTML (文本+HTML标记)，请使用html()方法。当该方法用于返回内容时，则返所有匹配元素的文本内容(会删除 HTML标记)提示:如只需设置或返回被选元素的文本内容，请使用text()方法。当用于设置值时:该方法设置所有匹配元素的 value 属性的值。css()方法设置或返回被选元素的一个或多个样式属性。当该方法用于返回内容时，则返回第一个匹配元素的内容。当该方法用于设置内容时，则重写所有匹配元素的内容。当该方法用于设置内容时，则重写所有匹配元素的内容。
2023-01-31 23:09:39
235
原创 正则表达式
返回一个bool值，它指出被查找的字符串是否匹配给定的模式。使用频繁，主要用于匹配测试。把正则表达式编译为内部格式，从而执行更快使用新正则去替换旧正则，主要用于提升比较复杂和耗时的处理过程的性能，一般情况下很少使用。用正则表达式在字符串中查找，并返回包含结果的一个数组。不仅用于判断给定的字符串是否匹配，而且会返回匹配结果的详细信息。pattern表示要使用的正则表达式模式，也就是由的特殊字符或普通字符所组成的表达式。flags标志位，可选项，有g（全文查找）、i（忽略大小写）、m（多行查找）三种。
2023-01-09 19:40:37
53
转载 sass运算关键词参数插值语句
关键词参数可以打乱顺序使用，如果使用默认值也可以省缺，另外，参数名被视为变量名，下划线、短横线可以互换使用。需要注意的是，如果颜色值包含 alpha channel（rgba 或 hsla 两种颜色值），必须拥有相等的 alpha 值才能进行运算，因为算术运算不会作用于 alpha 值。在 CSS 中通常起到分隔数字的用途，SassScript 作为 CSS 语言的拓展当然也支持这个功能，同时也赋予了。插值语句也可以在属性值中插入 SassScript，大多数情况下，这样可能还不如使用变量方便，但是使用。
2022-12-27 18:55:23
162
原创 混合器@mixin
尽管默认的浏览器样式不会被继承，因为它们不属于样式表中的样式，但是你对 html元素添加的所有样式都会被继承。在设计网页的时候常常遇到这种情况：一个元素使用的样式与另一个元素完全相同，但又添加了额外的样式。混合指令可以包含所有的 CSS 规则，绝大部分 Sass 规则，甚至通过参数功能引入变量，输出多样化的样式。的样式，带来了很多不变：智能比如加重维护负担，导致 bug，或者给 HTML 添加无语意的样式。的形式指定每个参数的值。包含在一个父规则中时，在混合器中的规则最终会生成父规则中嵌套规则。
2022-12-27 18:53:08
505
原创 sass变量定义
可以在变量的结尾添加 给一个未通过 声明赋值的变量赋值，此时，如果变量已经被赋值，不会再被重新赋值，但是如果变量还没有被赋值，则会被赋予新的值。编译为变量是 null 空值时将视为未被 赋值。编译为嵌套 @import大多数情况下，一般在文件的最外层（不在嵌套规则内）使用 ，其实，也可以将 嵌套进 CSS 样式或者 中，与平时的用法效果相同，只是这样导入的样式只能出现在嵌套的层中。假设 example.scss 文件包含以下样式：然后导入到 样式内将会被编译为不可以在混合指令
2022-12-26 18:58:32
625
原创 Sass功能
首先是 SCSS (Sassy CSS) —— 也是本文示例所使用的格式 —— 这种格式仅在 CSS3 语法的基础上进行拓展，所有 CSS3 语法在 SCSS 中都是通用的，同时加入 Sass 的特色功能。或者，对于仅使用过一次的属性值，你可以赋予其一个易懂的变量名，让人一眼就知道这个属性值的用途。之后，如果你需要一个不同的值，只需要改变这个变量的值，则所有引用此变量的地方生成的值都会随之改变。作为属性的命名空间。用中划线的命名方式，这并不影响你在使用 compass 的样式中用下划线的命名方式进行引用。
2022-12-26 18:57:55
837
原创 css3圆角阴影背景
CSS3 中可以指定背景图片，让我们重新在不同的环境中指定背景图片的大小。content-box、padding-box 和 border-box 区域内可以放置背景图像。属性，你可以使用图像创建一个边框 round平铺；stretch 拉伸。指定背景图像的大小。CSS3 以前，背景图像大小由图像的实际大小决定。不同的背景图像和图像用逗号隔开，所有的图片中显示在最顶端的为第一张。你指定的大小是相对于父元素的宽度和高度的百分比的大小。背景剪裁属性是从指定位置开始绘制。属性指定了背景图像的位置区域。
2022-12-21 18:51:18
183
原创 svg 阴影渐变动画
svg 阴影渐变动画SVG 允许我们定义以后需要重复使用的图形元素。建议把所有需要再次使用的引用元素定义在 元素里面。 元素作用是作为原子滤镜操作的容器。它不能直接呈现。可以利用目标 SVG 元素上的 filter属性引用一个滤镜。 将输入图像作为一个整体，通过属性 dx 和属性 dy 的值指定一个偏移量。 滤镜把两个对象组合在一起，使它们受特定的混合模式控制。类似于图像编辑软件中混合两个图层。
2022-12-20 21:51:40
168
原创 canvas SVG简介及绘制图形
Canvas 表示画布，现实生活中的画布是用来作画的。HTML5 中的 Canvas ：我们可以称它为“网页中的画布”。默认情况下，Canvas 是一块 300px*150px 的矩形画布，用户可以自定义画布的大小或为画布添加其他属性。利用 Canvas 实现绘画：Canvas 并不是通过鼠标绘画的，而是用户需要通过 JavaScript 来控制画布中的内容，例如添加图片、线条、文字等。SVG 英文全称为 Scalable Vector Graphics，意思为可缩放的矢量图。
2022-12-19 18:05:25
1909
原创 初识CSS样式表 基本选择器 组合选择符 属性选择器 定位
CSS指的是层叠样式表(Cascading style Sheets) ，也称级联样式表CSS描述了如何在屏幕、纸张或其他媒体上显示HTML元素CSS节省了大量工作，它可以同时控制多张网页的布局外部样式表存储在CSS文件中初识CSS样式表基本选择器组合选择符置。top: 0;}初识CSS样式表基本选择器组合选择符在这个实例中，选择器选取所有带有target="_blank”属性的元素。↩︎↩︎↩︎↩︎。
2022-12-08 16:28:02
247
原创 表单及表单元素 块级元素与行内元素 iframe嵌套框架
标签为单标签，是常用的表单控件之一。type属性为其最基木的属性，其取值有多种，用于指定不同的控件类型。除了type属性之外，标签还可以定义很多具他的属性，具常用属性如下表所示:label标签为input元素定义标注（标签)。作用:用于绑定一个表单元素，当点击 label标签的时候，被绑定的表单元素就会获得输入焦点。如何绑定元素呢?for 属性规定label与哪个表单元素绑定。2.3textarea标签(文本域)如果需要输入大量的信息，就需要用到标签。通过textarea标签可以轻松地创建多行文格式如下
2022-12-08 00:04:01
217
原创 常见标签及其属性 ·相对路径与绝对路径 ·列表 ·表格的制作
·常见标签及其属性·相对路径与绝对路径·列表·表格的制作·常见标签及其属性·相对路径与绝对路径·列表·表格的制作·相对路径与绝对路径为了使网页更具有语义化，我们经常会在页面中用到标题标签，HTML提供了6个等级的标题，即 、、、、>和。超链接默认打开方式 本页面跳转标题的基本语法格式如下:请尽量避免使用h1标签。h1标签一般是给logo 使用，或者给页面中最重要的标题信息使用。在网页中要把文字有条理地显示出来，就离不开段落标签。就如同我们平常写文章一样，整个网页也可以分为若干个段落。段落的基本语法格式如下
2022-12-05 23:19:05
227
原创 对MVVM的理解
MVVM 是Model-View-ViewModel 的缩写，我的理解View它其实就像网页视图，Model就像后台数据，网页视图和后台数据不直接关联，通过中间的ViewModel双向绑定之后，当你修改了后台数据Model，网页视图View就会发生改变，同理，如果View视图发生改变，Model也会发生改变。这就是所谓的数据改变网页，网页改变数据。这是我对MVVM的简单理解。
2022-09-30 11:31:43
158
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人