03 2020 档案
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> window.onload = function(){ function toTF(str){ v
阅读全文
摘要：#include <stdio.h> void PRINT(long s) { FILE *out; printf("s=%ld\n",s); if((out=fopen("result.dat","w+"))!=NULL) { fprintf(out,"s=%ld",s); fclose(out)
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } .wrap { width: 500px; margin
阅读全文
摘要：moment.min.js 安装 npm install moment --save # npm yarn add moment # Yarn Install-Package Moment.js # NuGet spm install moment --save # spm mete
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> body{ text-align: center; } img{ padding-top: 100px; } </
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } body { text-align: center; }
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> div { position: absolute; left: 0px; width: 200px; height
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #box{ position: relative; } #box>div{ position: absolute;
阅读全文
摘要：function move(ele,end,step){ //var step = 10 //先清除定时器，从而防止定时器的叠加 clearInterval(timer); //设置定时器 //1.获取起点 var start = parseInt(getStyle(ele,'left'));//1
阅读全文
摘要：//获取任意元素的非行内样式 var getStyle = function(ele,attr){ //1.将主要功能代码写入函数中 if(ele.currentStyle==undefined){ //证明当前浏览器是标准浏览器 var bg = getComputedStyle(ele)[att
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> img{ width: 600px; } </style> <script type="text/javascri
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> img{ width: 600px; } </style> <script type="text/javascri
阅读全文
摘要：<html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>简单JS动画实例 广告移动效果</title> </head> <body> <div id="one" style="b
阅读全文
摘要：<!DOCTYPE HTML> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Js广告_全屏漂浮广告</title> <style type="
阅读全文
摘要：<!DOCTYPE HTML> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Js广告_全屏漂浮广告</title> <style type="
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>tabchange</title> <style type="text/css"> div { width: 200px; height: 200px; background-co
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>时钟</title> <script type="text/javascript"> function showClock(){ // 1. 获取当前时间 var time = n
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>四则运算</title> <script type="text/javascript"> function account(){ var num1 = prompt("请输入第一个
阅读全文
摘要：<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>制作12进制的时钟特效</title> </head> <body> <div id="myclock"></div> <script type="text/j
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> window.onload = function(){ var aPt = document.ge
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } ul{ list-style: none; } .wrap
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> body{ /* background: yellow; */ } </style> <script type="
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } ul{ list-style: none; } li{ d
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> a{ color: #333; text-decoration: none; } a:hover{ color:
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> //1-10000 之间能同时被3、5、7 整除的数，输出到页面上，每6个换行 window.on
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> // 找出字符串中“how are you doing？”中所有小于字母“s”的字符，并在页面输出
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> //输出所有的“水仙花数” window.onload = function() { // var
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> window.onload = function() { var btn1 = document.
阅读全文
摘要：表达式全集 字符描述\将下一个字符标记为一个特殊字符、或一个原义字符、或一个向后引用、或一个八进制转义符。例如，“n”匹配字符“n”。“\n”匹配一个换行符。串行“\\”匹配“\”而“\(”则匹配“(”。^匹配输入字符串的开始位置。如果设置了RegExp对象的Multiline属性，^也匹配“\n”
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> window.onload = function(){ var ck = document.get
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> window.onload = function(){ var pt = document.get
阅读全文
摘要：12. <空格> 命令 你在终端上键入的每个命令都会记录到history，也能用history命令重新调用。 如何骗过history 命令呢？呵呵，你可以轻而易举地做到。在终端，只需要在键入命令之前输入一个或多个空格，这样你的命令就不会被记录了。 让我们体验一下吧，先在终端尝试五个常见的 Linux
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .active{ width: 100px; height: 100px; background-color: #
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> body{ background-color: #999; } #box{ width: 100px; heigh
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> div{ float: left; margin: 20px; border: 1px solid #0088D3
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> textarea,input { outline:none; resize: none; overflow: au
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>骰子</title> <style> * { margin:0; padding:0; /*怪异盒子模型*/ /*标准盒子模型: 元素实际在网页中占据的宽度:
阅读全文
摘要：虚拟窗口 <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <meta http-equiv="X-UA-Com
阅读全文
摘要：清除浮动带来的影响--.clearfix .clearfix{ *zoom:1; } .clearfix::after{ content: ""; display: block; clear:both; visibility: hidden; height: 0; 文本换行 white-space:
阅读全文
摘要：保护有用的浏览器默认样式而不是完全去掉它们 一般化的样式：为大部分HTML元素提供 修复浏览器自身的bug并保证各浏览器的一致性 优化CSS可用性：用一些小技巧 解释代码：用注释和详细的文档来 /*! normalize.css v8.0.1 | MIT License | github.com/n
阅读全文
摘要：calc()函数：动态计算长度值的函数，css3新增 语法：calc(数学表达式) 支持+、-、*、/运算，先算括号里面的 注意：运算符前后添加空格 兼容性IE9+ <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title
阅读全文
摘要：2D变形： 1）平移 transform: translate(x,y); 元素从当前位置移动到给定的x轴和y轴的坐标位置 transform: translateX(x); 沿着x轴的方向移动 transform: translateY(y); 沿着y轴的方向移动 注意：水平向右值为正，垂直向下值
阅读全文
