rAAAAAAAAy-优快云博客

原创 JavaScript实现简易画图工具

let inEles = document.querySelectorAll('input');let canEle = document.querySelector('canvas');let pen = canEle.getContext("2d");let spanEle = document.querySelector('span');let state = false;let yidong;inEles[0].addEventListener('click', function ()

2020-11-21 13:25:46 566

原创用canvas绘制太极

js代码let canEle = document.getElementsByTagName('canvas');let pen = canEle .getContext('2d');pen.beginPath();pen.arc(200, 200, 200, Math.PI * 1.5, Math.PI * 0.5);pen.strokeStyle = 'black';pen.stroke();pen.beginPath();pen.arc(200, 200, 200, Math.PI

2020-11-14 18:41:18 173

原创 JavaScript三种执行环境

全局执行环境全局执行环境:这是一种默认和基础的执行环境。如果代码不在任何的函数中，那么它就是在全局执行环境中。他做了两件事情：首先，它创建了一个全局对象 - windows（如果是浏览器的话），并且把this的值设置到全局对象中。在程序中，只会存在一个全局执行环境。函数执行环境函数执行环境:每次当函数被调用的时候，就会为该函数创建一个全新的执行环境。每个函数都有他们自己的执行环境，但是他们仅仅是在函数被调用的时候才会被创建。其可以有任意多个函数执行环境。无论新的执行环境在什么时候被创建，它都会按照定义

2020-10-26 21:54:21 814

原创用javaScript实现星星评分系统

目录javaScript代码效果javaScript代码let database = ['很差', '差', '一般', '好', '很好'];let divEle = document.querySelector('div');let num = -1;//渲染function xuanRan() { for (let index = 0; index < database.length; index++) { let imgEle = document.crea

2020-10-18 22:36:41 526

原创用JavaScript实现多选框的全选和反选

目录代码htmljavaScript效果全选全不选反选代码html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>复选框的全选和反选</title></he

2020-10-10 12:06:52 302

原创用JavaScript实现双色球滚动效果

目录前言代码htmlcssjavascript效果初始效果实现后效果前言最近写了一个双色球滚动的小程序，下面一起来看一下！代码html创建6个蓝色球、1个红色球、1个开始和1个结束按钮。 <div class="ssq"> <p>1</p> <p>2</p> <p>3</p> <p>4</p> <p

2020-09-26 10:59:50 1693

原创 javscript判断是否为闰年的方法

目录前言三目运算符（三元运算符）if判断语句前言用户输入一个年份，JS可以实现判断是否为闰年。下面一起来看一下。三目运算符（三元运算符）console.log("输入年份");inputYear = rs.question( ) - 0;//转换为数值型(inputYear%400==0)||(inputYear%4==0&&inputYear%100!=0)?console.log("闰年"):console.log("平年")//条件1:能被400整除条件2:能被4整

2020-09-05 18:49:04 384

原创利用CSS制作下拉菜单的简单方法

目录前言操作步骤效果前言前端工程师在开发页面的时候，经常会用到二级菜单，下面就跟我一起来实现以下吧。操作步骤首先创建一级导航和二级导航 <nav> <a href="#1">一级导航</a> <div> <a href="#4">二级导航</a><a href="#5">二级导航</a> </div> &l

2020-08-16 14:08:56 306

原创利用CSS制作三角形

目录前言代码前言前端工程师在开发页面的时候，经常会用到三角形之类的图形来丰富页面效果，下面一起来看一下三角形在CSS上怎么实现。代码设定div的宽高为100，我们会得到一个这样的图形...

2020-08-08 13:00:51 204

原创 Web前端学习总结第一周2

目录总结一、引用CSS1.外部样式表2.内部样式表3.行内样式表二、CSS术语1.CSS规则2.选择器基础选择器组合选择器层次选择器结构伪类选择器否定伪类选择器选中内容的样式添加动态伪类选择器获取焦点伪元素选择器属性选择器4.常见属性4.层叠概述声明冲突层叠机制层叠过程5.继承总结经过第一周的学习，主要掌握了html和css的基础知识，知识点很多，难度不算大，但需要熟练掌握，每天放学昨晚作业都会复习和预习，这对第二天讲的知识会有很大的帮助。希望下周能够学到和掌握新的知识。一、引用CSS1.外部样式表

2020-08-02 16:12:17 375

原创 Web前端学习总结第一周

大家好！我叫雷耀华，四川达州人。以前从未接触过前端开发这个领域，后经朋友介绍，突然发现对web前端产生了兴趣，我决定学习它。到今天为止已学习了一周时间，对前端这个领域有了初步了了解，兴趣也渐渐高涨了起来。听说优快云是中国软件开发者的聚集地，我打算将我的学习过程写在这里，与各位前辈分享交流，如有错误，请您指正。下面我们开始吧！ **一、HTML和CSS概述** 1.W3C万维网联盟全称World Wide Web Consortium 它是发布Web技术标准及...

2020-07-31 22:23:02 1246

woshileiyaohua的博客