前端
文章平均质量分 61
丘秋_XT
练习长达二年半的独立开发者
展开
-
自己开发一个VSCode插件,快速生成Flex布局代码
快捷生成CSS Flex布局代码的VS Code插件,类似于Google开发者控制台里的Flex布局工具,感觉谷歌的布局工具很好用才决定自己在VSCode里面开发一个原创 2023-09-27 13:41:20 · 296 阅读 · 0 评论 -
H5 canvas画布 字体图片模糊变清晰
H5 canvas画布 字体图片模糊处理<canvas id="canvas " width="386px" height="386px"></canvas>// 获取画布let canvas = document.getElementById('canvas ')let ctx = canvas.getContext('2d')//抗锯齿canvas.getContext('2d').imageSmoothingEnabled = truevar device原创 2020-11-06 17:43:19 · 1158 阅读 · 0 评论 -
js监听页面错误
js监听页面错误/** * @param {String} errorMessage 错误信息 * @param {String} scriptURI 出错的文件 * @param {Long} lineNumber 出错代码的行号 * @param {Long} columnNumber 出错代码的列号 * @param {Object} errorObj 错误的详细信息,Anything */window.onerror = funct原创 2020-09-21 16:52:14 · 2200 阅读 · 0 评论 -
如何发布自己的静态网页
如何发布静态网页相信大家做完一些网页都想把自己的网页发布出去给别人欣赏或使用,没有服务器又如何把网页发布出去呢?如果发布的仅是一个静态网页,还是很简单的。使用对象存储云服务对象存储(Cloud Object Storage,COS)是一种存储海量文件的分布式存储服务,用户可通过网络随时存储和查看数据。对象存储简单的说就是一种文件的云存储服务,类似于使用的网盘。各大云平台都有各自对象存储...原创 2019-04-17 15:24:17 · 13024 阅读 · 9 评论 -
H5的IOS兼容处理
H5的IOS兼容处理在将H5页面放于IOS上会出现许多的兼容问题,这是由于ios的内核系统导致的,因此就需要专门针对ios对代码进行一些兼容处理。时间的转换ios获取到的时间格式与Android的时间是不一样的,用正常的获取方式进行处理会出现处理错误的情况,这个就需要对格式进行处理。//正常的时间获取aDate = sDate1.split("-"); oDate1 = new Dat...原创 2019-06-27 09:50:47 · 2162 阅读 · 0 评论 -
H5 性能优化与JQuery原生替换
H5 性能优化与JQuery原生替换WebAPP 在手机上运行时往往受到手机性能的极大限制,手机性能表现差别非常大,如果动画效果过多连高端机都无法流畅运行,低端机更是容易出现卡顿、闪屏、延迟、加载慢等问题,正因为性能方面的表现与原生相比太差于是webAPP就只适合做一些轻量级的小软件,即便是轻量应用仍需要进行性能上处理优化才能达到流畅的体验。CSS 性能优化CSS的优化主要以避免冗余为主,其...原创 2019-06-05 11:02:46 · 442 阅读 · 0 评论 -
H5将网页数据导出为Excel并可下载
H5将网页数据导出为Excel并可下载在制作webapp中,遇到个要将数据导出为Excel的问题。我搜索了一下网上的方案,可以直接将HTML的表格导出为Excel文件,这些方法在电脑上确实是可行的,当时如果放到手机上导出的Excel根本不能下载,手机下载文件都是已网络链接的形式,直接导出的文件在手机上是获取不到的。我搜遍网上的资料都没有发现有讲在手机上将网页数据导出Excel的,于是只能自己去...原创 2019-05-27 21:09:09 · 11897 阅读 · 1 评论 -
js图片文件的转换
js图片文件的转换在做H5软件时发现H5获取的图像信息无法直接上传到腾讯的对象存储中,要上传到对象存储要传入的是文件的对象信息,这可用input file标签选取图片可以直接获得文件信息。但是我已经使用了H5的图片选取返回,目前只有一个本地路径要如何将图片上传过去?解决这个问题的关键是将图片路径转化成腾讯云可以处理的文件对象,使用H5的文件读取将对象上传到腾讯云并不能显示出图片,那就只能通过j...原创 2019-04-27 09:02:19 · 5515 阅读 · 1 评论 -
HBuilder webapp创建带有前进后退刷新的内置浏览器
创建带有前进后退刷新的内置浏览器在webapp中打开普通的打开一个网页是没有工具栏的//普通的打开网页mui.openWindow({ id: 'QINDON.html', url: 'jian/QINDON.html', styles: { popGesture: "none" }, show: { aniShow: 'none' }, waiting: { ...原创 2019-02-14 22:34:31 · 2294 阅读 · 1 评论 -
H5 webapp 实现分享功能
HBuilder webapp 实现分享功能在webapp要实现分享首要需要去社区开放平台进行申请腾讯开放平台:https://open.tencent.com/在腾讯开放平台上的QQ与微信开放平台中申请创建应用,一般没什么要求都是可以通过的。应用审核通过后就可以获得分享的权限了在SDK配置中填入申请到的应用ID等信息代码在 mui.plusReady中加入下面代码获取分享参数...原创 2019-02-09 22:05:25 · 8397 阅读 · 4 评论 -
HBuilder webapp实现消息推送
HBuilder webapp实现消息推送关于软件的push推送 HBuilder 只提供了二个SDK(小米推送、个推)因为我使用的是个推所以这篇文章就主要介绍如何使用个推实现消息推送、1.注册个推个推官网:https://www.getui.com/cn/index.html注册完之后再开发者中心选择个推的消息推送然后选择登记应用。这个自己填就行了,最后的应用标识就是应用包名。...原创 2019-02-02 21:51:32 · 9906 阅读 · 17 评论 -
WebApp学院助手研发
作者:焦旭涛项目:学院助手APP完成时间:2018-7-20~2018-12-15实现功能学院助手主要功能如下:首页技术文章分享学院当地天气信息查询快捷翻译功能问题全局搜索查看学院公告首页技术分享进入软件的首页就是一个技术文章的信息流,同学们可以在这里查看各种类型技术文章以及学院发布的公告和置顶的通知。首页的功能包括下拉刷新与上拉加载,点击相应的列表就可以跳转对应的文...原创 2019-01-20 20:40:52 · 437 阅读 · 1 评论 -
H5+MUI WebAPP 首页信息流研发总结
功能实现原创 2019-01-20 10:58:56 · 1313 阅读 · 1 评论 -
CSS实现滤镜效果并动态调整
CSS实现滤镜效果实现图片的滤镜效果只需要使用css3 的Filter 滤镜属性就能够简单完成主要效果代码<!-- 高斯模糊 --><img src="sunflower-3292932__340.jpg" style="filter: blur(3px);"/><!-- 黑灰滤镜 --><img src="sunflower-3292932_...原创 2019-08-18 08:34:44 · 1076 阅读 · 1 评论