- 博客(28)
- 收藏
- 关注
RSS订阅原创 jQuery筛选-查找
在讲解之前，还是要注意：要引入jquery-3.6.0.jsjQuery查找find()方法，这个函数是找出正在处理的元素的后代元素的好方法而这个是find输出的值是第二个span标签，还有个别的查找方法，比如：(expr、obj、ele)来进行查找 Parent是取得一个包含着所有匹配元素的唯一父元素的元素集合。你可以使用可选的表达式来筛选Parents（[expr]）取得一个包含着所有匹配元素的祖先元素的元素组合Next（[expr]）下一个，获取得到P元素后面的元素div进行筛选取得一个包含匹配的元素
2022-06-09 10:30:15
411
原创 jQuery筛选-过滤
这次主要讲解jQuery筛选-过滤的方法jQuery筛选-过滤的方法，每一个方法都很简单注意：在写jQuery的过程中，script标签不要忘了把jquery-3.6.0.min.js引入进去第一种，筛选eq()方法：第二种，jQuery筛选first()与last()：第三种，jQuery筛选is()的方法：第四种，jQuery筛选has()方法：第五种，jQuery筛选hasClass()方法：第六种，jQuery筛选not()方法：第七种，jQuery筛选
2022-05-29 19:34:57
432
原创 jquery计算器
这次讲解的是一篇关于计算的案例，先是创建一个新的HTML页面在新的HTML页面里，先编程一个类似与计算器的一个表格编程的代码，如下图： HTML代码：CSS代码：Js代码： 注意：script标签里还有一条重要的，在我上一篇讲述到下载的jQuery插件，需要再创一个script标签里引入jquery-3.6.0.min.js，不要贪图一时的快而忽略这条重要的信息，一定要审阅。Css样式就不详细讲解了，用一个大的div标签，分为两个小的div在里面，主要的是P标签，要设置id，并且
2022-05-19 10:57:59
585
原创 jQuery样式
1.jQuery简介jQuery是一个JavaScript函数库,一个轻量级JavaScript库(特点："写的少，做的多")jQuery库包含以下功能： HTML 元素选取 HTML 元素操作 CSS操作 HTML 事件函数 JavaScript特效和动画 HTML DOM 遍历和修改 AJAX jQuery还提供了非常多的插件（依赖于jquery开发的插件）首先要去下载jquery的库文件。下载地址：https://jquery...
2022-05-08 20:01:22
455
原创 定时器用法
在JavaScr中，定时器可以让我们在设定的时间间隔之后来执行代码，而不是在函数被调用后立即执行。而定时器分别有两种类型：一次性定时器：仅在指定的延迟时间后触发一次。 间隔性定时器：每隔一定的时间间隔就触发一次。一次性定时器setTimeout( )一次性定时器，在载入后延迟指定时间后，去执行一次代码，仅执行一次。写法：setTimeout( 要执行的代码，延迟时间)。定时器中的延迟时间是以毫秒为单位。如上图就是，开启了一个定时器，并在两秒后弹出一个确认框。那么有开启定时器那么对应的
2022-05-08 16:37:15
1674
原创 javascript事件冒泡与事件委派
JavaScript事件冒泡1.JavaScript事件冒泡（Bubble）；所谓冒泡指的就是事件的向上传导，当后代元素上的事件被触发时，其祖先元素的相同事件也会被触发。2.在开发中大部分情况冒泡都是有用的，如果不希望冒泡发生可以通过事件对象取消冒泡event.cancelBubble=true3.案列如下：id“box”和“innerBox”背景颜色可任意设置一个（box背景颜色粉红色，innerBox背景颜色紫色）Html源代码：4.Css源代码：没有使用link标签
2022-04-28 10:04:55
274
原创 javascript方法与作用域
调用对象的方法函数也可以作为对象的属性，如果一个函数作为一个对象的属性保存，那么我们称这个函数是个对象的方法。1.调用函数就是调用对象的方法，但是她只是名称上的区别没有其他的区别，例如：2.函数的调用与方法的调用（本质上是一个东西，只是叫法不同）3.通过对象字面量的方式创建对象4. 作用域：作用域指一个变量的作用范围Js中一共有三种作用域，分别是全局作用域 函数作用域（局部作用域） 块级作用域（ES6+新增的）5.全局作用域的说明：直接写在script标签的
2022-04-10 19:04:26
466
原创 javascript简易的动画效果
JavaScript做一个简易的动画效果，主要还是要注意的是js部分还是和往常一样创建一个HTML，如下图（开始操作）：首先写一个div做成一个正方形盒子，内名为“box”，也可以给它写其他名，自由创作再写两个div做成竖线，各自给一个不同的内名，在script用来做检测判断用的还有再加两个input标签或者button标签，各给一个id名 如下图：给这些div标签和input标签做好css属性样式，以及定好位置，如下图代码： 这就是在浏览器的一个样貌，颜色可以自己随意去改.
2022-03-28 20:42:26
2649
原创 JavaScript获取时间
首先要在Visual Studio Code里创建一个新的HTMl，在title标签里给可以它换一个名字创建后的HTML如下图： 在body里写一个‘p’标签写上当前时间显示，下面再写一个div，给一个id，内名time（也可以自己写一个自己想要的内名，但前提是获取id要注意自己给的内名） 给内名需要注意的事项1.“div”标签里的id名要标明、标清、易记2.给出的id名，在“script”里获取值的名要一致3.每个获取时间的点上都要有自己...
2022-03-20 09:02:38
1659
原创 JavaScript基础语法（后篇）
JavaScript 赋值运算符 JavaScript关系运算符 3.1 oJavaScript关系运算符> 大于>= 大于等于< 小于<= 小于等于运算的结果为布尔值5.//运算的结果为布尔值Var a = 4<=5;//Console.log(“a =”+ a); 6. 3.2 JavaScript相等运算符== 表示值相等的意思!= 表示不等的意思=== 全等（数据类型与值...
2022-03-08 15:01:32
538
原创 JavaScript基础语法（前篇）
Javascript 字面量与变量字面量：一些不可以改变的值。 变量：变量可以用来保存字面量，而且变量的值是可以任意改变的。变量更加方便我们使用，所以在发开中都是通过变量去保存字面量变量的声明：通过var关键字声明 var studentName=12;JavaScript 标识符在JS中所有可以由我们自主命名的都可以称为是标识符。例如：变量名 函数名 属性名都属于标识符2.JavaScript数据类型在JS中一共有7种数据类型3. 2.1 Strin...
2022-03-08 14:54:39
709
原创 Js鼠标事件与函数
鼠标事件（Mouse Events）通过鼠标触发事件, 类似用户的行为:鼠标事件列表，要在body里设一个div，id名要为box，style里设置它的宽、高，然后再script里设置脚本语言，使它在里面能够运行。下面script都例了鼠标每一样事件，把注释解掉，在把上面的注释掉就可以在浏览器查看鼠标事件。<script> var box = document.getElementById("box"); //鼠标单击事件 box.o...
2021-12-16 14:47:19
1800
原创 js语法与变量
1. JavaScript的基础用法，最开始使用引入js的方法有两种，第一个分类清晰，只要把他们分在不同的文件夹里规划在一起就行，一般大型的网页都是使用这一种引入的方法，而不会混乱。2. 第二个就是直接在HTML里使用script标签应用在最下面，script与link标签有一些不一样，它不能写在link标签下面，这样的一般大型的网页会受到先后顺序的阻碍，导致一些功能会受到变更，所以都是写在</div>最末尾的地方，或者在最后面，要是大型网页最好就不要继续在最下面写JavaScript了..
2021-12-08 15:42:43
481
原创 Flex布局
1.我们知道当并列书写多个div标签，它们会纵向向下排位，如果我们想将多个div并列成一排，就得借助position，float，或display属性，这便是传统的盒模型做法。而flex布局则是一种新的布局方案，通过为修改父div的display属性，让父元素成为一个flex容器，从而可以自由的操作容器中子元素(项目)的排列方式。例如我们让多个div横向排列，传统做法是使用浮动，但浮空后因为脱离文档流的缘故，父元素会失去高度，这又涉及了清除浮动等一系列的问题。而flex布局相对简单.
2021-11-17 15:36:15
198
原创 filter 属性
filter 属性定义了元素(通常是<img>)的可视效果(例如：模糊与饱和度)。1、grayscale灰度（值为0-1之间的小数）filter:grayscale(1); -webkit-filter:grayscale(1);0表示灰度为0%，显示原图，1表示灰度为100%灰色。2、sepia褐色（值为0-1之间的小数）filter:sepia(1); -webkit-filter:sepia(1);0表示褐色度为0%，显示原图，1表示褐色度为100%显示褐色...
2021-11-08 19:03:17
1384
原创 安装vs code
1.首先我们需要在官网去下载vs code。地址：Visual Studio Code - Code Editing. Redefined官网截图如下，点击截图中圈出来的下载按钮即可下载。2. vs code安装下载完成之后找到安装包，鼠标左键双击运行。如下图：3.如果有安全警告的弹出框，选择运行。如下图：4.接下来点击我同意，下一步。如下图：5.点击下一步。如下图：6.点击下一步。如下图：7.勾选创建桌面快捷方式，点击下一步。如下图：..
2021-10-18 19:13:54
157
原创 创建轮播
1.创建一个新的HTML，写入代码。创建新的HTML如下图:2.在桌面创建一个新的文件夹，打开文件夹之后，在文件夹内在创建几个新的文件，然后给它们命名分类，把在Dreamweaver保存的html、css样式都保存在不同于一个文件里边，如下图：3.在HTML里css引入到源代码里，在css里编写样式、位置等代码编程，编程的代码如图显示：4. 在common.css样式里编写，内边距、外边距、属性等，显示如下图:5. 在html里编写超文本语言，设置内联以及id选择器，在lu.
2021-10-11 15:27:15
88
原创 引入CSS样式
开始编程写代码，创建一个浏览页面：创建新的一个css文档，在html里引入css样式。在css样式里边设置内部样式。创建新文档如下图：快捷键：（Ctrl+N）2.TML里引入css样式表如下图：后在css样式表里设置属性：如图所示：4.浏览器检查如图所示：5. CSS样式表6.文全称：Cascading Style Sheets)是一种用来表现HTML或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS 不仅可以静态地修饰网页，还可...
2021-09-27 08:33:17
145
原创 CSS的规则样式
为文档添加样式(程序)在CSS中为文档添加样式的4个方式：内联样式 内部样式 链接样式|外部样式（link标签引入外部样式） @import指令导入外部样式文件2.使用内联样式：直接将样式定义到HTML元素中(写在标签里)。这种作用范围有限，只影响它所在的标签，而且总是覆盖嵌入样式和链接样式。<divstyle="width:200px;height:200px;"></div>3. 使用内部样式：写在<style>标签中。作用范围仅限...
2021-09-15 14:45:30
100
原创 CSS的基础知识
1.CSS基础知识在前一章节中我们大概了解了什么是HTML文档，那么在小节中我们讲解一下CSS规则，怎么为HTML添加样式。每个HTML元素都有一组样式性，可以通过CSS来设定。这些属性涉及元素显示的不同方面，例如文本内容的字体、字号和颜色，元素显示的位置等等。CSS就是一种先选择HTML元素，然后设定选中元素CSS属性的机制。CSS选择符和要应用的样式构成了一条CSS规则。2.解析CSS规则下面我们举例说明：将段落标签的文本内容设置为红色HTML代码：<pid="txtp"&.
2021-09-07 16:02:07
176
1
原创 DW的前端开发基础
注意看红色开发工具与关键技术： Dw作者：陈立彬撰写时间：2021/8/26在打开Dreamweaver之前，我们要准备的工具有：谷歌、火狐、苹果等其他浏览器。还有开发工具：ps。进行图片修改以及剪辑。学习Dreamweaver的基础页面例如：PC端——页面 、移动端——页面、 用户体验…首先打开Dw,创建一个新的HTML，打开的内容如下图：里面是打代码的区域，我们首先要认识一下什么是HTML?3. 什么是HTML标签？学习网页开发，首先你得知道怎么编..
2021-08-26 11:32:41
5397
原创 Ai的钢笔工具
注意看红色开发工具与关键技术： Ai作者：陈立彬撰写时间：2021/6/16钢笔工具快捷键：P。后退：Ctr+Altl+Z/右击锚点-删除锚点。完成创建：Esc注意：路径存放在路径面板里面，独立于图层面板之外且工作路径将不被保存，必须将其复制为路径才可保存，不然下一次绘制路径将被顶替。斜体字都是临时不保存的锁定角度：Shift隐藏路径：路径面板点击空白区域光标状态认识自动添加/删除：未完成路径状态下靠近路径与锚点完成...
2021-06-27 15:35:21
4107
原创 Ps初始认识和设置
菜单栏、选项栏、工具栏、面板、工作区菜单栏 有下拉菜单外观颜色设置：首选项-界面-颜色，快捷键ctrl+k选项栏 是工具进行调节的参数面板，单独拉出与整合，在菜单窗口里打开关闭状态栏 显示画面缩放大小比例，右边显示工作信息栏，左键单机工作信息栏不松可快捷查看文档信息。Alt+鼠标滚轮：缩放画面画面灰色区域为文档工作面，改变工作面颜色：油漆桶工具-选取颜色-shift+点击工作面，或右键自定义。文档标签：可变换顺序。拖动浮动文档，浮动后双击可全屏；右键可调画布大小等
2021-06-16 10:50:21
1001
原创 Ps的变换、蒙版与色彩平衡
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~注意看红色开发工具与关键技术： Ps作者：陈立彬撰写时间：2021/6/8自由变换编辑菜单-点击任意图层，然后（Ctrl+T），可任意进行放大缩小、旋转参考点：按住Alt键点击画面任意点将作为参考点。移动变换鼠标拖动/方向键移动使用参考点作为相关定位：将会以当前参考点为起始点。再次变换命令Ctrl+Sh.
2021-06-08 16:36:18
1015
原创 用ps做视频
文档前期设置1新建文档-动感工作区- - 面板菜单设置时间帧速率（电视为25帧，现在一般为30帧）2文件-打开-格式选视频视频编辑 创建视频组可以将不同图层放入同一轨道一起编辑，方便管理编辑。 普通图层视频过度 拖拽到视频之间时间码与帧号的转换显示：面板菜单-面板选项- 面板菜单启用时间轴快捷键方便左右方向键调整关键帧新建视频空白图层：图层菜单-视频图层-新建空白视频图层 视频空白图层上面画的只是单帧，普通图层画的是整个轨道视频导出导出mp4格.
2021-05-26 08:47:17
721
1
原创 ps的选区和相关工具
选区和相关工具~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~注意看红色开发工具与关键技术： Ps作者：陈立彬撰写时间：2021/5/17~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~选区的概念选区的概念就是对选区内的图像调整、裁剪、复制Shift框选为正方形，
2021-05-17 20:14:52
200
Mas02.psd，这是我用ps临摹画的一副动漫图片画
2022-09-29
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人