04 2020 档案

摘要:当手机需要做一些长时间的重复操作,如答题、收菜时,可以使用夜神模拟器录制脚本。 在网上下载夜神模拟器软件到电脑上,点击功能条中的操作录制。 可以进行脚本的录制。 在脚本运行过程中可以自定义脚本播放参数,如执行循环的次数。 夜神模拟器还可以进行视频录制。 ps:安卓手机可以下载小鸡模拟器,里面有各种各 阅读全文
posted @ 2020-04-29 11:26 罗毅豪 阅读(2313) 评论(0) 推荐(0) 编辑
摘要:一、下面是微信小程序的一段代码: changeValue:function(e){ let index = e.target.dataset.index let newValue = "dataDicList["+index+"].newValue" this.setData({ [newValue 阅读全文
posted @ 2020-04-29 09:37 罗毅豪 阅读(297) 评论(0) 推荐(0) 编辑
摘要:使用animate.css可以为网站增加动效,但是我们无法控制动画触发的时机。 wow.js是animate.css的好朋友,使用它可以让我们滚动到指定元素时自动触发动画效果。 其网址为:https://www.delac.io/wow/ 点击how to use?查看使用教程。 1.引入anima 阅读全文
posted @ 2020-04-27 23:17 罗毅豪 阅读(385) 评论(0) 推荐(0) 编辑
摘要:我们在使用第三方插件时,可以使用cdn引入,而无需下载到本地。 我们可以使用bootCDN https://www.bootcdn.cn/ 这一免费的cdn提供网站。 搜索所需要的插件如jquery,选择版本,复制地址即可使用。 使用cdn的优点是加快页面的加载速度,无需下载第三方插件,节约项目打包 阅读全文
posted @ 2020-04-25 20:13 罗毅豪 阅读(13357) 评论(0) 推荐(0) 编辑
摘要:推荐一个网站——工具123 http://www.gjw123.com/,里面还是有不少实用的小工具的。 例如: 1.微信对话生成器 可以轻松生成微信对话,生成聊天记录截图。 2.汉字转拼音 可以实现汉字转拼音,还可以朗读。 3.身份证查询 可以获得身份证号上的一些信息。 阅读全文
posted @ 2020-04-24 14:37 罗毅豪 阅读(660) 评论(0) 推荐(0) 编辑
摘要:typora是好用的基于Markdown的文档编辑器,其下载链接为:https://www.typora.io/。 我们可以使用Markdown语法进行编辑,最后导出pdf、docx等格式,提高文档编写的效率。 我们来介绍一下Markdown及其语法。 Markdown是一种可以使用普通文本编辑器编 阅读全文
posted @ 2020-04-23 22:41 罗毅豪 阅读(1025) 评论(0) 推荐(0) 编辑
摘要:由于Serverless(无服务架构)的发展,如今前端项目可以通过zeit([zaɪt])免费部署到网络上。 我们可以进入zeit https://vercel.com/ 进行注册(需要绑定github账号),然后进行登录。 通过 npm i -g now 命令全局安装zeit。 进入需要部署的页面 阅读全文
posted @ 2020-04-23 11:12 罗毅豪 阅读(585) 评论(0) 推荐(0) 编辑
摘要:如何给网站增加音乐播放器呢?我们进入网易云音乐的官网:https://music.163.com/。 登录后,进入我的主页选择歌曲或者在歌单中选择歌曲。 在歌曲详情页点击生成外链播放器。但是,有一些歌曲由于版权保护,无法生成外链。 我们需要选择没有版权保护的歌曲,生成外链。然后复制生成的HTML代码 阅读全文
posted @ 2020-04-23 10:12 罗毅豪 阅读(594) 评论(0) 推荐(0) 编辑
摘要:我们可以通过typeIt插件实现打字效果。 typeIt网址:https://typeitjs.com/ 一、加载脚本 可以使用cdn <script src="https://cdn.jsdelivr.net/npm/typeit@6.1.1/dist/typeit.min.js"></scrip 阅读全文
posted @ 2020-04-22 20:52 罗毅豪 阅读(1019) 评论(0) 推荐(0) 编辑
摘要:在今年清明的那天,很多网站都变灰色了,其实现原理为在html元素加上了css3属性filter(滤镜)。 html { filter: grayscale(1); } 即可设置灰度为100%。 效果如下: 还可以通过修改 html { filter: brightness(0.9); } 调节页面亮 阅读全文
posted @ 2020-04-22 16:35 罗毅豪 阅读(173) 评论(0) 推荐(0) 编辑
摘要:如果开发了一个产品,需要获取用户的反馈。 可以使用腾讯兔小巢https://txc.qq.com/免费打造自己的用户反馈平台。 登录后,创建产品。 即可生成反馈链接 用户即可点击生成的链接(比如可以在产品中进行点击跳转)进行反馈。 我们则可以在管理端查看到反馈内容。 阅读全文
posted @ 2020-04-22 16:09 罗毅豪 阅读(1213) 评论(0) 推荐(0) 编辑
摘要:小程序对程序体积具有要求,若图片过大,则会无法上传代码。 解决方式:使用路过图床(https://imgchr.com/)帮忙免费存储照片。 上传图片,即可获得图片的链接或是在html中显示的代码。 阅读全文
posted @ 2020-04-22 15:49 罗毅豪 阅读(446) 评论(0) 推荐(0) 编辑
摘要:我们有时需要用js生成和下载文件,方法为:引入FileSaver.js,再进行调用。 调用代码如下: <!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> </head> <body> </body> <script 阅读全文
posted @ 2020-04-22 11:00 罗毅豪 阅读(7913) 评论(0) 推荐(0) 编辑
摘要:给网页增加一些动效会使得网页更加地生动。 animate.css封装了一个动画库,可直接使用封装好的动画效果。 其链接为:https://daneden.github.io/animate.css/ 我们可以选择动效,查看效果。 使用方式为:引用animate.css,在需要使用动效的元素加上类an 阅读全文
posted @ 2020-04-22 10:01 罗毅豪 阅读(487) 评论(0) 推荐(0) 编辑
摘要:由于不同浏览器自带的默认样式不同,很多元素都有默认的内外边距。 要想统一这些样式,可以在页面中引入normalize.css https://necolas.github.io/normalize.css/。 npm下载的命令为: npm install normalize.css 或者直接进入链接 阅读全文
posted @ 2020-04-22 09:26 罗毅豪 阅读(1067) 评论(0) 推荐(0) 编辑
摘要:在网站开发中,我们需要对图片进行无损压缩,推荐的网站为tinypng,链接为:https://tinypng.com/。 可以将至多20张图片拉到框中进行压缩,再下载替换原来的图片,压缩后的图片体积大大减少了,加快了页面的加载速度。 注:有时一些图片压缩失败时,可能是因为频繁操作,服务器进行了请求次 阅读全文
posted @ 2020-04-21 22:50 罗毅豪 阅读(1923) 评论(0) 推荐(1) 编辑
摘要:在生活中,有时我们需要制作一些表情包,下面推荐3个表情包制作网站。 1.我爱斗图 https://www.52doutu.cn/ 提供非常强大的表情包制作器。 2.装逼大全 https://www.zhuangbi.info/ 支持快捷给表情添加文字。 3.斗图啦 https://www.doutu 阅读全文
posted @ 2020-04-21 21:20 罗毅豪 阅读(3513) 评论(0) 推荐(0) 编辑
摘要:要在页面上加上全网分享,可以使用bShare。 bShare是中国领先的社会化分享工具,链接为http://www.bshare.cn/help/installAction;jsessionid=11E1CD3A63DA0F509EA32C12DB752120。 无需登录,即可使用。 可以选择平台和 阅读全文
posted @ 2020-04-21 16:40 罗毅豪 阅读(1140) 评论(1) 推荐(0) 编辑
摘要:我们在开发过程中,ctrl+C和ctrl+V是常态。 这里介绍一个剪贴板,可以多次复制并存储在剪贴板中,再有选择的进行粘贴。 这个工具就是ditto(同上)。下载地址:https://sourceforge.net/projects/ditto-cp/。 我们在复制内容后会自动存储在剪贴板中,按住c 阅读全文
posted @ 2020-04-21 10:59 罗毅豪 阅读(345) 评论(0) 推荐(0) 编辑
摘要:一、照片库 pexels https://www.pexels.com/zh-cn/ pexels是一个开源免费的照片库。照片可以用于网页大图,是由专业摄影师拍摄的。 里面的图片和视频是可商用、无版权的。 可以选择照片的下载大小。 二、图片库 undraw(拉开) https://undraw.co 阅读全文
posted @ 2020-04-21 10:30 罗毅豪 阅读(2071) 评论(0) 推荐(0) 编辑
摘要:可以使用如下命令通过 npm 安装 ECharts npm install echarts --save 通过 npm 上安装的 ECharts 和 zrender 会放在node_modules目录下。 可以直接在项目代码中 require('echarts') 得到 ECharts。 在vue项 阅读全文
posted @ 2020-04-18 17:33 罗毅豪 阅读(315) 评论(0) 推荐(0) 编辑
摘要:WeUI+是以Zepto1.2和WeUI 2.0为基础,收集整理了上百个组件开发而成,兼容IOS和Android平台,主要用于微信/手机网站开发。 即是说只要使用了较新版的jq和weui,即可使用里面的组件。 WeUI+的网址为:https://weui.shanliwawa.top/ 例如,如果需 阅读全文
posted @ 2020-04-17 11:17 罗毅豪 阅读(2508) 评论(0) 推荐(0) 编辑
摘要:在微信小程序官方文档中的扩展能力模块,有weui的组件库。 我们可以在这里下载组件,以slideview为例。 在小程序根目录下新建components文件夹,下载cell、cells、slideview放到该文件夹中, 在需要使用组件的页面的json文件中加上 { "usingComponents 阅读全文
posted @ 2020-04-17 10:38 罗毅豪 阅读(1395) 评论(0) 推荐(0) 编辑
摘要:在很多情况下,显示字符串需要中间加星号,如身份证号、手机号等,实现函数如下: //显示字符串中间加星号 function plusXing (str,frontLen,endLen) { var len = str.length-frontLen-endLen; var xing = ''; for 阅读全文
posted @ 2020-04-13 15:16 罗毅豪 阅读(1888) 评论(0) 推荐(0) 编辑
摘要:使用history.go(-1)可能会出现执行后直接读取缓存,不刷新页面的问题,这个跟手机的机型有关。(注:history.back()也会有这个问题。) 解决方法为在返回后的页面加上: window.addEventListener('pageshow', function(e) { //如果检测 阅读全文
posted @ 2020-04-09 11:49 罗毅豪 阅读(2849) 评论(0) 推荐(0) 编辑
摘要:页面代码片段为: <div class="weui-cell"> <div class="weui-cell__hd"><label class="weui-label">载重</label></div> <div class="weui-cell__bd"> <input class="weui- 阅读全文
posted @ 2020-04-03 10:58 罗毅豪 阅读(1810) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示