weifeng_bushileng-CSDN博客

这个主要是Vue比较简单的方法去判断你的分数是否通过了考试这个功能是特别简单。基础的，后续有了更好的方法和更美观的改进，会更新的实现的效果是当分数大于等于60的时候当分数小于60分的时候他的vue核心代码如下<template> <div id="app"> <div class="container"> <p v-if="score!==''">是否通过考试：{{isPassed()?'恭喜你，通过了考试':'很

2022-05-30 19:06:25 1555

原创 Vue的处理用户事件

在js的时候，关于事件，DOM操作还是比较繁琐的，例如document.getElementById("btn").addEventListener("click", function () { alert("Hello World");});上面的两步操作第一：给元素添加点击事件第二：给点击事件添加方法但是在Vue里面是很简单的1.v-on:(事件绑定)第一：给事件添加点击事件，不过在Vue里面不叫点击事件了，叫做事件绑定<button v-on:click="add"&gt

2022-05-30 10:37:17 673

原创 js页面渲染和动态的展开、收起功能

以下来自优课达，是我学习的笔记，有问题欢迎探讨页面渲染如果要做样式一样的十张名片。写十遍HTML和CSS是一件麻烦的事情，这里我们将核心代码作为模板，使用某种技术替换标签中的文字定义字符串模板let innerHtml = `<div class="name">焦哥</div> <div class="introudce"> 前阿里资深专家(P9)、垂直开放业务负责人阿里B2B首席架构师 </div>

2022-05-03 19:04:06 638

原创用javascript实现钟表的写法

效果图如下1.HTML代码<div id="number"> <div><span>9</span></div> <div><span>10</span></div> <div><span>11</span></div> <div><span>12</span></div> &lt

2022-04-21 17:22:15 2341

原创 DOM的综合应用的例子--点击加一和减一

一个综合操作like 按钮点击事件，实现以下的效果题目分析：1.点击按钮之后，添加has-like class，再次点击的时候（取消like），删除has-like class2.点击按钮后，将数字加一，再次点击的时候，数字减一首先我们给按钮点击按钮添加事件，并且利用haslike变量表示是否喜欢// 默认是未点击喜欢let hasLike = false;const likeBtn = document.querySelector(".like-btn");likeBtn.add

2022-04-21 17:07:32 636

原创 JS里面对象部分之遍历对象属性并打印

题目要求打印以下的内容有两种写法，我今天真的是脑子转不过来了，一定要记录一下，以后拿出来看看，不然下一次又不知道是啥了1.方法一：借助for…inlet person = { name: 'henry', age: 18, family: { papa: 'jack', mama: 'mary', sister: 'jane' } }; // 使用 for...in function byForIn(obj) {

2022-04-18 19:39:56 3086

原创 javascript里面的对象

对象（object）是JavaScript语言的核心概念，也是重要的数据类型1.对象什么是对象，对象是一对键值对（key-value）的集合，是一种无序的复合数据集合例如：大括号：定义一个对象person：定义的对象被赋值给person，则person将指向这个对象name：‘henry’；键值对：(key-value),键值之间用:隔开age:18:键值对一个对象中可以包含多个键值对，么个键值对之间用,隔开，最后一个键值对后可以加,也是可以不加的这种定义对象的方法被称作“字面量”2

2022-04-17 22:08:33 647

原创 setTimeout函数的写法--计时器

console.log(1);/** * 第一个参数是代码，注意代码需用引号包裹，否则会立即执行代码 * 第二个参数是 1000，即 1000ms 后执行 console.log(2) */setTimeout('console.log(2)', 1000);/** * 第一个参数是匿名函数 * 第二个参数是 2000，即 2s 后执行 console.log(3) */setTimeout(function () { console.log(3);}, 2000);//

2022-04-17 19:31:56 1433

原创根据长句，不够补位的JS方法

题目要求声明一个padzeros的函数，用来格式化数字，用0在左侧补位，使产生的字符串达到给定的长度，如果元数字长度超出了给定的长度，不做处理例如数字42，长度5。打印结果是00042数字1234，长度3，打印结果是1234要求调用三次函数padZeros(42, 5);padZeros(123, 3);padZeros(1234, 3);function padZeros(num, totalLen) { // 将数字转为字符串 let numStr = num.toSt

2022-04-17 12:58:29 433

原创字符串长度以及拼接--弹出框

只写在JS里面实现需要的代码//1.检测获取字符串的长度lengthconst str='my name is andy';console.log(str.length);//看看字符串的结果是多少 15个

2022-04-16 18:33:49 457

原创背景切换效果的展示

如图所示，是一个动态的页面背景切换图，点到哪一张照片的时候，可以显示哪一张，这个图使用基础的HTML和CSS和JS完成的他的代码如下HTML代码如下<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8" /> <title>UCode</title> <link rel="stylesheet" href="./index.c..

2022-04-11 19:09:08 260

原创 css+html+js实现钟表的设计

html的代码如下<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8" /> <title>优课达</title> <link rel="stylesheet" href="./index.css" /> <meta name="viewport" content="width=devi.

2022-04-10 16:14:22 418

原创求斐波那契数列的第30个数字

已知，斐波那契数列的定义是第一项第二项是1，从第三项开始每一项都是之前两项的和，QQ第30个斐波那契数。我现在所学有两种方法1.循环的方法let n = 30;let num = 0;let prev1 = 1;let prev2 = 1;for (let i = 0; i < n; i++) { if (i===0||i===1) { num = 1; } else { num = prev1 + prev2; prev1 = prev2; p

2022-04-05 16:57:07 2512

原创 css/html滚动的问题

今天真的是苦恼了一天，前端其实也很磨人呀。滚动条的问题，我遇到的问题可以说是五花八门，然后其实都是一些很简单的事情。 <div class="scroll"> <div class="contain"> <img class="java" src="./images/java.png"> <p class="marking">JAVA</p> </div>

2022-03-23 21:00:52 363

原创用css/html实现搜索框之一

搜索框的问题一直是我的难题，接下来我会把我搜索框遇到的问题和各种的类型整理一下。今天的是带图标的搜索框效果如图代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content

2022-03-23 15:33:54 788

原创 CSS/HTML一些新命令

一些新命令ls查看当前文件夹下的所有文件cd进入指定的路径mkdir 创建一个新的文件rm -rf 删除文件（rm 是remove,-rf删除指定的一些参数， r:递归f：force强制）ssh-keygen -t rsa -b 4096 -C “your_email@example.com” 生成sshcat ~/.ssh/id_rsa.pub 查看ssh开发工作的步骤1.下载代码－＞2.修改代码－＞3.提交代码－＞4.更新代码－＞5.推送代码相关的命令git clon

2022-03-21 18:29:14 1351

原创用css写微博之左侧

<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <tit.

2022-03-17 22:21:47 260

原创 css写微博之简介部分

任务是写古力娜扎的微博，分好几次写的，今天记录一下，现在的作品要求是<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible

2022-03-17 19:22:03 320

原创 css背景图

实现效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>背景</title> <style> .main { width: 600px;

2022-03-06 10:04:54 107

原创 css定位-子绝父相

题目要求：开始的代码：<!DOCTYPE html><head> <meta charset="utf-8" /> <link rel="stylesheet" type="text/css" href="./index.css" /> <title>优课达</title></head><body> <h1 class="title">MOUNTAIN</h1>

2022-03-01 21:37:22 6064

原创 CSS定位

相对定位和绝对定位要求：html里面是<!DOCTYPE html><head> <meta charset="utf-8" /> <link rel="stylesheet" type="text/css" href="./post.css" /> <title>优课达</title></head><body> <section class="box"> &lt

2022-03-01 11:41:15 82

原创完整的注册表单

男女编程其他请选择职业公司职员自由职业者学生其他注册

2022-02-25 22:44:42 187

原创选项输入框

4.3多行文本输入框和密码输入框个性签名是个多行输入框。当多行文本输入框中输入的内容超过一行的长度时，它会自动换行，而单行文本输入框则不会换行。<textareaname=“sign”rows=“5”cols=“30”placeholder=“请输入个性签名”其中rows和co1s分别表示行数（高度）和文本域的可视宽度rows：行数（高度）；cols：文本域的可视宽度；这个属性科协可不写，就能表示一个多行的输入框，显示的效果如图密码输入框密码输入框和昵称输入框有点区别

2022-02-25 22:42:59 474

原创 PS常用的快捷键

ctrl+j 复制图像alt+滚动放大缩小图片在取色这个方面，按住alt键不要松，能够快速的取色Ctrl+z撤回一步Ctrl+d取消选区Ctrl+del 快速填充背景色Ctrl+j快去复制空格+鼠标小手拖拽Alt＋鼠标右键＋鼠标左右移动调节圆大小Alt＋滚轮图大小Shift不松加选区Alt不松减选区...

2022-02-25 11:10:22 378

空空如也

空空如也