![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
练习
文章平均质量分 70
阿门阿前下的蜗牛
这个作者很懒,什么都没留下…
展开
-
手动搭建Vue CLI(用webpack 配置vue项目)---练习使用webpack打包
Vue CLI安装过程(用webpack 配置vue项目的安装过程)—1. 练习使用webpack打包文章目录1. Node环境2. 安装并使用webpack2.1 webpack的全局安装2.2 练习webpack使用2.3配置webpack文件以简化命令2.4 package.json映射到npm run指令2.5 局部安装webpack1. Node环境webpack基于node环境, 所以先在官网下载安装node; 一路点确定即可;打开终端:win+R; 然后输入cmd确认node已经原创 2021-06-13 16:39:19 · 304 阅读 · 1 评论 -
vue父子组件通信练习
达成效果:在子组件里触发input时, 父组件里的data会改变改变父组件data时,子组件里面data和input.value也会改变<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" ..原创 2021-06-10 17:20:40 · 141 阅读 · 0 评论 -
练习-原生js写的颜色选择器colorpicker
colorpicker需求分析:以下四种方案, 前三种为点击色块选择颜色, 第四种为滑动/拖拽选颜色, 所以分为两种实现类型-色块或者色带, 做出两种colorpicker.第一种方案的颜色选择器: 点击色块选择颜色<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="原创 2021-05-14 18:00:11 · 1703 阅读 · 0 评论 -
JS-WebAPIs-PC端特效练习(拖拽/缓动动画/轮播图/返回顶部)
PC端网页特效练习题文章目录PC端网页特效练习题重点1.重点: 拖拽原理2.重点: 缓动动画注意: 多个目标之间缓速移动实现时候注意取整一, offset系列属性练习1. 拖拽弹出框(模态框)3. 商品放大镜二, scroll属性练习1. 淘宝固定右侧侧边栏注意区分window.pageYOffset和element.scrollTop三, 动画1. 飘动的盒子们2. 轮播图重点1.重点: 拖拽原理2.重点: 缓动动画// 匀速动画 就是 盒子是当前的位置 + 固定的值 10// 缓动动画就是原创 2021-03-26 19:01:38 · 247 阅读 · 2 评论 -
JS-WebAPI-BOM练习题(定时器/页面跳转)
JS-API第5天-BOM练习题文章目录JS-API第5天-BOM练习题一, 定时器练习练习1. 3秒后自动关闭广告练习2. 京东秒杀倒计时牌一, 定时器练习练习1. 3秒后自动关闭广告<body> <img src="images/cj.jpg" alt="" class="ad"> <script> var ad = document.querySelector('.ad'); setTimeout(functi原创 2021-03-17 18:14:34 · 496 阅读 · 0 评论 -
练习-动态生成表格存储学生信息
练习-动态生成表格存储学生信息要求:Part1: 输入学生的 姓名/科目/成绩, 动态生成表格 当已有多个学生信息时, 一次导入生成表格 每一项学生信息, 都有删除选项基本样式:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, i原创 2021-03-11 12:23:50 · 544 阅读 · 0 评论 -
JS-WebAPIs-DOM练习题(tab栏/输入框)
JS-WebAPIs第1天-DOM练习题参考:pink老师JS基础 JavaScript基础语法-dom/bom-es6-jQuery-数据可视化echarts-包含笔记源码作业黑马程序员pink老师前端入门视频教程(持续更新)MDN-Web API接口参考 文档对象模型文章目录JS-WebAPIs第1天-DOM练习题一, 常用元素属性操作练习练习1: 点击按钮显示现在的时间练习2: 根据不同时间显示不同提示语二, 表单的属性操作练习练习3: 点击显示密码练习4: 京东关闭顶部/底部广告练习5:原创 2021-03-07 20:47:48 · 433 阅读 · 0 评论 -
练习-留言板
关键词: 操作节点实现如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2021-03-09 21:43:05 · 215 阅读 · 1 评论 -
练习-tab切换栏
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>ta原创 2021-03-09 17:01:46 · 185 阅读 · 0 评论