var code = 'alert("hello image.");';
var w=6,h=8; // 宽和高的计算方法 w * h * 32 / 8 = code.length
// 按3个字符的长度分段
var codeArray = code.match(/.{3}/g);
if(codeArray.length * 3 < code.length){
codeArray.push( code.substring( codeArray.length * 3 - 1) );
}
for(var i = 0, cl = codeArray.length; i < cl; c++){
codeArray[i] = codeArray[i]+String.fromChar...
分类为 前端 的文章：
// 是否身份证号
// 15位用正则验证，18位用校验码
// https://wapbaike.baidu.com/item/身份证校验码
String.prototype.isIdCard = function () {
var id = this;
var a = id.toUpperCase().split('');
var c = '7,9,10,5,8,4,2,1,6,3,7,9,10,5,8,4,2'.split(',');
var d = '10X98765432'.split('');
var s = 0;
var l = a.length;
var v = a[l - 1];
var n = /^\d{6}(18|19|20)\d{2}[01]\d[0123]\d\d{3}...
目录
安装NodeJS
安装WebSocket-Node
安装NodeJS
参考这里：
curl -sL https://rpm.nodesource.com/setup | bash -
yum install -y nodejs
安装WebSocket-Node
参考这里：
npm install websocket
工具
forever是nodejs的守护进程，能够启动，停止，重启我们的app应用
forever start app.js
forever start -o console.log -e console.error app.js
forever restartall
forever stopall
forever list
遇到的问...
效果预览：
演示：点击这里查看效果
用法：
<!DOCTYPE html>
<html lang="en" ng-app="app">
<head>
<meta charset="UTF-8">
<title>imgshow</title>
<!-- 代码开始 1/2 -->
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet"...
app.controller("commonCtl", function ($scope, $uibModal) {
$scope.openDialog = function () {
var modalInstance = $uibModal.open({
templateUrl: 'dialog.html',
controller: 'formCtl',
windowClass: 'window',
size: 'lg',
resolve: {
data: function () {
return $scope.data;
}
}
});
modalInstance.result.then(
function (data) { // 关闭...
效果预览：
演示：点击这里查看效果
用法：
<!DOCTYPE html>
<html lang="en" ng-app="app">
<head>
<meta charset="UTF-8">
<title>approvalProgress</title>
<!-- 代码开始 1/2 -->
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/jquery.ap.css"...
效果预览：
演示：点击这里查看效果
代码：
<script src="jquery.min.js"></script>
<link href="jquery.ap.css" rel="stylesheet" />
<script src="jquery.ap.js"></script>
<script>
$(function(){
$('.approvalProgress').ap({step:2});
});
</script>
<div class="approvalProgress">
<ol class=&...
Chrome的开发者工具已经强大到没朋友的地步了，特别是其功能丰富界面友好的console，使用得当可以有如下功效：
更高「逼格」更快「开发调试」更强「进阶级的Frontender」
Bug无处遁形「Console大法好」
console.log
大家都会用log，但鲜有人很好地利用console.error , console.warn 等将输出到控制台的信息进行分类整理。
他们功能区别不大，意义在于将输出到控制台的信息进行归类，或者说让它们更语义化。
各个所代表...
点击默认的input标签时所有文件类型都会显示出来，如果想限制为我们设定的文件类型比如“word“,”excel“,”pdf“等时该怎么办呢？
解决办法是可以给它添加一个accept属性，比如：
&lt;input id="File1" type="file" accept=".xls,.doc,.txt,.pdf" /&gt;
文件选择框内只显示出你自定义文件类型的文件，如果想选择其它后缀的文件可以：
支持的文件类型：
*.3gpp audio/3gpp， ...
如果需要修改 rich-text 的样式，可以给 HTML 里的标签加上 class ，用 class 控制，示例如下：
app.js
addClassName2HTMLTags: function (html) {
var text = html.replace(/class=".*?"/g, ''); // 删除现有 class （内容可能粘自浏览器中的网页）
text = text.replace(/<([a-z]+)(\s?)(.*?)>/gm, '<$1 class="$1"$2$3>'); // 添加与标签同名的 class
return text;
},
detail....
官网貌似不太稳定经常打不开，特记于此以防不测。
github：https://github.com/aui/font-spider
字蛛是一个中文 WebFont 自动化压缩工具，它能自动分析页面使用的 WebFont 并进行按需压缩。
特性
按需压缩：数 MB 的中文字体可被压成几十 KB
简单可靠：完全基于 CSS 规则，无需 js 与服务端辅助
自动转码：支持 IE 与标准化的浏览器
良好体验：摆脱图片文本，支持选中、搜索、翻译、朗读、缩放
安装
安装好 nodejs，然后执行...
package.json
{
"scripts": {
"serve": "node dev-server.js"
},
"devDependencies": {
"chalk": "^4.1.2",
"dotenv": "^16.0.3",
"express": "^4.18.2",
"http-proxy-middleware": "^2.0.6",
"morgan": "^1.10.0",
"st&qu...
