- 博客(14)
- 收藏
- 关注
RSS订阅
1原创 XMLHttpRequest请求
发送请求需要创建好控制器和视图层原理：在视图层发送请求传到控制器，控制器处理完数据返回视图层。来完成这样一个简单的XMLHttpRequest请求。如下图：需要在视图层写html和js的代码。第一步：发送请求需要创建好一个XMLHttpRequest对象第二步：请求方式为POST请求，请求控制器当中的rtData方法处理数据如图所示：第三步：请求成功后将ID为p1的元素的文本内容改为如上图中的“数据修改好了”。第四步：发送请求。效果展示：点击修改之
2022-05-26 17:25:52
1182
原创 使用jquery操作元素样式
下面是html这部分的代码，在使用jquery的代码之前还需要在body的结束标签之前引入一个外部的jquery文件。这部分是css的代码效果展示：为设置按钮绑定点击事件在设置按钮的点击事件里面，同时声明多个变量获取对应文本框的值然后在设置按钮的点击事件里面给元素设置值。效果展示：以上就是使用jquery操作元素样式的代码了。...
2022-05-17 10:53:03
309
原创 显示当前时间
显示当前时间首先在html文档中准备需要的元素。两个按钮来控制时间的开始和暂停，span标签用来显示获取到的当前时间。基本样式如下： 效果展示：JS部分的代码如下：首先在页面加载事件里面获取开始按钮，并为开始按钮绑定点击事件接着在点击事件里面获取当前的时间以及年份，月份，日期，小时，分钟，秒数。最后获取到要显示当前时间的span标签把内容换成当前获取到的年份，月份，日期，小时，分钟，秒数。效果展示：当鼠标点击开始按钮时显示了当前的时间.
2022-04-27 10:01:26
1114
原创 键盘事件小案例
键盘事件小案例首先准备好一个张图片然后在script标签里面获取到这张图片为整个文档绑定键盘按下事件，传入一个事件对象并且兼容IE8及以下的浏览器写一个switch语句，通过事件对象找到键盘上的键盘码判断当前键盘按下的是哪个键从而实现上下左右操作图片通过打印可以知道上下左右的键盘码：左37、上38、右39下40.在实现功能之前需要给图片设置一个样式，给图片设置绝对定位然后判断键盘按下哪个键时图片向那边偏移。效果展示：以上就是键盘事件小案
2022-04-18 17:18:26
140
原创 点击按钮随机更换页面背景颜色
点击按钮随机更换页面背景颜色先准备一个按钮就像如图所示的那样然后获取到刚刚的按钮并为按钮绑定点击事件。并且弹出警告框来证明获取并绑定成功按钮。效果展示:点击按钮即可弹出警告框。在点击事件里面声明三个变量去接收0-255的随机数解释：因为RGB的颜色是0-255中的任意整数。而Math.random()这个方法是0-1之间的随机数，包括小数所以还要加上一个取整的方法。Math.round()这个方法表示的是四舍五入取整。鼠标点击时把随机数打印在控制台
2022-04-10 08:26:19
2514
原创 鼠标移入移出改变元素的背景颜色
鼠标移入移出改变元素的背景颜色首先；给div标签设置一个基本的样式，让这个div元素垂直居中。效果展示:然后在script标签里面获取元素div，将获取到的div赋值给div，然后输出到控制台。效果展示:为div元素绑定鼠标移入事件，鼠标移入时div的背景色变为粉色。效果展示:当我鼠标移入是div元素的背景颜色变为了粉色为div元素绑定鼠标移出事件，鼠标移出时div的背景色变为天蓝色。效果展示:以上就是鼠标移入移出改
2022-03-27 21:31:22
4122
原创 媒体查询使用方法
媒体查询使用方法首先：通过@来找到我们的媒体查询@media，开头注意@符号如图所示：如图所示:这就是媒体查询的完整形式and :可以将多个媒体特性连接到一起，相当于“且”的意思小括号里面写的是媒体查询的条件也可以叫特性大括号里面写代码块。如图所示：我给了一个条件设置最大宽度为800px时执行代码将背景色变成天蓝色。如图所示：运行之后可看到：当浏览器的宽度在800px以内时可视窗口的颜色变为了天蓝色以上就是媒体查询的使用方法。...
2022-03-08 19:05:44
1967
原创 2021-05-17
开发工具与关键技术： Axure原型作者：巢武辉撰写时间：2021/5/18注意看红色的线和箭头，共有4个步骤，按顺序操作下去首先要准备3个元件，中间的文字取名叫百分比，下面的线叫进度条，大矩形叫做框先找到上面菜单的“对齐”如图所示然后将框和进度条进行（上下居中和左对齐），进度条的高度和框的高度 进度条宽为1是一样的把线宽取消选择None或者把线段颜色取消 最后填充颜色选中进度条到“更多事件“找到载入时第一步在动作里面找到设置尺寸，第二步选择到进度条，第三步设
2021-05-17 21:27:27
75
原创 2021-05-09
开发工具与关键技术：Axure原型 作者：巢武辉 撰写时间：2021/4/28 开始，做水泡导航栏需要 6 个矩形加一个圆角矩形，下面五个黑色的矩形 Ctrl+G 编组我命名叫导航栏 首先，先拖一个矩形把它缩放到适合的尺寸分别复制5个给它拼接起来边与边对齐，每个都写上不同的文字换上颜色，“颜色”和“文字"随意，目的是为了区分 在原有的矩形当中在多复制2个，单机其中一个矩形拉动上面的三角，将其拉满就会由矩形变为圆角矩形缩小到适合的尺寸，另外一个矩形...
2021-05-09 15:58:23
89
原创 2021-05-09
注意看红色箭头，共有4个步骤，按顺序操作下去首先要准备一个矩形加一个按钮 矩形我命名叫大矩形 按钮我就命名按钮如箭头所示的位置勾上 将矩形隐藏 我将矩形命名为大矩形然后选择到按钮找到 “鼠标单击时”双击进去在动作里面找到 “切换可见性”然后点击确定即可如果没有切换可见性到 显示/隐藏 里面找只需点击显示/隐藏即可...
2021-05-09 15:09:58
75
原创 2021-05-09
注意看红色箭头，共有3个步骤，按顺序操作下去首先要准备一个矩形加一个按钮 矩形我命名叫大矩形 按钮我就命名按钮如箭头所示的位置勾上将矩形隐藏将矩形命名叫大矩形然后选择到按钮找到 “鼠标单击时”双击进去在动作里面找到 “切换可见性”然后点击确定即可如果没有切换可见性到 显示/隐藏 里面找只需点击显示/隐藏即可 ...
2021-05-09 08:05:41
83
原创 2021-05-08
注意看红色箭头，共有3个步骤，按顺序操作下去鼠标点击如图所示的图标会弹出一个下拉框然后选择创建元件库 点击时会弹出一个保存的页面就像如图所示的然后选择你要保存到的地方，我选择的是桌面 文件名是“我的元件库”然后点击保存就完成了以上是我所知道的,初来乍到请多多指教...
2021-05-08 19:05:41
107
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人