src

前端实现文件在线预览txt,pdf,doc,xls,ppt几种格式

北城以北 提交于 2020-02-07 07:52:54
做法就是使用iframe标签 1.text,pdf的文件预览 <iframe class="filename" :src="文件的地址" width='100%' height='600' frameborder='1' ></iframe> 2.doc,xls,ppt等office的预览 <iframe class="filename" :src="https://view.officeapps.live.com/op/view.aspx?src=后面是文件的地址" width='100%' height='600' frameborder='1' ></iframe> 3.我们可以看出,差别只有src的属性,所以要设置文件预览同时可以满足txt,pdf,和office类型格式的文件,只需要配置src就可以,根据文件后缀判断如果是office的类型就在url前加上 https://view.officeapps.live.com/op/view.aspx?src= for (let i=0;i<this.data.quoteInfo.goodsList.length;i++) { for(let j=0;j<this.data.quoteInfo.goodsList[i].goodsAttachments.fileAttachmentList.length;j++){ let

docker部署go文件引入第三方包

半世苍凉 提交于 2020-02-05 13:29:28
在 go 文件的当前目录下新建 src 文件夹, src 文件夹里放第三方包, 再进行编译即可 例子 import{ "github.com/gorilla/websocket" } 如果 go 文件引入了上述第三方包,则按照改目录层级将第三方包放入 src 文件夹, 即 src/github.com/gorilla/websocket 主目录 src github.com gorilla websocket main.go 来源: https://www.cnblogs.com/wasi-991017/p/12263362.html

ROS笔记

假如想象 提交于 2020-02-05 00:03:23
创建工作空间 $ mkdir -p ~/catkin_ws/src $ cd ~/catkin_ws/src $ catkin_init_workspace 编译工作空间 $ cd ~/catkin_ws/ $ catkin_make 设置环境变量 $ source devel/setup.bash 检查环境变量 $ echo $ROS_PACKAGE_PATH 创建功能包 $ cd ~/catkin_ws/src $ catkin_creat_pkg test_pkg std_msgs rospy roscpp 编译功能包 $ cd ~/catkin_ws $ catkin_make $ source ~/catkin_ws/devel/setup.bash 例子: 发布者publisher的编成实现 $ cd ~/catkin_ws/src $ catkin_create_pkg learning_topic rospy roscpp std_msgs geometry_msgs turtlesim $ cd ~/catkin_ws/src/learning_topic/src $ vim velocity_publisher.cpp 实现一个发布者: 初始化ROS节点; 向ROS Master注册节点信息,包括发布的话题名和话题中的消息类型; 创建消息数据;

opencv:图像卷积

孤街醉人 提交于 2020-02-01 21:20:17
卷积基本概念 C++代码实现卷积 #include <opencv2/opencv.hpp> #include <iostream> using namespace cv; using namespace std; int main(int argc, char** argv) { Mat src = imread("f:/images/lena.jpg"); if (src.empty()) { printf("Could not find the image!\n"); return -1; } namedWindow("input", WINDOW_AUTOSIZE); imshow("input", src); int h = src.rows; int w = src.cols; Mat result = src.clone(); for (int row = 1; row < h - 1; row++) { for (int col = 1; col < w - 1; col++) { // 3x3卷积核 int sb = src.at<Vec3b>(row, col)[0] + src.at<Vec3b>(row - 1, col - 1)[0] + src.at<Vec3b>(row - 1, col)[0] + src.at<Vec3b>(row - 1, col

前端点滴(CSS3)

て烟熏妆下的殇ゞ 提交于 2020-02-01 09:01:16
前端点滴(CSS3)----倾尽所有 css3选择器 css3盒子模型 CSS3 弹性盒子内容 css3背景和边框 css3背景 css3边框 css3渐变 css3 文本效果/字体 css3 文本效果 css3 2D/3D转换(transform) 2D转换 3D转换 css3动画与过度 css3动画 css3过渡 css3多列布局 css3用户界面 css3图片 css3按钮 css3 分页 css3多媒体查询 css3选择器 相比于css,css3增设了许多css伪类选择器 具体如下: 选择器 例子 说明 css element1~element2 p~ul 选择前面有 <p> 元素的每个 <ul> 元素。 3 [attribute^=value] a[src^=“https”] (条件选择器)选择其 src 属性值以 “https” 开头的每个 <a> 元素。 3 [attribute$=value] a[src$=".pdf"] (条件选择器)选择其 src 属性以 “.pdf” 结尾的所有 <a> 元素。 3 [attribute*=value] a[src*=“abc”] (条件选择器)选择其 src 属性中包含 “abc” 子串的每个 <a> 元素。 3 :first-of-type p:first-of-type 选择属于其父元素的首个 <p> 元素的每个 <p>

计算机系统漫游

梦想的初衷 提交于 2020-01-31 21:53:50
1.1信息就是位+上下文 系统中所有的信息都是由一串位组成的, 所谓的位就是bit, 每八位是一个字节也就是byte, 理论上讲所有的文件可以分为两种, 一种是由ascii字符组成,这种我们也称作文本文件(其实其他字符编码也算, 这里不考虑), 剩下的都叫做二进制文件。所以其实一个文件到底会被如何翻译其实完全取决于上下文。 1.2程序被其他程序翻译成不同的格式 文中举了C语言的例子: 源文件(src.c)经过预处理器(cpp)生成被修改的源文件(src.i)然后经过编译器(ccl)生成汇编代码(src.s)然后是汇编器(as)生成可重定位的目标程序(src.o,从这里开始就是二进制文件了),最后经过链接器(ld)生成可执行文件。 这里我解释一下可重定位, 所谓的重定位定位的是地址, 因为只有经过了前面的编译处理才能得出最终数据段(.data)以及代码段(.text)的最终大小, 重定位在于为指令和全局变量等分配实际的系统空间。 1.3了解编译系统如何工作是大有益处的 如果能够弄懂编译系统工作原理, 可以在性能优化, 解决链接错误以及避免安全漏洞等方面有更加全面的了解。 1.4处理器读并解释存储在存储器中的设备 首先对于系统硬件组成的一个基本的认识 : 总线用来携带信息字节贯穿整个系统,其传送的字节块被称之为字, 字中的字节数是一个基本的系统参数也叫做字长, 一般为32位或者是64位

opencv python:图像金字塔

拥有回忆 提交于 2020-01-31 00:29:43
图像金字塔原理 expand = 扩大+卷积 拉普拉斯金字塔 PyrDown:降采样 PyrUp:还原 example import cv2 as cv import numpy as np # 图像金字塔和拉普拉斯金字塔(L1 = g1 - expand(g2)):reduce:高斯模糊+降采样,expand:扩大+卷积 # PyrDown降采样,PyrUp还原 def pyramid_demo(image): level = 4 temp = image.copy() pyramid_images = [] for i in range(level): dst = cv.pyrDown(temp) pyramid_images.append(dst) cv.imshow("pyramid_down_"+str(i+1), dst) temp = dst.copy() return pyramid_images def laplace_demo(image): # 注意:图片必须是满足2^n这种分辨率 pyramid_images = pyramid_demo(image) level = len(pyramid_images) for i in range(level-1, -1, -1): if i-1 < 0: expand = cv.pyrUp(pyramid

opencv:图像的算术操作

不打扰是莪最后的温柔 提交于 2020-01-30 22:00:16
前提:输入图像的大小和类型必须一致 越界处理: 大于255,则会减去255 小于0,则等于0 基本计算,加减乘除 #include <opencv2/opencv.hpp> #include <iostream> using namespace cv; using namespace std; int main(int argc, char** argv) { Mat src1 = imread("f:/temp/images/WindowsLogo.jpg"); Mat src2 = imread("f:/temp/images/LinuxLogo.jpg"); //namedWindow("003-windowsSrc", WINDOW_AUTOSIZE); //namedWindow("003-linuxSrc", WINDOW_AUTOSIZE); //imshow("003-windowsSrc", src1); //imshow("003-linuxSrc", src2); /* Mat dst1;// ** add(src1, src2, dst1); imshow("add", dst1); Mat dst2; // 减 subtract(src1, src2, dst2); imshow("subtract", dst2); Mat dst3; // 乘

CMake快速上手教程

佐手、 提交于 2020-01-30 16:39:08
教程框架 起点(Step 1) 1. 编译单目录工程 1.创建工程文件夹 2.进入src目录,编写一个main.c文件 3.编写工程顶层目录的CMakeLists.txt 4.编写子目录src的CMakeLists.txt 5.最后的工程目录结构 6.编译工程 2. 编译多目录工程 1.创建工程目录 2.编写hello模块 3.编写world模块 4.编写主模块 5.编写顶层目录的CMakeLists.txt文件 6.最后的工程目录结构 7.编译工程 本文由简书站上的多篇博客经我验证后修改了错误 + 细化步骤 + 严谨地审查,后发表。 参考文章链接1:https://www.jianshu.com/p/8df5b2aba316 参考文章链接2:https://www.jianshu.com/p/6df3857462cd CMake中文手册:http://www.cnblogs.com/coderfenghc/tag/cmake/ 起点(Step 1) 参看下面的CMakeLists.txt文件,最简单的一个工程需要有一个这样的cmake文件,一共就这么两行 cmake_minimum_required ( VERSION 3.5 ) project ( hello ) add_executable ( hello hello.c ) 注意到这里都是用的小写的命令

sass实现头条新闻列表页面

家住魔仙堡 提交于 2020-01-30 12:37:07
Index.html <!DOCTYPE html> <html> <head> <title>今日头条</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <link rel="stylesheet" type="text/css" href="index.css"> </head> <body> <div class="header"> <div class="title_logo"></div> </div> <div class="top_bar"> <div class="top_menu_list"> <a class="btn cur">推荐</a> <a class="btn">视频</a> <a class="btn">热点</a> <a class="btn">社会</a> <a class="btn">娱乐</a> <a class="btn">军事</a> <a class="btn">科技</a> <a class="btn">汽车</a> <a class="btn">体育</a> <a class="btn">财经</a> <a