- 博客(22)
- 收藏
- 关注
RSS订阅原创 预览pdf文件（react-pdf/iframe/pdfjs+全屏)
js预览blod流pdf文件前情提要1. 通过react-pdf插件实现1.1 基本的使用如下：1.2 下载功能1.3 打印功能1.4 其他问题1.4.1 电子签章展示问题1.4.2 同时生成多个pdf组件2. iframe实现预览pdf3. iframe预览pdf+token最后前情提要首先这是一个项目需求，负责人只说了让我实现一个pdf预览打印功能，后台数据格式，页面样式都没有。好吧，那我就按照我的想法来。1. 通过react-pdf插件实现因为没有数据，所以我先考虑了复杂但兼容性高的实现方式：
2021-02-02 14:20:31
7054
6
原创 如何实现一个Tree组件
如何实现一个Tree组件实现思路组件实现树组件（index.vue）树节点组件（treeNode.vue）调用功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入开发技术：vue实现思路写这个组件的初衷就是因为上级需要一个展示de
2020-10-13 15:40:01
1195
原创 vue幸运抽奖大转盘的丑绝实现
自己通过canvas+vue（vue不是必备的可以）实现的一个抽奖转盘，重点在实现逻辑，所以样式丑绝。基本效果图，中间指针可以替换为图片数据格式转盘的分块由传入的数组长度确定，分为4，6，8块还是能看的 { id: 1, // 奖品标识，可按需设置 content: "谢谢参与", // 奖品文本 prize: "111", //奖品内容 probability: 0.75, // 中奖概率，也可以不设，由后台决定是否
2020-07-24 10:45:49
1367
原创 华为机试题目笔记
华为机试题目笔记服务器广播航班预定统计判断一组数连续九宫格输入抢票系统报数游戏字符串分割单词压缩编码分子弹/分发糖果打印任务排序集五福双列表元素分配服务器广播题目：服务器连接方式包括直接相连，间接连接。 A 和 B 直接连接， B 和 c 直接连接，则 A 和 c 间接连接。直接连接和间接连接都可以发送广播。给出一个 N * N 数组，代表 N 个服务器， matrix[i][j] == ...
2020-03-16 20:42:43
5572
11
原创 vue中v-model与.sync修饰符的使用差异
v-model使用方式父组件：父组件通过v-model绑定值。如需根据v-model传入的值改变，而触发其他更新需要通过watch监听。子组件：声明model对象 设置事件event和prop字段通过porps接受父组件传送值修改是通过this.$emit广播事件示例代码:// 父组件<template> <children v-mode...
2020-01-17 16:15:42
1620
原创 js-复制文本
js-复制文本第一次尝试-从输入框复制第二次优化-从其他地方复制最终优化-小bug优化在实现需求时会遇到了点击某一文本，将其内容复制到粘贴板的功能。虽然现在已经有了很多方便快捷的组件（例如第三方库：clipboard.js），但是考虑到兼容性等问题，我还是选择了通过js原生方法document.execCommand()来实现这个功能。使用框架：vue。第一次尝试-从输入框复制使用docu...
2019-09-18 18:56:48
429
原创 this与_this
在前端开发调试的过程中，常常会遇到上面这种情况，明明变量已经定义但是输出的值却是undefined，但是在变量前加一个_，就能获取到值：我猜测，可能是由于JS可以多层嵌套代码，可能下面还可以再嵌一个方法，引用this就会变成子方法控制的对象，如果需要上级的对像，在没有参数的情况下，前面前提做了一个临时变量_this，用来保存上级对像，子方法中就可以用_this来调用了。其他变量同理。...
2019-06-11 09:22:42
5895
原创 CSS中的global
在我使用antd等组件时，常常需要更改组件的默认样式，这时候，我们就需要用:global{}将需要修改的样式包裹起来。这种情况，我遇到过很多次，但是从来没有探究过原因，今天就浅浅的说一下我的理解。在说这个问题之前，我们需要先知道CSS Modules。CSS Modules主要是实现局部作用域和模块依赖两个功能。我们主要了解第一个功能就好。局部作用域我们都知道，CSS的规则都是全局的，任何...
2019-05-27 14:50:36
22674
1
原创 多class层级选择元素以及模糊匹配
多class层级选择元素以及模糊匹配css选择器js通过class获取元素css选择器选择class1元素下class2的元素<!--html--><div class="class1"> <div class="class2" /></div>// css（中间有空格）.class1 .class2{ color:#00...
2019-05-23 10:36:52
4102
原创 防止浏览器自动填充表单
当我们在登录页选择记住密码后，如果在之后的页面中还存在type和name相同的输入框，比如修改密码或者新建用户时，浏览器会自动填充表单，这并不是我们想要的效果。解决这个问题有以下几个办法：在我们真正想要输入的input前创建一个不显示且type等于password与和真正密码输入框同样name的input这样浏览器填充的密码就填充在了不显示的输入框内。使用autocomplete="new...
2019-04-22 11:39:39
2218
原创 js-new构造函数中的return
起源：某天，同事给了我一串代码：var a = function S(){return 1};var a1 = new a();var b = function S(){return b};var b1 = new b();问a1,b1分别返回什么？
2019-04-16 15:55:15
727
原创 antd-table 自定义实现排序滚动条与列拉伸
ant-table 自定义实现排序滚动条与列拉伸列排序滚动条由于项目需求，我使用了ant Degisn 的Table组件，随着需求的变化，在原有的表格上增加了列排序、滚动条、列拉伸以及固定列的功能（一万头XX在心中奔腾。。。）。刚开始听到需求时，我是不以为然的，毕竟ant都提供了对应的属性和方法嘛，不慌！。。。结果。。。脸都肿了。只实现单一功能时，ant做的很完美，但是将这些功能集合到一起时，...
2019-04-13 20:11:38
2970
原创 js-数组与对象
js-数组与对象数组1. 创建数组2. 判断数组`Array.isArray()`3. 数组常用方法数组1. 创建数组JavaScript中创建数组有两种方式使用 Array 构造函数：let arr1 = new Array(); //创建一个空数组let arr2 = new Array(20); // 创建一个包含20项的数组let arr3 = new Array("li...
2019-03-21 10:30:56
224
原创 onClick={() => this.handleClick(i)}、onClick={this.handleClick(i)}与onClick={this.handleClick}
@[TOC](onClick={() => this.handleClick(i)}、onClick={this.handleClick(i)}与onClick={this.handleClick})1.函数的声明与函数表达式一般的函数定义方法有两种：函数的声明：function handleClick(x,y){ retrun x+y;}关于函数声明，它最重要的一个特...
2019-03-20 15:08:49
605
原创 git连接远程仓库以及常用命令
git连接远程仓库以及常用命令git 连接远程仓库git ssh key配置本地配置git配置git连接远程仓库关联远程仓库（将本地仓库推送到新的远程仓库）git常用命令（包括clone远程仓库到本地）git 连接远程仓库git ssh key配置要使本地与git连接，就需要配置ssh key，否则在进行拉取远程仓库等操作时就会报如下错误：本地配置github支持我们用用户名或邮箱登录...
2019-03-20 15:03:35
14390
原创 react学习笔记-react官方脚手架搭建项目与支持less
react学习笔记-react官方脚手架搭建项目与支持less脚手架搭建项目支持less安装 less & less-loader通过 webpack 使用 less-loader暴露 webpack 配置文件修改 webpack 配置脚手架搭建项目默认已经安装并配置了nodejs及其全局环境。打开任意一种可以使用控制台指令的工具，可以是git的bash，可以是vscode的终端，也...
2019-03-20 11:39:35
487
原创 前端开发中可能需要的软件安装-react
前端开发中可能需要的软件安装-react1. 搭建java基本环境配置变量信息1.0 [java下载地址](https://www.java.com/zh_CN/)1.1 配置JAVA_HOME变量1.2 配置path变量1.3 配置ClassPath变量2. webstrom安装2.0 [webstrom下载地址](https://www.jetbrains.com/webstorm/)2.1 ...
2019-03-20 10:35:22
313
原创 阻止事件冒泡，阻止默认事件，event.stopPropagation()和event.preventDefault()，return false；的区别
1.event.stopPropagation()方法这是阻止事件的冒泡方法，不让事件向documen上蔓延，但是默认事件任然会执行，当你掉用这个方法的时候，如果点击一个连接，这个连接仍然会被打开。//js:handleParentClick=()=>{ console.log('这是父层div点击事件');};handletClick=()=>{ console.l...
2019-03-20 10:07:21
805
原创 前端CSS之块级元素与行内元素
关于学习前端时，遇到的一些很容易被忽略的知识点。笔记什么，一切都是方便自己。常见块级元素：div p form ul ol li 等；常见的行内元素：span strong em;区别块级元素独自占一行且宽度会占满父元素宽度，行内元素不会独占一行，相邻行内元素可以排在同一行。<div className="test1">这是测试DIV！</div><p...
2019-03-20 09:59:39
459
原创 react学习笔记-react生命周期
react-生命周期生命周期四大阶段组件初始化（initialization）组件挂载（Mounting）组件更新（update）组件卸载（Unmount）React v16.4 的生命周期如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘...
2019-03-20 09:45:39
235
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人