Web
PETERMAOSX
哎呦,不错哦!
展开
-
在web上使用JS和多张图片实现逐帧动画
用javascript和多张图片做一个简单的动画首先需要将图片名字统一 顺序固定在html里面引入img 并且定位好<div id="test"> <img onclick="start()" id="testImg" src="img/Final-帧/img-%20(1).png" > </div>Js代码alert("欢迎使用,点击...原创 2020-03-27 22:07:04 · 2841 阅读 · 0 评论 -
WEB - 使用CSS 画一个正方体
画出如下的图像主要使用的方法就是transform里面的skew变形和translate移动下面是CSS代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style ...原创 2020-03-04 12:40:55 · 855 阅读 · 0 评论 -
Web - JS中的自动进程(setTimeout和setInterval)
setTimeout (需要执行的函数,延迟的时间ms);比如 :setTimeout(function(){ alert("Hello World!");},3000);就会在3s后输出Hello World;setInterval(需要执行的函数,间隔的时间ms);比如:setInterval(function(){ alert("Welcome to my blog!")...原创 2020-03-03 03:32:05 · 315 阅读 · 0 评论 -
WEB - 通过onclick设置多个元素的隐藏和显示
可以通过onclick事件调用javascript函数,再获取ID来控制。不过这种是单向的。如果有多个元素,比如:这种,需求是通过点击标签来控制news的显示和隐藏。方法是:主要是通过在调用函数的时候将参数也传递进去,再通过classList.toggle()来开启和关闭hide这个css样式。<!DOCTYPE html><html> <head>...原创 2020-03-02 18:11:15 · 1560 阅读 · 0 评论 -
node.js 回调函数和事件
node里面有阻塞式编程和线程式编程阻塞式编程可以简单理解为传统的面向过程式的编程,程序是一句一句往下执行的。而线程式也就是使用了node里面的回调函数进行函数的调用,会把需要执行的函数执行,但是程序不会等这个函数执行完之后才能往下走,而是直接往下走。setTimeout(()=>{ console.log("Function");},1000)console.log('begin...原创 2020-01-01 17:22:54 · 218 阅读 · 0 评论 -
HTML+JS 一个简易的自制数据库
主要使用了WEB浏览器自带的LocalStorage来保存<!DOCTYPE html><html> <head> <title>这是首页 </title> <script> function Save(){ var data ...原创 2019-12-23 13:06:01 · 765 阅读 · 0 评论 -
HTML-通过div来对网页进行排版
使用div对网页进行排版因为div可以理解为是HTML里面的容器,而且div也可以进行嵌套<!DOCTYPE html><html> <head> <title>Buju_div</title> <style> body{ m...原创 2019-12-22 19:03:03 · 1157 阅读 · 0 评论 -
简单网页设计的方法
1、先脑补一下自己想设计成什么样子2、脑补一下会具体使用到哪些需要的控件3、对控件进行样式的设置(color margin…)4、将内容填入html文件中,并且引用css文件尤其要注意控件的width and height 因为这些设置将会影响到网页的布局可以使用容器nav 或者 section 来解决测试cssbody{ background: #CCCCCC; m...原创 2019-10-16 17:59:08 · 465 阅读 · 0 评论 -
两步使用Ubuntu 创建自己的网站
需要一点点的linux操作基础,就可以创建一个自己的网站。首先,先使用SSH 连接自己的Linux主机在局域网下面可以使用ifconfig来查看ip地址外网访问的话可能需要服务器输入"sudo apt-get install apache2"Apache安装完成后,默认的网站根目录是"/var/www/html",在终端窗口中输入"ls /var/www/html"–>回车–&g...原创 2019-07-24 20:36:00 · 3320 阅读 · 3 评论