charset

使用webstorm搭建vue-cli项目

梦想与她 提交于 2019-12-06 04:56:27
前言 在上一章博客的内容中 vue学习笔记(七)组件 我们初步的认识了组件,并学会了如何定义局部组件和全局组件,上一篇内容仅仅只是对组件一个简单的入门,并没有深入的了解组件当中的其它机制,本篇博客将会带大家深入了解组件的其它知识,组件的校验,组件的通信等等。 本章目标 学会组件简单的校验 学会父组件向子组件传递数据 学会子组件向父组件传递数据 父组件向子组件传递数据 父组件向子组件传递数据实现的方式特别简单,只用使用props进行数据传递就可以了。 语法:props['属性1',‘属性2’,...] 我找了一张图给大家参考一下 在 Vue.js 中,父子组件的关系可以总结为 props down, events up 。父组件通过 props 向下传递数据给子组件,子组件通过 events 给父组件发送消息 (1)简单的父组件向子组件传递信息 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>父组件向子组件传递信息</title> </head> <body> <div id="app"> <my-content :title='title' :content='content'></my-content> </div> <script src="../js/vue.js" type="text

第三方国内常用的快递物流单号查询API接口集成案例

﹥>﹥吖頭↗ 提交于 2019-12-06 03:31:42
适用于涉及经常发货、寄快递的人群、企业、电商网站、微信公众号平台等对接使用。支持国内外三百多家快递及物流公司的快递单号一站式查询。 使用说明: 1.快递鸟有现成的demo 2. http://www.kdniao.com/api-track 按照说明使用 3.如果有什么不清楚的地方,请到快递鸟的官网咨询 目前快递查询API接口有两种实现方式,一种是主动查询,一种是订阅接口推送数据。以快递鸟接口为例(接口对接需要接口秘钥,这里用的是测试的,不能够正式使用,可以到快递鸟官网申请,是免费申请秘钥的)最后会附有一个java的demo,更多demo语言可登陆快递鸟网站查询。 官方网址: http://www.kdniao.com 需要登录 ,申请一下 用户ID 和 API key,并进行实名认证开通自己相关的快递服务(有免费套餐和付费增值服务多种套餐可供选择) 接入流程: 1、认证类型、应用类型根据用户实际情况选择即可,接口返回数据与选择结果无关; 3.2、标记为*的为必填,要求上传清晰、jpg格式且小于2M的证件图片; 3.3、技术对接人信息为用户方对接工程师的信息; 3.4、如有其他疑问可进入官网加入商务合作群进行咨询。 认证成功后,进入“产品服务管理”,开通相关会员服务 (二)、接口描述/说明 (1)查询接口支持按照运单号查询(单个查询)。 (2)接口需要指定快递单号的快递公司编码

HTTP中的Accept-Encoding、Content-Encoding、Transfer-Encoding、Content-Type

亡梦爱人 提交于 2019-12-06 03:21:53
Accept-Encoding和Content-Encoding Accept-Encoding和Content-Encoding是HTTP中用来对采用何种压缩格式传输正文进行协定的一对header。工作原理如下: 浏览器发送请求,通过Accept-Encoding带上自己支持的内容编码格式列表 服务端从中挑选一个用来对正文进行编码,并通过Content-Encoding响应头指明响应编码格式。 浏览器拿到响应正文后,根据Content-Encoding进行解压缩。服务端若响应未压缩的正文,则不允许返回Content-Encoding。 压缩类型: gzip:表示采用 Lempel-Ziv coding (LZ77) 压缩算法,以及32位CRC校验的编码方式 Compress:采用 Lempel-Ziv-Welch (LZW) 压缩算法。 deflate:表示采用 zlib 结构 (在 RFC 1950 中规定),和 deflate 压缩算法(在 RFC 1951 中规定)。 identity:用于指代自身(未经过压缩和修改)。除非特别指明,这个标记始终可以被接受。 Br:表示采用 Brotli 算法的编码方式。 内容编码: 内容编码针对的只是传输正文。HTTP/1中,header始终是以ASCII文本传输,没有经过任何压缩;HTTP/2中引入header压缩技术。

umeditor+粘贴word图片

放肆的年华 提交于 2019-12-06 02:38:38
图片的复制无非有两种方法,一种是图片直接上传到服务器,另外一种转换成二进制流的base64码 目前限chrome浏览器使用,但是项目要求需要支持所有的浏览器,包括Windows和macOS系统。没有办法在网上搜了很多资料终于找到一个产品:WordPaster。 浏览器方面能够支持ie6,ie7,ie8,ie9,ie10,chrome,firefox,edge几乎所有的浏览器。 编辑器基本上也是全部都支持,并且支持vue,整合也比较简单。 首先以um-editor的二进制流保存为例: 打开umeditor.js,找到UM.plugins['autoupload'],然后找到autoUploadHandler方法,注释掉其中的代码。 加入下面的代码: // 判断剪贴板的内容是否包含文本 // 首先解释一下为什么要判断文本是不是为空 // 在ctrl+c word中的文字或者图片之后会返回1种(image/png)或者4种type(text/plain,text/html,text/rtf,image/png)类型的对象 // 为了兼容4种格式的情况,做了如下的判断 // 如下代码:e.originalEvent.clipboardData.items获得剪贴板的内容 // 当粘贴了文本之后text是不为空的,同时也会返回当前文本的图片类型 // 如果有文字的话不做任何的处理

密码字典生成工具crunch的简单使用

江枫思渺然 提交于 2019-12-05 21:05:02
案例1: crunch 1 8 #生成最小1位,最大8位,由26个小写字母为元素的所有组合 案例2: crunch 1 6 abcdefg #生成 最小为1,最大为6.由abcdefg为元素的所有组合 案例3: crunch 1 6 abcdefg\ #生成 最小为1,最大为6.由abcdefg和空格为元素的所有组合( /代表空格 ) 案例4: crunch 1 8 -f charset.lst mixalpha-numeric-all-space -o wordlist.txt #调用密码库 charset.lst, 生成最小为1,最大为8,元素为密码库 charset.lst中 mixalpha-numeric-all-space的项目,并保存为 wordlist.txt;其中 charset.lst在kali_linux的目录为 /usr/share/crunch/charset.lst, charset.lst中 mixalpha-numeric-all-space项目包含最常见的元素组合(即大小写字母+数字+常见符号); >想了解更多可以 cat /usr/share/crunch/charset.lst 查看所有密码库 案例5: crunch 8 8 -f charset.lst mixalpha-numeric-all-space -o wordlist.txt -t

VUE常用的标签属性和指令

主宰稳场 提交于 2019-12-05 20:47:04
VUE常用标签属性和指令 是带有 v- 前缀的特殊属性。指令属性的值预期是单一 JavaScript 表达式。指令的职责就是当其表达式的值改变时相应地将某些行为应用到 DOM 上   1、数据绑定最常见的形式就是使用:{{data}}; <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <div id="app1"> <h1>Message:{{name}}</h1> </div> <script type="text/javascript" src="js/vue.js" ></script> <script type="text/javascript"> let vue = new Vue({ el: '#app1', data: { name: 'rous' } }); </script> </body> </html> 结果:   2、通过使用 v-once 指令,你也能执行一次性地插值,当数据改变时,插值处的内容不会更新。 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <div id="app1"> <h1>Message:{

PHP的单个文件上传、多个单文件上传、多文件上传

大憨熊 提交于 2019-12-05 17:35:01
单文件上传 upload1.php <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>单文件上传</title> </head> <body> <form action="doAction5.php" method="post" enctype="multipart/form-data"> 请选择您要上传的文件: <input type="file" name="myFile"/><br/> <input type="submit" value="上传文件"/> </form> </body> </html> 我们提交到 doAction5.php <?php /** * Created by PhpStorm. * User: DreamBoy * Date: 2016/4/8 * Time: 21:39 */ header('content-type:text/html;charset=utf-8'); print_r($_FILES); exit(); 我们先来看看单个文件上传后doAction5.php会输出什么?(查看输出结果的网页源代码) 没有选择文件时: 选择文件后: 多个单文件上传 upload2.php <!doctype html> <html lang="en">

nodejs入门-项目架构

ぃ、小莉子 提交于 2019-12-05 14:14:51
在开始学nodejs时,一般我们就是直接 var http = require("http"); var fs = require('fs') var url = require('url') var querystring = require('querystring') var mysql = require('mysql') var connection = mysql.createConnection({ host : 'localhost', user : 'root', password : 'root', database : 'crashcourse' }) connection.connect(function(err) { if(err) { console.log('数据库连接失败') } console.log('数据库连接成功') }) http.createServer(function(req,res){ const pathname = req.url if(pathname === '/') { fs.readFile('../page/index.html','utf-8',function(err,data) { if(err) { throw err } res.writeHead(200,{"Content-type":"text/html

191121HTML

橙三吉。 提交于 2019-12-05 05:27:52
一、HTML 1、web server import socket def handle_request(client): buf = client.recv(1024) client.send(bytes("HTTP/1.1 200 OK\r\n\r\n", encoding='utf-8')) client.send(bytes("<h1 style='background-color:red;'>Hello, Seven<h1>", encoding='utf-8')) def main(): sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM) sock.bind(('localhost', 9999)) sock.listen(5) while True: conn, addr = sock.accept() handle_request(conn) conn.close() if __name__ == '__main__': main() 2、web server2 import socket def handle_request(client): buf = client.recv(1024) client.send(bytes("HTTP/1.1 200 OK\r\n\r\n", encoding=

191121CSS

…衆ロ難τιáo~ 提交于 2019-12-05 05:27:44
一、CSS 1、css选择器 css选择器的使用方法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .c1{ background-color: #2459a2; height: 48px; } </style> </head> <body> <div class="c1">内容</div> <div class="c1">内容2</div> </body> </html> id选择器:#1 class选择器:.c1 标签选择器:div 层级选择器:.c1 .c2 组合选择器:.c1,.c2 属性选择器:.c1[type='text'] 2、引入css文件 <link rel="stylesheet" href="commons.css"> 3、基本样式 border: 1px solid red;边框 height: 48px;width: 200px;高和宽 font-size: 18px;字体大小 line-height:垂直居中 text-align:ceter:水平居中 font-weight:加粗 color:字体颜色 4、float 块级标签漂起来堆叠 <div style="width: 20%;background-color: