前端
文章平均质量分 63
前端学习
不是七七子
默默努力,慢慢成长。
展开
-
Vue2.0学习笔记
注意:Vue概述1.什么是VuejsVuejs是一套构建用户界面的框架,它只关注视图层的内容,它是前端的主流框架之一。前端3大主流框架:Angular.jsReact.jsVue.js前端框架主要负责的是MVC中的V的这一层,主要的工作就是和界面打交道,主要是用来对页面中的数据进行处理,以及制作前端页面相关的特效及动画。2.为什么要学习Vuejs在实际项目开发中,不论是做前端开发还是后端开发,使用框架技术是最佳的提高效率的方式。另外使用Vuejs来做前端框架,对于处理数据的方面.原创 2021-04-19 13:47:09 · 513 阅读 · 0 评论 -
表单正则验证Demo
先目睹下页面吧ヾ(๑╹◡╹)ノ"主要技术点:输入框为空时提示该项为空;输入框错误时提示该项错误;只有各项都符合要求,才能提交,否则提示;重置后各项都为空,相应的提示也消失。HTML代码:<body> <div id="div-id"> <h1>个人信息登记表</h1> <!-- 各项放到表格里,看着整齐 --> <!-- 提交和重置按钮不能直接加事件,可以在f.原创 2021-02-25 10:59:39 · 355 阅读 · 1 评论 -
随机点名器Demo
先目睹下页面吧ヾ(๑╹◡╹)ノ"HTML代码:<body> <h1>点名啦</h1> <div id="did"> <input id="rollcall-id" type="button" value="随机点名器"><br> <input id="action-id" type="submit" onclick="doClick()" value="开始"> .原创 2021-02-23 15:31:19 · 258 阅读 · 0 评论 -
仿京东-轮播图Demo
先目睹下页面吧ヾ(๑╹◡╹)ノ"做了一个仿京东的轮播图,当然没有人家官网的精美啦。主要技术点:每隔3秒自动切换图片;鼠标移入图片自动暂停切换,鼠标移出则继续;点击左右方向按钮手动切换图片;鼠标移到灰色圆点,显示对应的图片,并加亮显示。HTML代码:<body> <h1>轮播图展示</h1> <div id="did"> <!-- 图片 --> <div id="img.原创 2021-02-23 09:21:37 · 573 阅读 · 0 评论 -
JavaScript内置对象
JavaScript内置对象Array数组Array对象用于在单个的变量中存储多个值。创建数组:var a1 = new Array(); //定义一个空数组var a2 = new Array(10); //定义一个长度为10的数组(值:undefined)var a3 = new Array(10,20,30); //定义一个指定数值的数组var a4 = [10,20,30,40]; //快捷定义数组遍历数组:var a = [10, 20, 30, 40];原创 2021-02-17 00:03:57 · 721 阅读 · 0 评论 -
视频网站网页Demo
先目睹下超级简陋的页面ヾ(๑╹◡╹)ノ"主要技术点:鼠标悬浮在图片上,图片变大且有阴影;当点击图片的时候,在下方的 iframe 中切换图片对应的电影。代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <m.原创 2021-02-14 14:15:29 · 4341 阅读 · 9 评论 -
自增自减
终于搞懂了自增自减运算符var a = 10;var b = 20 + a++; //先取出变量a的值与20求和后赋给变量b,之后a自增1console.log(b); //30console.log(a); //11var a = 10;var b = 20 + ++a; //先将变量a自增1,再与20求和结果赋给变量bconsole.log(b); //31console.log(a); //11var a1 = 10;console..原创 2021-02-14 12:10:22 · 357 阅读 · 1 评论