- 博客(45)
- 收藏
- 关注
RSS订阅原创 前端表格数据导出Excel文件方法，列自适应宽度、增加合计、自定义文件名称
开发过程中，后端反馈无法实现导出的Excel表格文件宽度根据数据进行宽度自适应，故实现此方案。前端根据返回数据结合表格字头实现导出下载Excel文件，Excel文件每列的宽度根据数据长度进行自适应。还可以增加最后一行的 “合计” 数据。还可以自定义Excel表格的文件名称。
2025-03-24 14:46:27
441
原创 Node 版本切换，如何使用 nvm 轻松切换 node 版本
有时候我们需要启动各种版本的项目，但是每个项目需要使用不同的 node 版本才能正常运行。所以我们需要随时切换 node 版本来启动项目，故我们需要使用到nvm。nvm可以 轻松控制 Node版本切换。
2024-10-24 14:07:13
9183
原创 使用原生HTML和css制作一个箭头步骤条
创建一个箭头步骤条通常涉及到使用HTML来定义结构，CSS来定义样式。下面是一个简单的示例，展示了如何使用原生HTML和CSS来制作一个箭头步骤条。
2024-10-24 13:41:27
1011
2
原创 node.js 启一个前端代理服务
有时候我们需要做一些基础的页面时，在研发过程中需要代理调用接口避免浏览器跨域的情况，也方便局域网中研发查看我们做的页面时，就需要启动一个服务来将自己的网页放在服务上来测试和预览。
2023-12-13 21:44:29
695
原创 uniapp: 本应用使用HBuilderX x.x.xx 或对应的cli版本编译，而手机端SDK版本是 x.x.xx。不匹配的版本可能造成应用异常。
uniapp: 本应用使用HBuilderX x.x.xx 或对应的cli版本编译，而手机端SDK版本是 x.x.xx。不匹配的版本可能造成应用异常。
2023-10-24 11:24:50
6547
原创 HBuilderx使用安心打包报错：Error occurred during initialization of VM Could not reserve enough space for KB
项目完成之后需要打包成安卓APP，启动“快速安心打包（不上传代码及证书，打包速度更快）”进行打包，HBuilderx 报错。[Info] Error occurred during initialization of VM[Info] Could not reserve enough space for *******KB object heap[Error] 制作结果：Failed. Reason:
2023-07-12 09:52:53
901
1
原创 在 uniapp 中通过 Intent 的方式启动其他APP并且传参
由于业务需求需要，我方研发的安卓APP需要调用其他安卓APP，并且将保存返回的文件存储路径进行读取后操作。对方软件公司提供了对接文档和一个测试调用的安装包和一个目标跳转的安装包，测试调用的安装包也是用的安卓原生代码写的。但是我们的安卓应用采用的是 uniApp 的方式编译而来的，所以我们需要尝试用 uniApp 安卓的方式去实现这个功能。实现在 uniapp 中通过 Intent 的方式启动其他APP并且传参。
2023-05-21 15:58:36
3236
1
原创 响应式设计，动态设置 rem 的 fontsize
在前端开发门户网站这种用户范围广、展示终端种类多的情况时，我们会尝试运用到响应式设计。响应式设计通常有css3中的媒体查询、百分比布局和自适应bootstrap等前端响应式框架。没种方式都有它的优劣势，css3中的媒体查询在书写代码方面较为繁琐，bootstrap等前端框架需要引入大量代码而且需要熟悉更多的框架书写规范。有没有一种偷懒的方式呢？这也是我在以前开发APP网站时采用的偷懒的方式，现在分享给大家一起讨论。此方法是一个捷径，所以有时候有些布局在响应时不一定会达到绝对完美的效果。
2023-03-30 19:49:28
623
原创 前端常用的CDN静态资源库网站
CDN 利用全局负载均衡技术将用户的访问指向离用户最近的工作正常的流媒体服务器上，由流媒体服务器直接响应用户的请求。服务器中如果没有用户要访问的内容，会根据配置自动从原服务器抓取相应的内容并提供给用户。IPTV 可利用 CDN 为用户提供 VOD 业务，通过 CDN 把视频内容分发到靠近用户端的 CDN 节点后，可以在一定程度上保证端到端的服务质量。这些CDN公共库大都各具特色。大家可以自己选择性去使用。其中，百度会限制在本地引用其静态资源，在开发时不太方便。
2022-04-14 13:58:18
5421
原创 vue el-dialog 弹窗实现手动拖拽效果
我们在使用 elementUI 中的 el-dialog 对话框组件时，位置默认是经过设置的固定位置，会遮挡住对话框后面的文本，在使用时想看下后面的文本需要关闭对话框再操作，效果非常的不理想，要是对话框可以拖拽移动位置就很人性化；以上就是如何给 el-dialog 添加拖拽功能，添加此功能后效果很明显，使用起来更加方便。
2021-08-04 16:18:07
3105
5
原创 在 html 中如何使用 plyr 组件
Plyr 是一个使用 HTML5 开发的基于浏览器上的多媒体播放器。支持自定义的播放控制和 WebVTT 字幕。由于 java 新接入了一个文件视频预览第三方服务，其中视频和音频播放控件就是使用 plyr ，其中的配置控件不满足于现阶段的需求，所以学习了该控件的 api 文档。
2021-04-13 14:15:04
5270
2
原创 GitHub Desktop+码云(gitee)使用方法
目录一、背景二、解决方法1. 打开控制面板中的用户账户2. 打开管理 windows 凭证3. 打开普通凭证中你刚刚输入的地址4. 删除对应的用户名密码5. 之后继续 git clone 你的项目，就可以继续输入账户和密码了三、感谢一、背景之前一直使用的是 mac 或者在使用windows系统时，从来没输入错误过 git 密码。进入新公司用 git 克隆项目时不小心输入错误了 git 密码后，就会一直报下图中的错误。（Incorrect username or password (access tok
2021-01-12 17:45:04
1808
原创 根据条件找到树形结构数组中符合要求的一个或者多个对象
这是一个普通的树var data = [{ id: 1, name: "办公管理", pid: 0, children: [{ id: 2, name: "请假申请", pid: 1, children: [{ id: 4, name: "请假记录", pid: 2 }], }, { id: 3,
2020-07-16 14:30:01
2882
原创 Windows上如何关闭谷歌浏览器(Chrome)的同源策略
目录一、背景二、解决方法1. 复制你之前下载好的Google Chrome 快捷方式图标并且粘贴在桌面2. 在c盘新建一个文件夹名为“MyChromeUserdata”3. 右键刚才复制的快捷图标，打开快捷方式4. 复制下面的这段话，粘贴到“目标”后面5. 最后，点击“应用”和“确定”就OK了三、感谢一、背景之前公司使用的是 mac ，现在公司使用的还是Windows 系统，还是喜欢没有同源策略的谷歌浏览器（Chrome），虽然不安全，但是偶尔测试之类的都很方便。现在就教大家如何取消 Windows
2020-06-04 17:43:34
5467
1
原创 windows 中 git 输错密码后不能重新输入(已解决)
目录一、背景二、解决方法1. 打开控制面板中的用户账户2. 打开管理 windows 凭证3. 打开普通凭证中你刚刚输入的地址4. 删除对应的用户名密码5. 之后继续 git clone 你的项目，就可以继续输入账户和密码了三、感谢一、背景之前一直使用的是 mac 或者在使用windows系统时，从来没输入错误过 git 密码。进入新公司用 git 克隆项目时不小心输入错误了 git 密码后，就会一直报下图中的错误。（Incorrect username or password (access tok
2020-06-03 10:25:24
2201
5
原创 jQuery MIniUI 的使用教程入门
服务器开发者可以集中精力,使用各种web开发框架。jQuery MiniUI 不关心服务器的处理。不足的是该UI框架不是开源的;
2020-05-28 17:33:43
7347
1
原创 如何用css做一个简单的表单验证
<style> input:valid ~ button { pointer-events: all; cursor: pointer; background: green } input:valid ~ button::after { color: #fff; font-w...
2019-12-09 11:42:12
420
原创 PS 学习视频整理
有人想学 Photoshop , 所以我就给她整理了一下 , 希望她看完之后受益匪浅。第1节 - 初识Adobe第2节 - PS的版本迭代第3节 - PS入门介绍和用途第4节 - PS界面及工作区介绍第5节 - PS首选项设置第6节 - 文件的新建与打开第7节 - 文件的存储和格式第8节 - 图层的认识第9节 - 图层的分类及功能第10节 - PS软件的基本操作第11节 ...
2019-12-05 11:33:49
570
原创 前端js如何监听页面是否位于浏览器显示标签页位置
如图所示 , 当浏览器打开很多标签页时监听是否为选中 ;当最小化浏览器是也会触发该函数。我们可以用这个方法控制页面中运行的 js 在对应的状态下停止或者开始运行谷歌(Chrome)浏览器下测试如下 , 可以正常运行 :Safari 浏览器下测试如下 , 可以正常运行 :火狐浏览器下测试如下 , 可以正常运行 :代码如下 : var hiddenProperty = 'hi...
2019-11-28 18:46:04
1882
1
原创 VScode编辑器最好用的几款必备插件和设置
vscode 扩展↓用户设置Auto Close Tag自动补全background背景图Beautify美化代码(将一行代码编程嵌套)Color Info显示css颜色块HTML Boilerplate标准HTML样板代码minify用F1 缩小为单个文件 , 保存为minifyOne Monokai Theme字体美化彩色Path Intellisense路径...
2019-11-06 16:13:10
1253
原创 基于layui做一个最简单表格的增删改查页面
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>地区设置</title> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Com...
2019-10-24 12:09:59
4524
5
原创 在mac上安装yarn以及安装 brew 时所遇到的坑
一、为什么安装 yarn因为 yarn 是一个快速、可靠 、安全的依赖管理工具 , 并且在vue3.0的使用中我们需要使用到它yarn的官方安装方法 , 如下图所示 还是非常简单的brew install yarn二、安装 brew要想安装 yarn , 我们首先要检查是否安装 brew, 如果没有就要安装 brew验证是否安装 brew , 我们可以在终端输入 brew -v ...
2019-08-29 16:43:39
4108
原创 vue使用axios中的post请求时, 如何将json数据改为formdata类型
有些时候在用ajax发送post请求时 ,数据如下图⬇️在使用axios时的默认请求如下图 ⬇️content-Type : application/json 请求体类型默认是json格式就连发送的数据也是 request payload 的* 那么问题来了, 怎么才能让 axios 发送 post 请求时变得和 ajax 发送 post 请求的一样呢 ?解决方法⬇️1. ...
2019-08-22 11:47:02
6617
1
原创 js 和 css3 结合的动态图片摇摆和爆炸散开的效果实现
做 gif 的动图费时费力 , 我就简单的称述一下如图一所示 , 大红包左右摇摆 , 点击领取图片左右摇摆 , 再循环 n 次之后变成图二的效果大红包消失 , 金币图片和小红包图片从中间爆炸散开 , 由小到大 , 由清晰到模糊 , 直到消失在持续爆炸数秒后 , 大红包再次出现 , 开始左右摇摆 , 从此周而复始html页面的代码 ⬇️<!DOCTYPE html>...
2019-06-17 19:09:21
1595
原创 浅谈App和webApp(wap)的区别
应用的分类app 安装在手机上 通过安装包 xxx.apk xxx.ipa 苹果的安装包webapp 网页运行在浏览器上app 开发native 开发安卓 java 安卓框架ios objective-c swift优势 :用户体验好 界面跳转 webview 手机原生 流畅度高 网络依赖性 不高劣势使用困难 (下载 100m)...
2019-06-01 15:57:32
2220
1
原创 关于图片上传的爬坑之路以及解决方法
var datalist = { name: name, app_type:app_type, size_list: size, pattern: pattern, price: price, diurna...
2019-04-08 18:16:10
695
原创 前端ajax返回失败后的处理方式(如:404,500)
$.ajax({ type:"get", url:baseUrl + "/cp/get_ads_style/", xhrFields: { withCredentials: true //支持附带详细信息 }, error: function (err) { alert(err.status + '"' + err.stat...
2019-04-08 16:32:12
3062
原创 Mac上如何关闭谷歌了浏览器的同源策略
最简单暴力的方式 (这个只能解决你开发当中的跨域)1 . 新建一个文件夹2 . 打开终端 (cmd/命令行)3 . 将下面这句话粘贴到命令行里4 . 将dir=后面的地址换成文件夹路径就OK了open -n /Applications/Google\ Chrome.app/ --args --disable-web-security --user-data-dir=/Users/may...
2019-03-07 10:27:04
1723
原创 初识 vue 的生命周期
组件实例的生命周期生命周期对应的钩子函数一、人生阶段入世 发育在世 生活 不断地充实自己离世 回忆过去 解决遗憾二、vue组件的一生 (和实例是一样的)简单地可以像人生似的分为三个阶段1. 挂载前 (产生虚拟dom 加载数据)//虚拟dom <li v-for="item in 10">{{item}}</li>...
2018-12-14 21:07:06
194
原创 关于对 node.js 的总结
为什么1. 面试的时候可能需要node2. 了解node或者其他后端语言的优先3. 自己做外包4. 防止被甩锅5. 防止被骗 , 外包时 , 降低价格 , 尾款基本可以不考虑node是干什么的node是一个平台一门语言的能力取决于平台游览区 js bom dom ajax histroynode js fs 数据库 …api接口 web服务应用静态资源目录...
2018-12-10 15:38:50
189
原创 如何阻止promse链式调用的向下执行
promise链式的使用和注意细节promise.jsfunction test(){ return new Promise((resolve,reject)=>{ resolve('this is test') },1000);})function test2(){ return new Promise((resolve,reject)=>...
2018-12-04 15:14:31
800
原创 使用node.js做一个简单的登录注册以及邮箱验证
server服务端npm init --yesnpm i expressnpm i nodemailernode server.jsserver.js ↓const express=require('express');const app=express();const Mail=require('./module/mail.js')//解析 post bodyvar...
2018-12-03 09:57:32
2796
原创 简述DNS服务器、API、路由 , 以实现图片的上传和显示
DNS服务器如上图 , 访问的途径有两条直接通过 IP 访问服务器;输入域名 通过DNS服务器 将 域名转换为域名访问服务器;A电脑如何访问到B电脑的网页A、B电脑在同一个局域网内 (一堆主机通过网线连接在一起) ;B电脑必须装一个服务器的软件 (Apache、ngnix、node 等服务器软件) ;获取B电脑的 IP ;指定访问的目录;服务器就是一台能联网并且装...
2018-12-02 18:44:26
683
原创 node的模块化(2)
一切万物皆模块 : node 的模块化模块化规范 : AMD CMD commonjsnode.js 采用的就是 commonjs 的规范模块的分类自定义模块 根据自己的功能来实现的模块内置模块 node本身提供的模块 不需下载 直接用 ; 详情请看 [ node 文档 ] ( https://nodejs.org/dist/latest-v8.x/docs/a...
2018-11-29 17:05:23
175
原创 初识 node.js 及如何安装 nvm 软件以及如何使用nvm进行操作(1)
简单的认识node以及对 NVM 的使用和方法正如node.js官网所说Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境;Node.js 使用了一个事件驱动、非阻塞I/O 的模型,使其轻量高效;一、对 nvm 进行安装及其使用介绍在我们同时进行两个项目时,而不同的项目所使用的node版本又不是一样的,或者要用更新的node版本进行学习和实验时...
2018-11-29 09:58:15
895
原创 解决WebStorm报错显示JSCS:Please specify path to ‘JSCS’ package
WebStorm报错显示&amp;amp;amp;amp;quot;JSCS:Please specify path to ‘JSCS’ package&amp;amp;amp;amp;quot;在使用WebStorm时,在窗口出现粉色的报错内容,如下:这是对代码的检查解决方法如下:webstorm的file –&amp;amp;amp;amp;amp;gt; settings –&amp;amp;amp;amp;amp;gt
2018-11-16 14:56:12
3543
1
原创 运用jQuery写一个超简单的点击轮播图
运用jQuery写一个超简单的点击轮播图css样式这里应该用五张图片放在对应的位置img文件下分别是a.jpg、b.jpg、c.jpg、d.jpg、e.jpg图片可以对应的调节div的大小&lt;style&gt;div{position:relative;width:800px;}div div{width:800px;height:300px;position:absolut...
2018-11-15 20:50:11
1162
原创 关于npm的介绍、使用、安装及其删除
npm的了解、使用及安装什么是npm?NPM(node package manager),通常称为node包管理器顾名思义,他的主要功能就是管理node包;包括:安装、卸载、更新、查看、搜索、发布等;npm的背后，是基于couchdb的一个数据库，详细记录了每个包的信息，包括作者、版本、依赖、授权信息等。它的一个很重要的作用就是：将开发者从繁琐的包管理工作（版本、依赖等）中解放出来，更...
2018-11-14 16:14:56
2915
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人