10 2021 档案
摘要:预览: 源码: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>实践题 - 选项卡</title> <style type="text/css"> /* 标签和文本结合区域效果制作: 1.用ul做分类标签 2
阅读全文
摘要:制作一个表格,显示班级的学生信息。 要求: 鼠标移到不同行上时背景色改为色值为 #f2f2f2,移开鼠标时则恢复为原背景色 #fff 点击添加按钮,能动态在最后添加一行 点击删除按钮,则删除当前行 预览 源码: <!DOCTYPE html> <html> <head> <title> new do
阅读全文
摘要:制作一个跳转提示页面: 要求: 如果打开该页面后,如果不做任何操作则5秒后自动跳转到一个新的地址,如百度网主页。 如果点击“返回”按钮则返回前一个页面。 预览: <!DOCTYPE html> <html> <head> <title>浏览器对象</title> <meta http-equiv="
阅读全文
摘要:预览: <!DOCTYPE html> <html> <head> <title> 事件</title> <script type="text/javascript"> function count(){ //获取第一个输入框的值 //获取第二个输入框的值 //获取选择框的值 //获取通过下拉框来选
阅读全文
摘要:预览 源码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>组件的实例</title> </head> <body> <div id="app"> <cpn></cpn> <cpn></cpn> <cpn>
阅读全文
摘要:源码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>v-model结合select类型</title> </head> <body> <div id="app"> <!-- 选择一个--> <select
阅读全文
摘要:预览: 源码: <div id="app"> <!--单选框--> <label for="agree"> <input type="checkbox" id="agree" v-model="isAgree">同意协议 </label> <h2>您选择的是{{isAgree}}</h2> <but
阅读全文
摘要:预览: 源码: <div id="app"> <!--多选框--> <input type="checkbox" value="篮球" v-model="hobbies">篮球 <input type="checkbox" value="足球" v-model="hobbies">足球 <input
阅读全文
摘要:写在博客前的话: 保留两位小数使用的是 .toFixed(2) 方法 动态绑定v-bind:disabled='item.count <=1 '来判断按钮是否可点击 按钮的动态使用index去判定 思路: 表格的建立,表头,循环遍历js中的数组 实现过滤器添加¥与实现小数点后两位 实现加减按钮的点击
阅读全文
摘要:职场原则 一、请按职场规则行事 快速熟悉工作环境,了解工作SOP 主动观察企业带教老师工作方法,争取机会得到反馈及复盘,了解更多企业、行业信息 自我介绍 —— 职场形象 —— 提前安排住宿 —— 守时,提前规划好交通路线 —— 物资上的准备,带好手提电脑 二、职场着装理解 男生 女生 三、短信、邮件
阅读全文
摘要:要求: 点击列表中的哪一项,那么该项文字变为红色(结合v-for和v-bind来实现) 预览: 源码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>作业</title> <style> .active{
阅读全文
摘要:
阅读全文
摘要:三种循环方法 for( let i=0;i<this.books.length;i++){} for (let i in this.books){} for (let book of this.books){} <!DOCTYPE html> <html lang="en"> <head> <met
阅读全文