发表于 | 分类于 ， |
字数统计: 521 | 阅读时长 ≈ 2

第一种 jQuery 写法

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<!DOCTYPE html>
<html lang="en" style="width: 100%;height: 100%;">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>Document</title>
	</head>
	<style type="text/css">
		html,
		body {
			width: 100%;
			height: 100%;
			border: 0;
			margin: 0;
		}

		.dialog {
			width: 100%;
			height: 100%;
			position: relative;
			background: rgba(0, 0, 0, 0.1);
		}

		.dialog .dialog-content {
			width: 200px;
			border: 1px solid #eeeeee;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			background: #FFF;
			box-shadow: 1px 1px 10px #888888;
			text-align: center;
			line-height: 100px;
		}
	</style>
	<body style="width: 100%;height: 100%;">
		<div class="dialog">
			<div class="dialog-content">
				<p>这是弹窗</p>
			</div>
		</div>
		<script src="https://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
		<script>
			$(document).mouseup(function(e) {
				var dc = $('.dialog-content'); // 目标区域,弹窗内容区域
				// 如果点击的 不是目标区域 并且 不是目标区域的子元素
				if (!dc.is(e.target) && dc.has(e.target).length === 0) {
					// some code... 
					$('.dialog').hide();
				}
			});
		</script>
	</body>

</html>

判断点击事件发生在区域外的条件是：

  • 点击事件的对象不是目标区域本身
  • 事件对象同时也不是目标区域的子元素
阅读全文 »

发表于 | 分类于 ， |
字数统计: 507 | 阅读时长 ≈ 2

百度编辑器UEditor内置了无格式粘贴功能，只需要对ueditor/ueditor.config.js文件简单的配置即可。

  1. 开启retainOnlyLabelPasted，设置为true
1
2
//粘贴只保留标签，去除标签所有属性
,retainOnlyLabelPasted: true
  1. 开启pasteplain，设置为true
1
,pasteplain:true  //是否默认为纯文本粘贴。false为不使用纯文本粘贴，true为使用纯文本粘贴
阅读全文 »

发表于 | 分类于 ， |
字数统计: 914 | 阅读时长 ≈ 4

百度编辑器工具栏中没有字间距工具，在编辑富文本的时候可能会用到字间距设置，这里我们来扩展一个字间距工具。

使用的百度编辑器UEditor版本为ueditor-1.4.3.3

修改语言包

中文

文件ueditor/lang/zh-cn/zh-cn.js在labelMap里面添加'letterspacing':'字间距',

1
'lineheight':'行间距','letterspacing':'字间距','edittip' :'编辑提示','customstyle':'自定义标题', 'autotypeset':'自动排版',
阅读全文 »

发表于 | 分类于 ， |
字数统计: 1.8k | 阅读时长 ≈ 6

Demo地址

视频编码格式

  • 视频文件格式（容器格式）
  • 视频编解码器（视频编码格式）
  • 视频一开始由两个端采集，视频输入口、音频输入口。采集的数据会分别进行相关处理，简而言之就是：将视频/音频流通过一定的手段转换为比特流并且压缩，最终，这里将比特流以一定顺序放到一个盒子里进行存放，从而声称我们最终所看到的音视频格式。如：mp3/mp4/flv
阅读全文 »

发表于 | 分类于 ， |
字数统计: 75 | 阅读时长 ≈ 1

如果服务端没有使用SSL，使用WebSocket

1
websocket = new WebSocket("ws://域名/path");

如果服务端使用SSL，使用WebSocket

1
websocket = new WebSocket("wss://域名/path");

可以理解wss高级了一些，否则会报错误

1
Error during WebSocket handshake: Unexpected response code: 301

或

1
Error during WebSocket handshake: Unexpected response code: 302

发表于 | 分类于 ， |
字数统计: 349 | 阅读时长 ≈ 1

小程序是通过微信服务器触发我们服务器，所以每次请求获取到的session_id都不同，导致小程序中无法获取和使用session,小程序的wx.request发起网络请求中有一个header参数，我们可以通过header传递一个固定参数到后台，作为session_id，这样sesion_id不发生变化，微信小程序中就可以使用或触发session了。

第一次发起网络请求的地方将服务器返回set-cookie当全局变量存储起来

1
2
3
4
5
6
7
8
9
10
11
wx.request({
  ......
  success: function(res) {
    console.log(res.header);
    //set-cookie:PHPSESSID=pR3vj84acgvqgb655k82etiHu0; path=/; domain=.127.0.0.1

    // 登录成功，获取第一次的sessionid,存储起来
    // 注意：Set-Cookie（开发者工具中调试全部小写）（远程调试和线上首字母大写）
    wx.setStorageSync("sessionid", res.header["Set-Cookie"]);
  }
});

Tip：也可以在小程序刚加载时生成随机生成字符串当做sessionid使用，在小程序使用过程中不发生变化。

阅读全文 »

发表于 | 分类于 |
字数统计: 795 | 阅读时长 ≈ 4

查看当前文件或目录的详细信息

1
ls -l

或者

1
ll
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
[root@localhost conf]# ls -l
总用量 88
-rwxr-xr-x. 1 root root  233 8月   4 14:48 enable-php.conf
-rwxr-xr-x. 1 root root  209 8月   4 14:48 enable-php-pathinfo.conf
drwxr-xr-x. 2 root root 4096 8月   4 14:22 example
-rw-r--r--. 1 root root 1155 8月   4 14:48 fastcgi.conf
-rw-r--r--. 1 root root 1077 8月   4 14:48 fastcgi.conf.default
-rw-r--r--. 1 root root 1007 8月   4 14:48 fastcgi_params
-rw-r--r--. 1 root root 1007 8月   4 14:48 fastcgi_params.default
-rw-r--r--. 1 root root 2837 8月   4 14:48 koi-utf
-rw-r--r--. 1 root root 2223 8月   4 14:48 koi-win
-rw-r--r--. 1 root root 5231 8月   4 14:48 mime.types
-rw-r--r--. 1 root root 5231 8月   4 14:48 mime.types.default
-rwxr-xr-x  1 root root 2591 10月 14 15:45 nginx.conf
-rw-r--r--. 1 root root 2656 8月   4 14:48 nginx.conf.default
-rwxr-xr-x. 1 root root  156 8月   4 14:48 pathinfo.conf
drwxr-xr-x. 2 root root 4096 8月   5 11:59 rewrite
-rw-r--r--. 1 root root  636 8月   4 14:48 scgi_params
-rw-r--r--. 1 root root  636 8月   4 14:48 scgi_params.default
-rw-r--r--. 1 root root  664 8月   4 14:48 uwsgi_params
-rw-r--r--. 1 root root  664 8月   4 14:48 uwsgi_params.default
drwxr-xr-x. 2 root root   70 10月 27 09:16 vhost
-rw-r--r--. 1 root root 3610 8月   4 14:48 win-utf
  • 第一个字符显示的是-代表是文件
  • 第一个字符显示的是d代表是文件夹
阅读全文 »

发表于 | 分类于 |
字数统计: 180 | 阅读时长 ≈ 1

查找大小在某个范围内的文件使用-size参数，-size +n表示大于n单位的范围，-size –n表示小于n单位的范围。例如，查找大于1m且小于10mk的文件：

1
find . -type f -size +1M -size -10M

说明：

-type f 表示只查找文件，过滤掉文件夹，块文件等。

将查出来的文件以详细列表形式显示出来

阅读全文 »
0%