JavaScript DOM 学习[1]

http://www.w3schools.com/js/js_htmldom.asp

# DOM(Document Object Model)

# The document object represents your web page.

# If you want to access any element in an HTML page, you always start with accessing the document object.

# The innerHTML property can be used to get or change any HTML element, including <html> and <body>.

# document.getElementById(id)
# document.getElementsByTagName(name)
# document.getElementsByClassName(name)

# element.innerHTML =  new html content
# element.attribute = new value
# element.setAttribute(attribute, value)
# element.style = new style

<html>
<body>

<p id="demo">Hi</p>

<script>
alert(document.getElementById("demo").innerHTML);
document.getElementById("demo").innerHTML = "Hello World!";
</script>

</body>
</html>

JavaScript

这篇文章: 有用 无用
创建 2016-10-26 22:01:56 / 更新 2017-02-07 14:58:21

JavaScript 如何捕获匹配数据

var myString = "something format_abc";
var myRegexp = /format_(.*?)/;
var match = myRegexp.exec(myString);
console.log(match[1]); // abc

JavaScript

这篇文章: 有用 无用
创建 2016-10-26 07:17:41 / 更新 2017-02-07 14:58:28

Perl 中有趣的包

WWW::WebKit

Kossy
Bootylicious

Graph::Easy
Galileo
Net::EmptyPort
Mail::IMAPClient

Params::Validate

Regexp::Common

JSON::MaybeXS

HTTP::BrowserDetect

Net::POP3
Net::IMAP
IO::Socket
Mail::IMAPClient
Email::Valid

Encode::HanExtra
Encode::Guess
Courriel

Image::JpegTran
Image::JpegTran::AutoRotate
Imager::QRCode

HTML::TableExtract

DBIx::Class::Candy
DBIx::Class::Helpers
DBIx::Class::DeploymentHandler
DBIx::Class::Schema::Loader

Class::Tiny
Capture::Tiny
HTTP::Tiny
Path::Tiny

Data::GUID

App::pmuninstall

HTML::Restrict
HTML::Entities
Mojo::Util # html_unescape

experimental

Beam::Minion
Minion::Notifier

Perl

这篇文章: 有用 无用
创建 2016-10-11 06:35:29 / 更新 2017-03-16 17:30:31

图片显示 MIME::Base64

一个图片的数据可以被encode成base64的字符串,这个base64的字符串也可以被decode成图片数据

所以如果我们有base64的字符串,在Catalyst中我们可以:

use MIME::Base64;
my $binary = MIME::Base64::decode_base64($base64_str);
$c->res->body($binary);
$c->res->content_type('image/jpeg');

这样可以返回图片

在html中,我们可以:

<img src="data:image/jpeg;base64,$base64_str"> # html 标签中
background: url("data:image/jpeg;base64,$base64_str") # css 中

Catalyst CSS

这篇文章: 有用 无用
创建 2016-09-27 04:56:29 / 更新 2017-02-07 14:58:37

css 控制换行的属性

white-space: normal # 空白会被浏览器忽略。
white-space: nowrap # 空白会被浏览器忽略,不换行,直到遇到 <br> 标签为止

white-space: pre  # 空白会保留,不换行,直到遇到 <br> 标签为止
white-space: pre-wrap # 空白会保留,正常换行 
white-space: pre-line # 空白会合并,正常换行 NOTE: 测试和normal一样

CSS

这篇文章: 有用 无用
创建 2016-09-26 01:18:08 / 更新 2017-02-07 14:58:40