R·ex / Zeng


音游狗、安全狗、攻城狮、业余设计师、段子手、苦学日语的少年。 MUGer, hacker, developer, amateur UI designer, punster, Japanese learner.

分类“开发”下的文章

【mark】移动前端不得不了解的html5 head 头标签

原文地址:移动前端不得不了解的html5 head 头标签 - WEB前端开发看到一篇好文章,留着备用。<!-- 使用 HTML5 doctype,不区分大小写 --> <!DOCTYPE html> <!-- 更加标准的 lang 属性写法 http://zhi.hu/XyIa --> <html lang="zh-cmn-Hans"> <head> <!-- 声明文档使用的字符编码 --> <meta charset='utf-8'...

用SAE的Counter减少云豆消耗

刚开始写纸飞机的办公系统,里面有两个地方需要实时更新:维修队列和签到列表。后台用的是PHP嘛,所以前台肯定是用AJAX轮询了。刚开始接触AJAX不久,于是就很脑残地想到了一个思路——每隔3秒AJAX一次,每次返回一个完整的列表信息,然后前台用innerHTML更新。很凶残很暴力,后果嘛——每天云豆消耗大概在20~40左右吧。后来尝试压缩xhr的请求和返回数据大小,发现效果不明显。直到我有一次特意看了看云豆消耗……于是心里十分地卧槽……赶紧想办法减少一下数据库的消耗吧。首先,数据库语句好像没...

网页编程心得:语义元素 & 结构、样式和行为的分离

绝大部分的 HTML 标签是有语义的。例如 <p>(paragraph)表示段落,<a>(anchor)表示锚,<abbr>(abbreviation)表示缩写。为什么要有语义?这是显然的,因为 HTML 是用来描述网页文档的一种语言,我说“这里有个标题”,那么 HTML 中应该就是用 <h1> 标签把标题括起来。有同学会问,我把某个 <p> 的文字样式调成加粗、大号字,不是照样能显示出标题效果吗?整个网页都用 <p>...

让SVG做背景,可随元素大小而变化

刚刚遇到了这么个问题:我用 SVG 作为 <div> 的背景,但是 SVG 不随 <div> 的大小而变化,即使我设置了 background-size: 100% 。从 Stack Overflow 上也没搜到什么好的结果,最终还是自己摸索出来了。在你的 <svg> 标签中加上这些:<svg preserveAspectRatio="1" viewBox="0 0 100 100" xmlns="...

【教程】用JavaScript控制CSS规则

兼容性:IE≥9难度:中等有时候网页要适配多种分辨率,我们自然想到用百分比来控制大小。但是百分比不是万能的。例如,你想让一屏幕显示十行表格,但是你并不知道屏幕有多高,因此需要用 JavaScript 的 window.innerHeight 获取屏幕高度。但是如何修改 CSS 呢?第一种方法:直接设置某元素的属性document.getElementById('xxx').style.height = window.innerHeight / 10 + 'px';元素的 style 属性是...

【JS教程第二篇】树型的文档

本篇需要对HTML文档结构和JavaScript语法有基本了解。之前写HTML的时候,有没有觉得整个文档结构有点层次感呢?例如,<html>包含了<head>和<body>,前者包含了<title>,后者可以包含好多东西;一个<div>中可以包含若干个<span>或者<p>,它们之间又有什么先后顺序呢?事实上,HTML文档就是一棵树。我们来看下面这个HTML文档:<html>     <h...

【JS教程第一篇】语法当先

本篇内容需要读者对HTML有基本的了解。JavaScript(今后简称JS)是运行在用户浏览器上的一种脚本语言,它可以动态改变网页的内容,以及让网页与用户有交互。JS与Java可没有任何关系,要是硬扯关系的话,它俩就像雷锋和雷峰塔一样。JS可以嵌在HTML文档中,也可以单独写成一个文件然后嵌入HTML,推荐使用后者。打开你喜欢的纯文本编辑器,新建一个文件,保存为【文件名.js】,然后在head标签里加上这么一条:<script src="你的JS文件路径"></scrip...

【CSS教程第三篇】绚丽的特效

本篇内容需要熟练掌握CSS的基本语法和常用属性。先讲点昨天没讲完的东西。颜色CSS的颜色除了直接支持white、black之类的常见颜色单词(甚至包括steeelblue等奇怪的单词,事实上,CSS支持147个颜色单词)以外,还支持#开头的十六进制颜色值,例如#123456,解释方法是两个字符一组,转为十六进制。奇葩的是,如果这三组的两个数字都相同,那么可以省略为三个字符——#336699可以省略为#369。CSS还可以使用rgb(64,0,127)这样的RGB值,最新的CSS3还支持rg...

【CSS教程第二篇】合理的网页布局

本篇教程需要事先掌握如何使用DIV元素和基本的CSS。现在我们要真正来做一个像样的网页了。首先看一下这个布局:这种布局很常见吧,邮箱、管理系统、个人博客……到处都有它的身影。今天就拿它来练手吧!首先先建立test.html和test.css,然后在test.html中输入基本的内容:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link r...

【CSS教程第一篇】随心所欲挪元素

本篇教程需要对HTML有基本的了解。如何把网页搞的美观一点,这是一门艺术。网站的样子定下来了,真正的实现方法却有好多。例如用bgcolor属性控制背景颜色,用width和height属性控制表格宽高……不过如果每一页都这么写的话:<span style="font-size: 0.857142857rem; line-height: 1.714285714;"> <img src="a.png" width="12...

【HTML教程第二篇】我有特殊的属性

本文假设读者已经理解了HTML中标签的含义。标签不是一成不变的。就和人一样,有的人长的高,有的人喜欢打篮球……对于标签来说,例如 <a> 是一个表示超链接的标签:链接到哪里,是否在新窗口中打开标签……这些差异注定了不是所有的 <a> 标签都一样。如何描述这样的差别呢?先看一下下面这句话:<a href="https://blog.rexskz.info/html-lesson-props.html">【HTML教程第二篇】我有特殊的属性</a>效果:【H...

【HTML教程第一篇】多样的标签

本章教程无需任何基础。平常我们看到的网站都是用 HTML 的形式展现的。不过 HTML 是什么?一种可能的解释是“How To Make L***”,但是这并不科学。事实上,它的全称为 Hyper Text Markup Language,即超文本标记语言。它并不算一个编程语言。 HTML 通过各种标签来描述一个网页。网页中有文字、图像、视频、按钮等元素,文字还有加粗、倾斜等格式。怎样让浏览器理解我们的意思呢?例如,我们要显示如下格式的文字:Hyper Text M...

这是我们共同度过的

第 2041 天