--(*^▽^*)--/-CSDN博客

原创 vue实现解析表格数据+表格拖拽排序

效果图：解析表格解析表格数据安装插件：npm install xlsx --save-dev安装完成之后，在页面进行导入：import XLSX from 'xlsx'解析表格用到3个方法// 点击上传按钮，拿到file对象handleUpload(file) { this.readWorkbookFromLocalFile(file, this.outputWorkbook) return false;},// 通过XLSX.read方法，拿到workbook对象，调用回

2021-01-05 15:17:26 983

原创与前端相关的正则表达式

可解析嵌套的HTML标签/<(?:(?:\/?[A-Za-z]\w*\b(?:[=\s](['"]?)[\s\S]*?\1)*)|(?:!--[\s\S]*?--))\/?>/gdemolet str = '<table><tr><td t="s" id="sjs-A1" v="编号">编号</td><td t="s" id="sjs-B1" v="姓名">姓名</td></tr><tr>&.

2021-01-05 09:37:43 159

原创 ctrl+s保存在线文本，阻止不了浏览器默认事件

ctrl+s保存在线文本，阻止不了浏览器默认事件的原因场景：在浏览器环境中，编写一个在线IDE，支持用户键盘按下ctrl+s，能够保存编辑的文本内容。环境：vue +monaco-editor注意事项：与键盘相关的事件有3个，分别是：keydown、keypress 、keyup。这三个事件里面keydown是最先触发的，而且也只能在这个事件里面阻止事件冒泡和默认行为所有我们把事件绑定在keydown上即可，再通过以下任意一种方式即可阻止浏览器的默认行为event.p.

2020-12-01 14:34:57 1043

原创了解区块链技术（一）

了解区块链技术（一）分布式记账的技术，与传统记账有所区别举个例子，某大型网站的数据库只能由此网站的相应的管理人员进行管理，例如淘宝、微信后面的数据库都是由其相应的团队来尽行管理的，大家都认为只是非常天经地义的事情，区块链就是把这个天经地义的事情改变了一下：整个系统是每个人都可以参与进来，进行维护的，这是和传统的技术非常大的一个区别。分布式记账技术在区块链的世界中，它通常把一个大型数据库看成一个账本。对于区块链的记账方式，它却不是由一个中心化的数据库，或者不是由某一个人、某一个公司来做记账行为

2020-06-24 16:47:19 304

原创 Vue项目《仿饿了么》总结一

api接口mock数据在vue.config.js文件中新建devServer的配置项 devServer配置项接收一个Object的值，为对象新增一项数据：属性名为before，属性值为一个function app.get('/some/path', function(req, res) { res.json({ custom: 'response' });})...

2020-01-15 08:58:59 507

原创 vue项目实战《电影快讯》--- 项目总结

Vue实战之喵喵电影day1 - 创建组件页面组件电影页面组件影院页面组件我的页面组件公共组件正在热映组件即将上映组件城市组件搜索组件影院列表组件登录组件重点知识总结创建新的组件、路由、js等文件时，应该首先创建一个对应名字的文件夹，然后在文件夹里面创建的一个名为index的对应文件，这样既能够避免将所有的代码写在一起，而引起的代码复杂的问题，又能避免引入文件...

2019-11-08 11:57:32 949 1

原创【存储方案】本地存储和服务器存储

本地存储和服务器存储本地存储把一些信息存储到客户端本地（主要目的有很多，其中有一个就是实现多页面之间的信息共享）离线存储（xxxx.manifest），H5处理离线缓存还是存在一些硬伤，所以真实项目中一般还是传统的【NATIVE APP】来完成这件事情。 localStorage / sessionStorage：H5中新增加的API，基于这个API可以把一些数据缓存到客户端本地（常...

2019-10-13 17:55:39 1545

原创收集前端面试题（一）

BFC系列问题要使子元素顶部距离父元素100px怎么做？解决方式：为子元素加上margin-top: 100px;然后为父元素加上overflow: hidden;形成BFC；为子元素加上宽度为100px的border; 为父元素加上padding: 100px;遇到那些问题需要用到BFC？margin重叠（为其中一个子元素外层包裹一个div, 为此div设置posit...

2019-09-13 20:52:15 217

原创显示创建Mat对象的七种方式

#include<opencv2/opencv.hpp>using namespace cv;using namespace std;int main(){//-------【方式一】使用Mat()构造函数------ Mat M(3, 3, CV_8UC3, Scalar(0,0,255)); cout << "M = " << endl ...

2018-04-11 21:22:37 373 1

转载 OpenCV3编程入门

opencv 版本2.8.41 imread函数Mat imread (const string& filename, int flags = 1);1 filename:要载入的图片路径名2 fiags为载入标识，指定一个加载图像的颜色类型，默认值为1，表示载入三通道的彩色图像。这个参数可以在OpenCV中标识图像格式的枚举体中取值。若为0，灰度图像。若为2：当载入图像的深度为16位或者...

2018-04-04 22:21:44 507

原创 Study OpenCV_01

显示电脑中指定路径的图片（支持任意格式）第一步——加载图片，赋值给指定变量//首先获取图片，赋值给变量img IplImage* img = cvLoadImage("C:\\Users\\朱小鹿\\Pictures\\Saved Pictures\\1.jpg", CV_LOAD_IMAGE_ANYDEPTH | CV_LOAD_IMAGE_ANYCOLOR); //以图片最原始的色彩呈现...

2018-03-30 01:31:59 183

原创 Css+Html 特效实现3D旋转爱心+立方体（一）

立方体需要考虑的因素:如何将平面的2D图形转换为3D图形。解决方法:先将平面上的6个DIV拼接在一起。形成一张类似由3d立方体图形展开的平面图。如图所示:知识点：将DIV合在一起，将会用到定位的知识，将立方体包起来需要一个大盒子DIV，所以总共需要7个DIV，这七个DIV，将以大盒子为参考点（position:relative），剩下的6个子盒子，每一个都是绝对定位，定位在相应的位置上，定...

2018-02-10 16:21:36 13078 2

原创网页中实现分页功能的几种方法

当我们在做一些类似于贴吧展示帖子这种项目的时候，由于帖子的数量比较多，就会用到分页的技术。这里我将介绍几种几种方式来实现分页的技术。首先我们先来了解一下分页功能的核心技术点：1. 首先先规定每一页显示多少张贴子数，这样才能计算总共有多少页。2. 然后再从数据库中提取相关数量的记录，将这些提取出来的记录显示在页面上。a. 从数据库中提取有限的记录时，我们用到的sql...

2018-02-10 16:06:40 33950 1

原创画图板重绘——队列实现

**1. 为什么需要重绘：**  原因：在自己定义的画图板上绘制图形的时候，缩小窗口拉大窗口的时候，窗体上的图形就会消失。当窗体大小发生改变的时候，系统会自动调用JFrame的Paint方法，因为我们在窗体上绘制的图形是存在缓存中的，当窗体的大小改变后，这些缓存会自动清空，重新调用paint方法，但是paint没有重绘这些图形，只重绘窗体上的组件。1. 如何重绘 知道为什么需要重绘的根

2017-12-05 23:29:45 573

原创实现QQ登录界面，密码框出现提示文字的效果

实现QQ登录界面，密码框出现提示文字的效果说明：这只是我个人的方法，方法可能不唯一,仅供参考哦，复杂了点（嘻嘻嘻~）。思路：通过监听，对普通文本框和密码框进行切换来实现。具体思路：1.用一个面板来盛放两个组件(不是两个都放进去),初始化时，将普通文本框加入到面板中。2.然后添加对普通文本框实现得到焦点的监听（监听是否失去光标，即是否被选中）,监听方法有两个抽象方法，这里只实现得到焦点（光标）的方

2017-11-27 13:10:09 2785

二二②四的小窝