- 博客(65)
- 收藏
- 关注
RSS订阅原创 electron 开发轻量级本地数据存储桌面端应用（简洁版）
接了一个项目需要开发一个功能简单的桌面端应用，主要包含的功能有 内置数据，本地化操作数据，对数据进行CRUD操作。
2023-11-02 17:57:14
3992
1
原创 uView2.0扩展自定义图标库、密码在安卓端显示隐藏等问题解决方案
1. 扩展自定义图标库解决方案2. 密码在安卓端显示隐藏失效3. 折叠面板Collapse在安卓中设置value值之后，渲染未实现展开效果；
2023-03-14 14:39:41
1381
原创 uniApp——hubuilder版本与手机端SDK不匹配解决方法
本应用使用hbuilderxx.xx或对应的cli版本编译，而手机端SDK版本是x.x.x
2023-03-08 11:01:19
4811
原创 Arco Design Vue初探——表格可扩展、模态框嵌套表单确定前处理记录
一.表格可扩展自定义，用JSX或者h 函数解决；二.模态框a-modal嵌套a-form,使用确认事件@ok校验逻辑不走直接关闭模态框，将@ok 更改为@before-ok 事件
2022-12-16 14:32:05
3591
3
原创 vue+xterm+SockJS实现终端
实现难点：主要是与服务端建立连接，后端用的sockJS前端保持一致,其实xterm中自带了websocket；视图展示用的xterm;开发过程中遇到的痛点就是调试时很麻烦；后来后台将项目打包之后我本地起服务才能写单独的html页面去进行调试的但是和项目还是有出入；这样比 打包到uat上去查问题方便一点 但是已经不是什么好的解决方案 调试的时候真的是有点烦躁~~需求：用vue、xtrerm、sockJS实现一个终端；
2022-10-08 16:16:37
1276
原创 Ant vue中表单验证（动态校验、部分校验）
1.多看官方文档；2.多写多总结，无论时动态校验还是普通校验——prop和绑定的值要保持一致，这样才能实现规则校验。！
2022-09-19 17:52:32
8363
3
原创 2周刷完100道前端优质面试——手写篇
手写篇!> 高质量代码特点：编码规范性，功能完整性，鲁棒性1.手写一个JS函数，实现数组扁平化，只减少一级嵌套如 输入[1,[2,[3]],4],输出[1,2,[3],4]/** * 数组扁平化，使用push * @param arr * */function flatten1(arr:any[]): any[] { const res: any[] = [] arr.forEach(item => { if(Array.isArray(item)){
2022-05-18 15:15:48
638
原创 css 超长文本自动换行
超级长的字符串效果如下：主要代码如下：设置外边距字符串整体缩进，超级赞 display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; word-break: break-all; overflow-wrap: break-word;...
2022-05-11 18:27:46
1942
原创 css引入第三方字体（等宽非衬线）
需求：是系统字体设置成等宽的，内置字体 有等宽类型，但是却不美观；想要那种英文字体等宽的，数字不是衬线的，最后找到了Droid Sans Mono 很符合预期；效果如下：等宽字体且对齐，数字0没有斜杠，非衬线的再此分享一个文字效果的网站：等宽非衬线引入第三方文字方法：创建一个css文件@font-face { font-family: 'Droid Sans Mono'; //字体名称 src: url("Droid-Sans-Mono.ttf"); //字体文件路径 font-.
2022-05-11 14:20:09
505
原创 2周刷完100道前端优质面试——工作经验篇
工作经验篇1.H5页面如何进行首屏优化移动端H5要结合App能力去优化路由懒加载适用于SPA(不适用MPA)路由拆分，优先保证首页加载服务端渲染SSR传统前后分离（SPA）渲染页面过程复杂SSR渲染页面过程简单，所以性能好如果是纯H5页面，SSR是性能优化的终极方案(但成本也高)Nuxt.js(vue) Next.js(React)App预取如果H5在APP WebView中展示，可使用APP预取比如用户访问列表页时，App预加载文章首屏内容用户进入H5页，直接从App中获取内
2022-05-07 17:31:05
837
原创 2周刷完100道前端优质面试——广度篇
广度篇1.移动端H5点击有300ms延迟，该如何解决背景：double tap to zoom (轻点两下缩放)fastclick (初期解决方案)width = device-width (标准协议解决，要做响应式 所以没有必要做300ms延迟)fastclick实现及原理window.addEventListener('load',function(){ FastClick.attach(document.body)},false)//FastClick原理//监听touch
2022-05-07 17:28:09
472
2
原创 vue实现全屏功能
需求：实现全屏功能实现效果：主要代码如下：//this.fullscreen :false 不全屏展示 handleFullScreen() { const element = document.documentElement if (this.fullscreen) { if (document.exitFullscreen) { document.exitFullscreen() } else if (docume
2022-05-07 14:37:29
714
原创 ant-vue通知提醒框（ Notification ）实现自定义样式
需求：运用ant中通知提醒实现自定义的样式效果；效果如下：点我之后点击上传按钮去看效果组件自定义内容支持vueNode |function(h)，我自己是用function(h)来实现的，想用vueNode的 可以去vue 官网去查看 相应的编码规范，function（h）的其中核心有点像广度遍历似的，大家可以先将要实现的代码先写出来之后再用function(h) 来实现 更高效：我不知道怎么绑定指令，问我的狗子 他也不知道，真希望有高人指点一番！！！ h( '页面标签
2022-05-07 10:40:59
4485
原创 2周刷完100道前端优质面试——深度篇
深度篇——原理1.JS内存垃圾回收用什么算法垃圾回收：函数已经执行完了 再也用不到的一些对象和数据引用计数（之前） 循环引用出现一些缺陷， 引用次数为0则被清除标记清除（现代）从js的根（window）下逐步遍历，只要能找到的就保留，没有找到就清除I.【连环问】JS闭包是内存泄漏吗闭包不是内存泄漏，但是闭包的数据不会被垃圾回收II.如何检测JS内存泄漏泄漏的情况就是一直上升，正常的情况是锯齿上升下降高低形状可使用 Chrome devTools 的Performance 和 Me
2022-05-06 19:01:59
919
原创 vue读取本地项目下YAML文件并实现yaml与json间相互转换
业务需求：前端自己获取项目下的YAML,并且对YAML与JSON进行相互转换1.实现效果如下：2.具体实现将yaml文件放到public文件夹下的yaml文件夹下需要借助 js-yaml 来对yaml和json相互转换,load是yaml转换成json的API,dump是json转换成yaml的API主要代码如下：import yaml from 'js-yaml// 读取Yaml readFile() { const file = this.loadFile('/.
2022-05-05 15:39:00
2337
2
原创 vue中实现echart画布适配
业务需求：根据屏幕大小，将echart进行适配，同时可以解决首次渲染echart画布大小和刷新时画布大小不统一的问题1.实现效果如下：随着屏幕大小，echart画布进行适配2.主要代码如下： <div class="echart-card" > <div class="echart-container"> <div ref="cpuEChart"></div> </div> </div>.
2022-05-05 15:15:20
791
原创 vue实现自动登录功能
业务需求：用户登录时，如勾选自动登录则将登录成功的用户名和密码进行保存，下次登录则自动展示到相应的输入框中便于登录；效果如下：.vue文件中主要代码如下：mounted() { this.getCookie() },methods: { // 设置cookie,登录成功之后进行调用 传入账号名，密码，和保存天数3个参数 setCookie(name, pwd, exdays) { var exdate = new Date() // 获取时间
2022-05-05 11:29:52
5257
1
原创 2周刷完100道前端优质面试——基础篇
1.Ajax-Fetch-Axios三者有什么区别?三者都是用于网络请求，只不过维度不同Ajax(Asynchronous Javascript and XML),一种技术统称；Fetch,一个具体的APIAxios(阿克硕死)，第三方库https://axios-http.com/ function ajax1(method,url){ const xhr = new XMLHttpRequest() xhr.open(method,url); xhr.onready
2022-05-05 10:27:33
585
原创 2周刷完100道前端优质面试——算法篇
算法篇!> 算法复杂度-程序执行时需要的计算量和内存空间，复杂度是数量级（颗粒度粗） 前端通常重时间轻空间[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-A0xxUNnb-1650268821516)(image/复杂度.jpg)]时间复杂度数量级：O(1) 一次就够O(logn)数据量的对数(二分的思想)O(n)和传输的数量级一样(循环)O(nlogn)数据量*数据量的对数 (循环嵌套二分)O(n^2)数据量的平方 (嵌套循环)空间复杂度数量级:
2022-04-18 16:00:58
1924
7
原创 CSS文本溢出隐藏，显示省略号
仅供自己记录，老用还不记得，哈哈哈笨死了！！！单行文本溢出隐藏：overflow: hidden;单行文本溢出隐藏显示省略号：white-space: nowrap;overflow: hidden;text-overflow: ellipsis;多行文本溢出隐藏显示省略号：text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webki
2022-03-25 15:01:31
1403
原创 解决 windows “因为在此系统上禁止运行脚本报错”问题记录
在使用 VS code 自带终端的时会报出"系统禁止脚本运行的错误"，原因是因为 PowerShell 执行策略的问题。解决方法：管理员身份运行 PowerShell执行：get-ExecutionPolicy，若显示 Restricted 表示状态是禁止的执行：set-ExecutionPolicy，会提示输入参数输入 RemoteSigned 会提示进行选择输入：Y，回车之间如遇到set-ExecutionPolicy : 对注册表项“HKEY……”的访问被拒绝这类问题解决方法：.
2022-03-23 22:39:58
994
原创 ant-vue表格动态控制复选框状态
需求:根据表格选中条数去动态的控制表格复选框状态;思路:1.列表数据增加可选标识2.监听条件去控制标识状态实现依赖getCheckboxProps组件方法;具体实现如下://监听表格选中的数据 watch: { selectedRowKeys: { handler: function (val) { let count = 5 - this.formData.dataDisk.length if (count <= val.length.
2022-03-21 10:53:38
2497
原创 用ant-table组件实现表格数据单选效果记录
需求：1.选中列表数据实现单选效果；2.支持单列模糊搜索（官网例子）这个搜索是前端进行处理的没有调用后台接口去处理，可根据自己的需求去改进；3.业务场景：切换页码时；数据搜索过滤时；页面单选效果也不会丢失；之前自己实现了一个但是还差个搜索功能，而且之前的列表是滚动的，所以还是想说用现成的组件进行改造更加快捷而且也满足需求，能不造轮子就不自己造效果如下：代码如下：<template> <a-table :data-source="data" :.
2022-03-10 16:22:45
1476
原创 vue+nodevnc 实现web窗口终端记录
需求：用vue实现一个web窗口的终端选择了nodevnc项目中安装nodevnc; npm i @novnc/novnc --save代码实现<template> <div id="screen" style="width:100%;height:800px"></div></template><script>import RFB from '@novnc/novnc/core/rfb'export defaul.
2022-03-10 10:46:55
782
原创 基础积累—构造记忆功能的函数
今天看书，有个挺好的部分，构造了一个带有功能记忆的函数，分享一下；????简单粗暴的实现斐波那契；let fib =function(n){ retturn n<2?n:fib(n-1)+fib(n-2);}for(let i=0;i<=10;i++){console.log(i+":"+fib(i));}//0:0//1:1//2:1//3:2//4:3//5:5//6:8//7:13//8:21//9:34//10:55上面虽然能实现，但是做了很
2022-02-05 23:53:44
279
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人