HTML
青雾山河
这个作者很懒,什么都没留下…
展开
-
汽水1元钱一瓶,喝完汽水2个瓶子还可以换1瓶汽水,输入一个金额,看看能喝到多少瓶汽水
<html><head><title>汽水问题</title><script>//1元钱一瓶汽水,有20元,喝完汽水2个瓶子换1瓶汽水,这20元可以喝到多少瓶汽水?function test(t){ let count = document.getElementById('num').value; let sum = 1*count; while(count>1){ if(count%2.原创 2020-09-23 04:52:01 · 272 阅读 · 0 评论 -
JavaScript事件大全补充-制作一个属于自己的单机版网页相册
只需要小小改动哦,就拥有一个属于自己的单机版网页相册啦。修改成自己的相册--修改data.js中的数据查看图片--只有一点点特效分类图片--选取类型搜索图片--输入关键字,快速找到你要看的图片献给不懂编程,但是又充满好奇心,动手能力较强的小伙伴们。(无需比较哈...)可以通过电脑打开点击体验一下(手机端打开有bug哦,也不美观,主要是功能不能体现出来)也可以复制网址后打...原创 2019-08-19 20:29:40 · 761 阅读 · 0 评论 -
免费获取网页开发必备图片,图标的方式,注意版权
想必很多后端出身的程序员,如果想自己设计一些前端页面来与后端交互。这时想要界面好看,图片是必不可少的。比如navbar,点赞的图标,收藏的图标,以及转发的图标。前几天,我就遇到了这样的问题,为了解决问题去百度,CSDN,视觉中国,甚至某宝。不是UI出身,对如图片,多数情况下只能找现成的。今天就分享一下,怎样免费获取到一些图片,来美化我们的页面。打开自己的电脑,打开C盘或D盘,或...原创 2019-08-18 16:20:59 · 570 阅读 · 0 评论 -
Flex结合vh和vm实现响应式布局
Icons地址<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ht...原创 2019-04-14 21:44:34 · 1270 阅读 · 0 评论 -
关于setInterval 的clearInterval 之后的再次调用
一个可爱的DEMO<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equ...原创 2019-04-25 19:33:51 · 2348 阅读 · 2 评论 -
ES6常用语法
ES6语法总结目录ES6语法总结增强对象字面量箭头函数展开运算符解构_对象解构_数组_对象增强对象字面量/** * 增强对象字面量 * 解决问题:缩减代码 *///创建对象//let val = new Object(); let val = { };//let val = new Array(); let val = [];function ...原创 2019-04-10 00:29:09 · 257 阅读 · 0 评论 -
初识JavaScript
一个原生JavaScript CSS DEMO<!-- index.html --><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ...原创 2019-04-02 14:23:04 · 162 阅读 · 0 评论 -
对Vue生命周期简单的理解
生命周期 找错误 解决需求new Vue() 实例vue对象init Event & LifecyclebeforeCreate() 没有创建对象之前就拥有的个方法可以执行logindinit injections & reactivitycreated() 组件被创建好了 属性也成功的被绑定了 dom还没有生成在此方法中 可以从服...原创 2019-03-29 16:21:55 · 321 阅读 · 0 评论 -
通过打开一个文件,如html,跳转到自己指定的网址
<!DOCTYPE html><html><head lang="en"><meta charset="UTF-8"><title></title><script type="text/javascript"> <原创 2018-12-10 17:10:06 · 15356 阅读 · 2 评论 -
JSP页面EL表达式加JSTL遍历集合
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%><% request.setA原创 2018-11-07 22:34:34 · 2315 阅读 · 0 评论 -
jQuery实现一个简单的数字时钟
<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author原创 2018-10-21 10:00:27 · 2449 阅读 · 0 评论 -
使用Jquery实现,全选,复选,反选
需要注意的是:分别使用2个事件父选择器用id选择器子选择器用类选择器 <<<<>>>id选择器有唯一性当然也可以定义onclick事件,父一个事件,所有子共同一个事件代码没有写备注,有疑问可以在评论区提出,谢谢! <!DOCTYPE html><html><head lang="en"&a原创 2018-10-16 01:33:26 · 196 阅读 · 0 评论 -
HTML基本标签
HTML基本标签标签 名称 示例<h1>~<h6> 标题标签 <h1>静夜思</h1><p></p>、<br/> 段落和换行标签 <p>床前明月光<br/>疑是地上霜</p><hr/>原创 2018-04-28 21:52:12 · 146 阅读 · 0 评论