<!DOCTYPE html><html><head><meta charset="utf-8"><title>time line</title><style type="text/css">*{margin: 0;...
<!DOCTYPE html><html><head><title>Canvas射箭小游戏</title></head><style type="text/css">body{margin:0;background:...
<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><style type="text/css">#box{margin:0 auto;ba...
个人flex系列文章导航,都是每天写一点。大部分都是测试案例,chrome我是测过的。本系列包括,属性介绍、各种案例。另外一些优秀的文章的链接也会列入本文(会一直更新中)。目前尚未觉得flex有多难理解,有可能就是flex-grow和flex-shrink的计算原理可能麻烦一点,也就是对于&ldqu...
1、以前,网页开发有一个原则,叫做"关注点分离"(separation of concerns)。它的意思是,各种技术只负责自己的领域,不要混合在一起,形成耦合。对于网页开发来说,主要是三种技术分离。HTML 语言:负责网页的结构,又称语义层CSS 语言:负责网页的样式,又称视觉...
<div id="container"></div><style>body{background:black;}#container{display: flex;flex-direction: column;justify-content: space-betwe...
这是关于react组件的方法和属性讲解React Component 一共有9个重要的方法。三个重要的属性。九个方法依次是:constructor,componentWillMount,render,componentDidMount,componentWillReceiveProps,should...
<!doctype html><html><head><meta charset="utf-8"><title>标题</title><meta name="keywords" content=""><meta ...
1.去年,网上流传一则趣闻。美国圣昆廷州立监狱安排囚犯学习编程,完成学习的犯人出狱后,没有一个人重新犯罪被抓回监狱。 一位刚刚出狱的囚犯说:"太可怕了,我宁愿在外面饿死也不想再进去学编程了。"后面那句话是网友杜撰的,但是程序员圈子里,大家依然把它当作笑话转发。"你...
<!doctype html><html><head><meta charset="utf-8"><title>js粒子旋涡</title><style>html, body { margin: 0px; width...
Ajax不是某种编程语言,是一种无需重新加载整个页面的情况下,更新部分网页的技术。1.同过XMLHttpRequest使后台跟服务器交换数据。 var request = new XMLHttpRequest();2.http请求 --- 计算机通过网络进行通信的规则。(1)完整的http请求有七...
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>完整验证表单</title><style type="text/css">*{mar...
整理一些常用的JS库,其中大多数是jQuery相关插件,也有Bootstrap辅助插件及非jQuery插件。其功能涉及:页面布局、图片幻灯片播放、图片像册展示、功能辅助等内容。本篇只是简单介绍插件功能,以后使用到相关插件时再补充介绍插件使用方法的文章。jQuery Easing:jQuery 动画效...
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>学习评价</title> <style> @fo...