- 博客(31)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 Vue实现字符串中自定义标识符的解析渲染
遇到难题，保持平常心，勇于面对，总会找出突破口。前言有这样一个场景: 实现了文字和图片的混输，此时div中有img标签和文字，那么我们要将这些内容发送给服务端，然后服务端将我们发送的内容推送给每个用户，服务端需要什么格式的数据？我们客户端拿到服务端返回的数据，要怎么渲染到页面？接下来就给大家分享下我的解决方案，先给大家看一下最终实现的效果实现思路监听回车事件获取输入框的所有子元素...
2019-12-05 09:43:21
1065
原创 Vue实现图片与文字混输
知识在于积累，踩坑越多，你越强????前言用多了JQuery，习惯了使用JQuery的API操作DOM，几乎忘记了原生JS对DOM操作，今天在项目中遇到了文字和图片混输的情况，第一个想到的办法是用textarea实现，结果发现实现不了图片输入，然后想着找个富文本编辑器的插件实现，深思熟虑之后，我的需求好像也没那么复杂，不至于引用个插件，看了掘金的发布沸点功能，然后就模仿了其作法，于是就有了这篇文...
2019-12-05 09:42:38
3591
1
原创 Vue实现base64编码图片间的切换
不断学习，不断创新，用代码创造属于自己的世界。????前言昨天在项目开发中遇到了一个需要展示多张图片到一个容器中的需求，每张图片在鼠标移入时都要更换图片路径，展示一个新的图片，由于每张图片大小都在2~6kb之间，webpack中配置了图片在10kb以内自动转换base64，所有就有了本篇文章的分享。先给大家展示下最后要实现的效果实现思路给每个元素添加@mouserover事件和@mous...
2019-12-05 09:41:04
624
1
原创 我入职了～
从5月底离职到现在，一个半月的时间，通过内推+BOSS直聘，前前后后约到了10家面试，终于拿到了一个满意的offer，一家做saas系统的上市公司。本文就跟大家分享下我这段时间找工作的心路历程，欢迎各位感兴趣的开发者阅读本文。
2023-07-23 12:08:55
403
2
原创 我裸辞了！
时间过得真快，不知不觉已经23岁了。今年是我工作的第4年，入职现在的公司也2年了。完成了2年前定下的目标，成功弥补了自己项目上的短板以及技术深度的不足。经过一番深思熟虑后，我决定裸辞，向下一个目标出发。
2023-05-15 22:28:40
127
原创 实现Nest中参数的联合类型校验
在Nest中，当一个参数有多个类型时，你会怎么处理？本文将跟大家分享这个问题的解决方案，欢迎各位感兴趣的开发者阅读本文。
2022-04-21 07:30:05
815
原创 调整数组元素顺序算法
有一个整数数组，我们想按照特定规则对数组中的元素进行排序，比如：数组中的所有奇数位于数组的前半部分。本文将带大家实现这个算法，欢迎各位感兴趣的开发者阅读本文。
2022-04-19 07:38:30
1549
原创 强大的JavaScript工具管理器Volta
当你开发多个依赖于Node的项目时，每个项目所依赖的Node版本都不一样，此时你会怎么实现不同版本间的切换？本文跟大家分享一个能够实现丝滑般自动切换版本的JavaScrip工具管理器Volta，欢迎各位感兴趣的开发者阅读本文。
2022-04-13 07:54:13
1531
原创 实现TypeScript中的互斥类型
前言有这样一个对象，它有两个属性：name与title，在赋值的时候这两个属性只有一个能出现，例如：name出现的时候title就不能出现，title出现的时候name就不能出现。此时，你会怎么用TypeScript来定义这个类型？本文将带大家实现一个互斥类型来解决这个问题，欢迎各位感兴趣的开发者阅读本文。前置知识在实现之前，我们需要先来了解几个基础的知识。对象中多属性同类型的定义有一个对象它包含5个可选属性a、b、c、d、e，他们的类型都为string，大多数人的定义方式应该如下所示：typ
2022-04-11 09:11:42
460
原创 我的截图插件被Gitee使用了
上周六有个群友@我说Gitee的反馈模块新增了截图功能，我就去体验了下，发现他们用的就是我的插件????，本文就跟大家分享下这个插件，欢迎各位感兴趣的开发者阅读本文。
2021-11-30 23:18:01
242
原创 用通俗易懂的方式讲解动态规划
前言动态规划是一种比较难以理解的算法思想，本文结合自己的理解采用通俗易懂的方式来讲解下动态规划，欢迎各位感兴趣的开发者阅读本文。思路分析接下来，我们通过一个例子来逐步分析，引出动态规划思想。假设，你家里三种面值的钞票（1元、5元、11元）无数张，现在需要用这些钞票凑出某个金额出来，我们需要怎样搭配才能用最少的钞票数量凑出这个金额出来？例如：我们要凑15元出来。贪心思想 - 只顾眼前依据我们的生活经验，肯定是先用面纸较大的钞票，用总金额做减法运算，思路如下：先拿1张11元的钞票，接下来我们要
2021-09-06 01:17:22
428
原创 实现Web端指纹登录
前言现在越来越多的笔记本电脑内置了指纹识别，用于快速从锁屏进入桌面，一些客户端的软件也支持通过指纹来认证用户身份。前几天我在想，既然客户端软件能调用指纹设备，web端应该也可以调用，经过一番折腾后，终于实现了这个功能，并应用在了我的开源项目中。本文就跟大家分享下我的实现思路以及过程，欢迎各位感兴趣的开发者阅读本文。实现思路浏览器提供了Web Authentication API, 我们可以利用这套API来调用用户的指纹设备来实现用户信息认证，有关WebAuthn的更多内容请移步：WebAuthn在
2021-03-08 11:11:42
3796
2
原创 实现Web端自定义截屏
前言当客户在使用我们的产品过程中，遇到问题需要向我们反馈时，如果用纯文字的形式描述，我们很难懂客户的意思，要是能配上问题截图，这样我们就能很清楚的知道客户的问题了。那么，我们就需要为我们的产品实现一个自定义截屏的功能，用户点完"截图"按钮后，框选任意区域，随后在框选的区域内进行圈选、画箭头、马赛克、直线、打字等操作，做完操作后用户可以选择保存框选区域的内容到本地或者直接发送给我们。聪明的开发者可能已经猜到了，这是QQ/微信的截图功能，我的开源项目正好做到了截图功能，在做之前我找了很多资料，没有发现we
2021-02-02 14:11:39
1824
3
原创 前端如何学习数据结构与算法
生命不是要超越别人，而是要超越自己。前言作为一个对算法没有任何认知，非科班出身的前端程序员，如果想提高自己的能力，不再只写业务代码当一个应用工程师，算法是必须掌握的一门本领。算法也是一种思想，当你去读一些优秀框架的源码，如果对算法和数据结构一无所知，读起来很困难，你无法理解人家为什么要那样写，那样写的好处是什么，接下来就跟大家分享下作为一个前端程序员，如何学习数据结构与算法。后续将持续...
2020-02-18 11:23:33
1768
原创 Vue关闭线上源码移除console
不管前方的路有多苦，只要走的方向正确，不管多么崎岖不平，都比站在原地更接近幸福。前言文章中的配置，项目基于Vue CLI 3.0搭建，版本大于等于3.0不会有问题，其他环境版本请绕道????。关闭线上源码在Vue.config.js中添加如下代码module.exports = { // 关闭线上源码 productionSourceMap: false,}移...
2020-02-06 22:54:04
578
原创 js生成永不重复随机码
function createUniqueId(n) { var random = function() { // 生成10-12位不等的字符串 return Number(Math.random().toString().substr(2)).toString(36); // 转换成十六进制 }; var arr = [...
2019-07-09 16:56:48
2420
原创 HD框架踩坑总结---第1篇
HD框架踩坑之路---第1篇页面标签详解1. 循环遍历标签2. 文本输出标签3. 日期格式处理标签4. 码本查询标签（查询码本回显对应的内容）5. 判断标签（根据判断条件决定要显示的内容）如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表...
2019-06-26 08:54:19
669
原创 vue中动态路由的理解与使用
1. 动态路由传参 1.1使用query传参，name属性为要跳转的组件所对应的name，query为要携带的参数<router-link :to="{name:'mainContent','query':{links:'recommend'}}"> </router-link> 1.2 使...
2019-05-27 01:47:19
9324
1
原创 vue路由出口(router-view)为和路由入口(router-link)呈兄弟元素无法准确匹配跳转解决方案
1.问题背景如图所示，路由出口和入口为兄弟元素，页面还有其它路由，会发生子级路由不能准确匹配，无法渲染数据 2.踩坑记录布局页面，设置 "router-link" 和 "router-view"配置路由页面效果3.解决方案 设置路由出口时，给router-view，设置name属性<!--路由出口--><...
2019-05-23 21:29:18
10581
原创 css3实现tab切换效果
程序员用代码交流：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>css3 tab切换</title> <!--角标--> <link rel="shortcut icon" href="https:...
2019-05-19 12:00:29
3919
原创 安装yarn修改npm源以及yarn源
1.安装yarn 前提是安装好了node环境，如果未安装请先部署node环境；sudo npm install -g yarn #安装yarn（终端执行）2.安装nrm和yrm nrm 是一个 NPM 源管理器，允许你快速地在如下 NPM 源间切换；npm install -g nrm #全局安装nrm yrm是一个 yarn源管理器，允许你快速...
2019-05-03 00:03:43
6031
1
原创 YApi平台部署报错（mac一定报错）解决方案
1.部署YApi到本地 根据官方文档所写，全局安装完 yapi-cli后，以及mongodb后，终端执行 yapi server,浏览器输入 127.0.0.1:9090，打开部署页面填写完基础信息后点击开始部署，等待一段时间，问题出现了node server/install.jsError:internal/modules/cjs/loader.js:584 t...
2019-05-01 17:44:53
4192
原创 Mac安装brew，并通过brew安装MongoDB
1.安装brew 打开终端执行如下命令：/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"2.安装MongoDB（可能需要科学上网） 终端执行：brew install mongodb 等待几分钟 即可自...
2019-05-01 14:01:36
1247
原创 webstorm打开vue(webpack)项目module报错vue周边标签无提示
1. 出现此问题的原因是，webstorm没有正确加载node_modules（node模块） 例如图中所示情况，module白色波浪线报错，router-link标签报错且标签预提示2.解决方案 webstorm打开项目后，右键node_modules目录，选择Mark Directory as --->Not Excluded，等待webstorm重...
2019-04-28 00:00:55
1128
原创 文件夹压缩为zip文件,linux下乱码???
package com.lk.Utils;import java.io.File;import java.io.FileInputStream;import java.io.FileNotFoundException;import java.io.FileOutputStream;import java.io.IOException;import java.io.OutputStr...
2018-12-27 15:03:07
346
2
原创 jquery获取table(表格)中的所有数据(包含表格中的输入框)
话不多说,献上代码:var Af = {};Af.getTableData = function(container){ let tripleArray = []; //--->得到的数据为三维数组 $('#OrderModelList').each(function (index) { let table = []; $(container).f...
2018-12-17 11:05:15
18470
3
原创 Ubuntu 18.04搭建ftp服务器
1.安装vsftpd(终端执行) sudo apt-get install vsftpd2.配置vsftpd(终端执行) sudo gedit /etc/vsftpd.conf 找到:listen=YES #将NO改为YES 找到:listen_ipv6=NO #将YES改为NO3.添加用户名和用户组 sudo groupadd ftpuser ...
2018-12-06 11:40:09
4657
3
原创 JS中JSONArray转JSONObject
JS中JSONArray转JSONObject其实很简单,代码如下://JSONArrayvar data = nowArrayDatalength.data;//JSONArray 转换 JSONStringvar dataString = JSON.stringify(data);//字符串截取(裁掉" [ ] ")var dataObject = dataString....
2018-08-18 09:25:43
5025
原创 Tomcat配置SSL证书：开启https访问和强制跳转https
Tomcat配置SSL证书：开启https访问和强制跳转https 第一次来CSDN，最近在研究内网穿透，了解到了SSL证书与HTTP/HTTPS,今天就给大家分享一下用法心得：1.开启tomcat的https访问 （修改端口：8080->80, 4443->443）2.配置SSL证书,开启https访问３．开启http强转httpsTomcat配置SSL证...
2018-08-15 23:00:30
15030
6
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人