自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

木啊马

Codeing is my life

  • 博客(42)
  • 收藏
  • 关注

原创 node.js 启一个前端代理服务

有时候我们需要做一些基础的页面时,在研发过程中需要代理调用接口避免浏览器跨域的情况,也方便局域网中研发查看我们做的页面时,就需要启动一个服务来将自己的网页放在服务上来测试和预览。

2023-12-13 21:44:29 248

原创 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 3865

原创 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 528 1

原创 在 uniapp 中通过 Intent 的方式启动其他APP并且传参

由于业务需求需要,我方研发的安卓APP需要调用其他安卓APP,并且将保存返回的文件存储路径进行读取后操作。对方软件公司提供了对接文档和一个测试调用的安装包和一个目标跳转的安装包,测试调用的安装包也是用的安卓原生代码写的。但是我们的安卓应用采用的是 uniApp 的方式编译而来的,所以我们需要尝试用 uniApp 安卓的方式去实现这个功能。实现在 uniapp 中通过 Intent 的方式启动其他APP并且传参。

2023-05-21 15:58:36 1992 1

原创 西安五日游规划

西安五日游。计划从北京出发,游玩五天,第五天回京。

2023-04-12 22:36:41 684

原创 响应式设计,动态设置 rem 的 fontsize

在前端开发门户网站这种用户范围广、展示终端种类多的情况时,我们会尝试运用到响应式设计。响应式设计通常有css3中的媒体查询、百分比布局和自适应bootstrap等前端响应式框架。没种方式都有它的优劣势,css3中的媒体查询在书写代码方面较为繁琐,bootstrap等前端框架需要引入大量代码而且需要熟悉更多的框架书写规范。有没有一种偷懒的方式呢?这也是我在以前开发APP网站时采用的偷懒的方式,现在分享给大家一起讨论。此方法是一个捷径,所以有时候有些布局在响应时不一定会达到绝对完美的效果。

2023-03-30 19:49:28 461

原创 前端常用的CDN静态资源库

文章目录前言一、国内常用的CDN网站二、国外常用的CDN网站三、总结前言CDN 利用全局负载均衡技术将用户的访问指向离用户最近的工作正常的流媒体服务器上,由流媒体服务器直接响应用户的请求。服务器中如果没有用户要访问的内容,会根据配置自动从原服务器抓取相应的内容并提供给用户。 IPTV 可利用 CDN 为用户提供 VOD 业务,通过 CDN 把视频内容分发到靠近用户端的 CDN 节点后,可以在一定程度上保证端到端的服务质量。一、国内常用的CDN网站https://www.bootcdn.cn/B

2022-04-14 13:58:18 4830

原创 vue el-dialog 弹窗实现拖拽效果

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码

2021-08-04 16:18:07 2432 5

原创 在 html 中如何使用 plyr 组件

文章目录前言一、Plyr 是什么?二、使用步骤1.引入库cssjs1.1 原生 html 使用时的代码2.配置项总结前言Plyr 是一个使用 HTML5 开发的基于浏览器上的多媒体播放器。支持自定义的播放控制和 WebVTT 字幕。一、Plyr 是什么?Plyr 是一个使用 HTML5 开发的基于浏览器上的多媒体播放器。功能有以下几点:倍速设置、画中画模式、全屏显示等可访问性 - 完全支持字幕和屏幕阅读器轻量级 - 压缩后只有 4.8Kb可定制 - 外观可以根据需要进行调整语义化 -

2021-04-13 14:15:04 3266

原创 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 1552

原创 根据条件找到树形结构数组中符合要求的一个或者多个对象

这是一个普通的树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 2352

原创 Windows上如何关闭谷歌浏览器(Chrome)的同源策略

目录一、背景二、解决方法1. 复制你之前下载好的Google Chrome 快捷方式图标并且粘贴在桌面2. 在c盘新建一个文件夹名为“MyChromeUserdata”3. 右键刚才复制的快捷图标,打开快捷方式4. 复制下面的这段话,粘贴到“目标”后面5. 最后,点击“应用”和“确定”就OK了三、感谢一、背景之前公司使用的是 mac ,现在公司使用的还是Windows 系统,还是喜欢没有同源策略的谷歌浏览器(Chrome),虽然不安全,但是偶尔测试之类的都很方便。现在就教大家如何取消 Windows

2020-06-04 17:43:34 4203

原创 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 1724 4

原创 jQuery MIniUI 的使用教程入门

一、为什么要使用MIniUI缩短开发时间,减少代码量,提升用户体验;快速开发web界面;丰富控件:包含表格、树、数据验证、布局导航等五十个以上的控件;超强表格:提供锁定行、多表头、分页排序、行过滤、数据汇总、单元格编辑、详细行、Excel导出等功能;二、快速入门官网:http://miniui.com ;下载MIniUI,并引用jquery.js、miniui.js、miniui.css即可 ;<!--jquery js--><script src="../jq

2020-05-28 17:33:43 5970 1

原创 HBuilderX uni-app发行到微信小程序时报错(已解决)

作为

2019-12-17 18:42:55 7598 3

原创 如何用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 359

原创 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 526

原创 前端js如何监听页面是否位于浏览器显示标签页位置

如图所示 , 当浏览器打开很多标签页时监听是否为选中 ;当最小化浏览器是也会触发该函数。我们可以用这个方法控制页面中运行的 js 在对应的状态下停止或者开始运行谷歌(Chrome)浏览器下测试如下 , 可以正常运行 :Safari 浏览器下测试如下 , 可以正常运行 :火狐浏览器下测试如下 , 可以正常运行 :代码如下 : var hiddenProperty = 'hi...

2019-11-28 18:46:04 1573 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 1164

原创 基于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 4332 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 4032

原创 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 6336 1

原创 js 和 css3 结合的动态图片摇摆和爆炸散开的效果实现

做 gif 的动图费时费力 , 我就简单的称述一下如图一所示 , 大红包左右摇摆 , 点击领取图片左右摇摆 , 再循环 n 次之后变成图二的效果大红包消失 , 金币图片和小红包图片从中间爆炸散开 , 由小到大 , 由清晰到模糊 , 直到消失在持续爆炸数秒后 , 大红包再次出现 , 开始左右摇摆 , 从此周而复始html页面的代码 ⬇️<!DOCTYPE html>...

2019-06-17 19:09:21 1447

原创 浅谈App和webApp(wap)的区别

应用的分类app 安装在手机上 通过安装包 xxx.apk xxx.ipa 苹果的安装包webapp 网页运行在浏览器上app 开发native 开发安卓 java 安卓框架ios objective-c swift优势 :用户体验好 界面跳转 webview 手机原生 流畅度高 网络依赖性 不高劣势使用困难 (下载 100m)...

2019-06-01 15:57:32 2047 1

原创 关于图片上传的爬坑之路以及解决方法

var datalist = { name: name, app_type:app_type, size_list: size, pattern: pattern, price: price, diurna...

2019-04-08 18:16:10 630

原创 前端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 2990

原创 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 1476

原创 初识 vue 的生命周期

组件实例的生命周期生命周期对应的钩子函数一、人生阶段入世 发育在世 生活 不断地充实自己离世 回忆过去 解决遗憾二、vue组件的一生 (和实例是一样的)简单地可以像人生似的分为三个阶段1. 挂载前 (产生虚拟dom 加载数据)//虚拟dom &lt;li v-for="item in 10"&gt;{{item}}&lt;/li&gt;...

2018-12-14 21:07:06 159

原创 关于对 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 162 2

原创 如何阻止promse链式调用的向下执行

promise链式的使用和注意细节promise.jsfunction test(){ return new Promise((resolve,reject)=&gt;{ resolve('this is test') },1000);})function test2(){ return new Promise((resolve,reject)=&gt...

2018-12-04 15:14:31 707

原创 使用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 2474

原创 简述DNS服务器、API、路由 , 以实现图片的上传和显示

DNS服务器如上图 , 访问的途径有两条直接通过 IP 访问服务器;输入域名 通过DNS服务器 将 域名转换为域名访问服务器;A电脑如何访问到B电脑的网页A、B电脑在同一个局域网内 (一堆主机通过网线连接在一起) ;B电脑必须装一个服务器的软件 (Apache、ngnix、node 等服务器软件) ;获取B电脑的 IP ;指定访问的目录;服务器就是一台能联网并且装...

2018-12-02 18:44:26 561

原创 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 129

原创 初识 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 834

原创 解决WebStorm报错显示JSCS:Please specify path to ‘JSCS’ package

WebStorm报错显示&amp;amp;amp;amp;amp;quot;JSCS:Please specify path to ‘JSCS’ package&amp;amp;amp;amp;amp;quot;在使用WebStorm时,在窗口出现粉色的报错内容,如下:这是对代码的检查解决方法如下:webstorm的file –&amp;amp;amp;amp;amp;amp;gt; settings –&amp;amp;amp;amp;amp;amp;gt

2018-11-16 14:56:12 3486 2

原创 运用jQuery写一个超简单的点击轮播图

运用jQuery写一个超简单的点击轮播图css样式这里应该用五张图片放在对应的位置img文件下分别是a.jpg、b.jpg、c.jpg、d.jpg、e.jpg图片可以对应的调节div的大小&amp;lt;style&amp;gt;div{position:relative;width:800px;}div div{width:800px;height:300px;position:absolut...

2018-11-15 20:50:11 1130

原创 关于npm的介绍、使用、安装及其删除

npm的了解、使用及安装什么是npm?NPM(node package manager),通常称为node包管理器顾名思义,他的主要功能就是管理node包;包括:安装、卸载、更新、查看、搜索、发布等;npm的背后,是基于couchdb的一个数据库,详细记录了每个包的信息,包括作者、版本、依赖、授权信息等。它的一个很重要的作用就是:将开发者从繁琐的包管理工作(版本、依赖等)中解放出来,更...

2018-11-14 16:14:56 2821

原创 使用jQuery写一个简单的拖拽案例

使用jQuery写一个简单的拖拽案例这个案例主要运用到几个jQuery简单的函数嵌套在一起;相当好理解;当你在使用时一定要将jQuery的文件引用到该代码中&amp;amp;lt;script&amp;amp;gt;//循环创建div,可以在这修改样式;但是position:absolute不可修改;for(var =0;i&amp;amp;lt;30;i++){ $(&amp;quot;&amp;amp;lt;div&amp;amp;g

2018-11-14 09:26:23 1537

原创 利用jQuery制作提交表单生成表格的案例

做个简单的表单生成表格&amp;amp;amp;amp;lt;body&amp;amp;amp;amp;gt;编号:&amp;amp;amp;amp;lt;input type=&amp;amp;amp;quot;text&amp;amp;amp;quot; name=&amp;amp;amp;quot;bookNo&amp;amp;amp;quot;&amp;amp;amp;amp;gt;&amp;amp;amp;amp;lt;

2018-11-13 10:49:16 1539 1

原创 关于jQuery对DOM元素的简单处理和使用(3)

jQuery的滚动设置及其插入元素的简单用法一、滚动设置document.documentElement.scrollTop=200;//原生JS的基本滚动设置;//scrollTop()是一个函数,不管设置还是获取必须写();$(document.documentElement.scrollTop(200));$(document).scrollTop(200);console.lo...

2018-11-12 15:57:55 157

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除