摘要：
使用animate.css可以为网站增加动效，但是我们无法控制动画触发的时机。 wow.js是animate.css的好朋友，使用它可以让我们滚动到指定元素时自动触发动画效果。 其网址为：https://www.delac.io/wow/ 点击how to use?查看使用教程。 1.引入anima 阅读全文
posted @ 2020-04-27 23:17
罗毅豪
阅读(402)
评论(0)
推荐(0)
摘要：
我们在使用第三方插件时，可以使用cdn引入，而无需下载到本地。 我们可以使用bootCDN https://www.bootcdn.cn/ 这一免费的cdn提供网站。 搜索所需要的插件如jquery，选择版本，复制地址即可使用。 使用cdn的优点是加快页面的加载速度，无需下载第三方插件，节约项目打包 阅读全文
posted @ 2020-04-25 20:13
罗毅豪
阅读(13601)
评论(0)
推荐(0)
摘要：
推荐一个网站——工具123 http://www.gjw123.com/，里面还是有不少实用的小工具的。 例如： 1.微信对话生成器 可以轻松生成微信对话，生成聊天记录截图。 2.汉字转拼音 可以实现汉字转拼音，还可以朗读。 3.身份证查询 可以获得身份证号上的一些信息。 阅读全文
posted @ 2020-04-24 14:37
罗毅豪
阅读(681)
评论(0)
推荐(0)
摘要：
typora是好用的基于Markdown的文档编辑器，其下载链接为：https://www.typora.io/。 我们可以使用Markdown语法进行编辑，最后导出pdf、docx等格式，提高文档编写的效率。 我们来介绍一下Markdown及其语法。 Markdown是一种可以使用普通文本编辑器编 阅读全文
posted @ 2020-04-23 22:41
罗毅豪
阅读(1047)
评论(0)
推荐(0)
摘要：
由于Serverless（无服务架构）的发展，如今前端项目可以通过zeit（[zaɪt]）免费部署到网络上。 我们可以进入zeit https://vercel.com/ 进行注册（需要绑定github账号），然后进行登录。 通过 npm i -g now 命令全局安装zeit。 进入需要部署的页面 阅读全文
posted @ 2020-04-23 11:12
罗毅豪
阅读(610)
评论(0)
推荐(0)
摘要：
如何给网站增加音乐播放器呢？我们进入网易云音乐的官网：https://music.163.com/。 登录后，进入我的主页选择歌曲或者在歌单中选择歌曲。 在歌曲详情页点击生成外链播放器。但是，有一些歌曲由于版权保护，无法生成外链。 我们需要选择没有版权保护的歌曲，生成外链。然后复制生成的HTML代码 阅读全文
posted @ 2020-04-23 10:12
罗毅豪
阅读(618)
评论(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
罗毅豪
阅读(1123)
评论(0)
推荐(0)
摘要：
在今年清明的那天，很多网站都变灰色了，其实现原理为在html元素加上了css3属性filter（滤镜）。 html { filter: grayscale(1); } 即可设置灰度为100%。 效果如下： 还可以通过修改 html { filter: brightness(0.9); } 调节页面亮 阅读全文
posted @ 2020-04-22 16:35
罗毅豪
阅读(188)
评论(0)
推荐(0)
摘要：
如果开发了一个产品，需要获取用户的反馈。 可以使用腾讯兔小巢https://txc.qq.com/免费打造自己的用户反馈平台。 登录后，创建产品。 即可生成反馈链接 用户即可点击生成的链接（比如可以在产品中进行点击跳转）进行反馈。 我们则可以在管理端查看到反馈内容。 阅读全文
posted @ 2020-04-22 16:09
罗毅豪
阅读(1289)
评论(0)
推荐(0)
摘要：
小程序对程序体积具有要求，若图片过大，则会无法上传代码。 解决方式：使用路过图床（https://imgchr.com/）帮忙免费存储照片。 上传图片，即可获得图片的链接或是在html中显示的代码。 阅读全文
posted @ 2020-04-22 15:49
罗毅豪
阅读(469)
评论(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
罗毅豪
阅读(7984)
评论(0)
推荐(0)
摘要：
给网页增加一些动效会使得网页更加地生动。 animate.css封装了一个动画库，可直接使用封装好的动画效果。 其链接为：https://daneden.github.io/animate.css/ 我们可以选择动效，查看效果。 使用方式为：引用animate.css，在需要使用动效的元素加上类an 阅读全文
posted @ 2020-04-22 10:01
罗毅豪
阅读(521)
评论(0)
推荐(0)
摘要：
由于不同浏览器自带的默认样式不同，很多元素都有默认的内外边距。 要想统一这些样式，可以在页面中引入normalize.css https://necolas.github.io/normalize.css/。 npm下载的命令为： npm install normalize.css 或者直接进入链接 阅读全文
posted @ 2020-04-22 09:26
罗毅豪
阅读(1138)
评论(0)
推荐(0)
摘要：
在网站开发中，我们需要对图片进行无损压缩，推荐的网站为tinypng，链接为：https://tinypng.com/。 可以将至多20张图片拉到框中进行压缩，再下载替换原来的图片，压缩后的图片体积大大减少了，加快了页面的加载速度。 注：有时一些图片压缩失败时，可能是因为频繁操作，服务器进行了请求次 阅读全文
posted @ 2020-04-21 22:50
罗毅豪
阅读(1971)
评论(0)
推荐(1)
摘要：
在生活中，有时我们需要制作一些表情包，下面推荐3个表情包制作网站。 1.我爱斗图 https://www.52doutu.cn/ 提供非常强大的表情包制作器。 2.装逼大全 https://www.zhuangbi.info/ 支持快捷给表情添加文字。 3.斗图啦 https://www.doutu 阅读全文
posted @ 2020-04-21 21:20
罗毅豪
阅读(3715)
评论(0)
推荐(0)
摘要：
要在页面上加上全网分享，可以使用bShare。 bShare是中国领先的社会化分享工具，链接为http://www.bshare.cn/help/installAction;jsessionid=11E1CD3A63DA0F509EA32C12DB752120。 无需登录，即可使用。 可以选择平台和 阅读全文
posted @ 2020-04-21 16:40
罗毅豪
阅读(1255)
评论(1)
推荐(0)
摘要：
我们在开发过程中，ctrl+C和ctrl+V是常态。 这里介绍一个剪贴板，可以多次复制并存储在剪贴板中，再有选择的进行粘贴。 这个工具就是ditto（同上）。下载地址：https://sourceforge.net/projects/ditto-cp/。 我们在复制内容后会自动存储在剪贴板中，按住c 阅读全文
posted @ 2020-04-21 10:59
罗毅豪
阅读(397)
评论(0)
推荐(0)
摘要：
一、照片库 pexels https://www.pexels.com/zh-cn/ pexels是一个开源免费的照片库。照片可以用于网页大图，是由专业摄影师拍摄的。 里面的图片和视频是可商用、无版权的。 可以选择照片的下载大小。 二、图片库 undraw（拉开） https://undraw.co 阅读全文
posted @ 2020-04-21 10:30
罗毅豪
阅读(2531)
评论(0)
推荐(0)
摘要：
可以使用如下命令通过 npm 安装 ECharts npm install echarts --save 通过 npm 上安装的 ECharts 和 zrender 会放在node_modules目录下。 可以直接在项目代码中 require('echarts') 得到 ECharts。 在vue项 阅读全文
posted @ 2020-04-18 17:33
罗毅豪
阅读(323)
评论(0)
推荐(0)
摘要：
WeUI+是以Zepto1.2和WeUI 2.0为基础，收集整理了上百个组件开发而成,兼容IOS和Android平台，主要用于微信/手机网站开发。 即是说只要使用了较新版的jq和weui，即可使用里面的组件。 WeUI+的网址为：https://weui.shanliwawa.top/ 例如，如果需 阅读全文
posted @ 2020-04-17 11:17
罗毅豪
阅读(2540)
评论(0)
推荐(0)
摘要：
在微信小程序官方文档中的扩展能力模块，有weui的组件库。 我们可以在这里下载组件，以slideview为例。 在小程序根目录下新建components文件夹，下载cell、cells、slideview放到该文件夹中， 在需要使用组件的页面的json文件中加上 { "usingComponents 阅读全文
posted @ 2020-04-17 10:38
罗毅豪
阅读(1426)
评论(0)
推荐(0)
摘要：
在很多情况下，显示字符串需要中间加星号，如身份证号、手机号等，实现函数如下： //显示字符串中间加星号 function plusXing (str,frontLen,endLen) { var len = str.length-frontLen-endLen; var xing = ''; for 阅读全文
posted @ 2020-04-13 15:16
罗毅豪
阅读(1912)
评论(0)
推荐(0)
摘要：
使用history.go(-1)可能会出现执行后直接读取缓存，不刷新页面的问题，这个跟手机的机型有关。（注：history.back()也会有这个问题。） 解决方法为在返回后的页面加上： window.addEventListener('pageshow', function(e) { //如果检测 阅读全文
posted @ 2020-04-09 11:49
罗毅豪
阅读(2880)
评论(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
罗毅豪
阅读(1853)
评论(0)
推荐(0)
摘要：
taro框架是开发小程序的一种基于React语法的框架，是京东推出的。我之前在项目中使用过，现在记录一下。 taro的项目目录如下： 其中，src放的是源码，config放的是部署配置文件。 src中有放置utils（公共函数等工具）、template（模板）、pages（页面）、component 阅读全文
posted @ 2020-03-01 17:09
罗毅豪
阅读(3105)
评论(0)
推荐(0)
摘要：
一、介绍 微信小程序是基于微信平台的程序，其体积小，涵盖的内容有限，但是相较于APP，可以免于下载，只需一次扫码即可，也不会占用手机内存，其开发也成了前端人员必须掌握的技能之一。 二、小程序的注册 要开发小程序，首先需要在微信公众平台注册小程序，需要填写个人主体或企业主体的信息。其中，企业主体可使用 阅读全文
posted @ 2020-03-01 11:15
罗毅豪
阅读(2026)
评论(0)
推荐(0)
摘要：
微信具有调整字体大小的功能，然而有时候调整字体大小会导致微信公众号内的H5页面样式混乱。解决原理：阻止ios和安卓调整字体大小时候的事件。ios通过添加css属性，安卓通过微信属性去阻止。 注：添加后无法通过外部更改字体大小，根据项目需求运用。 ios系统： body{ -webkit-text-s 阅读全文
posted @ 2020-02-29 20:43
罗毅豪
阅读(3774)
评论(1)
推荐(1)
摘要：
前端除了sessionStorage、localStorage之外，还有一种本地存储方式，即cookie。 注意，要使用cookie，页面必须在服务器中运行，直接双击打开页面无法使用cookie。 在进行微信公众号页面开发时，由于localStorage退出微信无法自动清除数据，而sessionSt 阅读全文
posted @ 2020-02-28 22:19
罗毅豪
阅读(8549)
评论(0)
推荐(1)
摘要：
在JQuery WEUI的官网（http://jqweui.com/components#toast）没有看到有显示Loading的用法，只有其他的用法，这里都给大家贴出来。 官网已有的用法： $.toast("操作成功"); $.toast("取消操作", "cancel"); $.toast(" 阅读全文
posted @ 2020-02-28 22:06
罗毅豪
阅读(3509)
评论(0)
推荐(0)
摘要：
H5页面有时会出现点击一瞬间出现灰色背景的问题（ios会，安卓不会），解决方法： 加上样式： -webkit-tap-highlight-color: transparent; 如果以上方法不行，则是需要修改background-color的值。 阅读全文
posted @ 2020-02-27 13:04
罗毅豪
阅读(913)
评论(0)
推荐(0)
摘要：
最近我遇到这样的问题，就是使用font-weight无法调节字体粗细。 据我所知，font-weight是用于调节字体粗细的，可选100、200、300、400(normal)、500、600、700(bold)、800、900。 但是无论我怎么调整，字体粗细都基本没有变化，后来我终于找到原因了。 阅读全文
posted @ 2020-02-26 18:31
罗毅豪
阅读(6854)
评论(0)
推荐(0)
摘要：
在控制台输入0.1+0.2，会得出以下结果 即不等于0.3。下面我们说一下原因。 一、存储原理 1.在计算机中数字无论是定点数还是浮点数都是以多位二进制的方式进行存储的。2.在JS中数字采用的IEEE 754的双精度标准进行存储(存储一个数值所使用的二进制位数比较多,精度更准确)。 二、示例 在定点 阅读全文
posted @ 2020-02-25 00:24
罗毅豪
阅读(951)
评论(0)
推荐(0)
摘要：
最近，我在项目开发中遇到这样的问题。 要给这个tab的底部的蓝线左右加上圆角。 然而，这个元素实际如上图所示，只是active的时候加了个underline的类，蓝线并没有单独的html。 若给这个span加上border-bottom-left-radius和border-bottom-right 阅读全文
posted @ 2020-02-24 17:40
罗毅豪
阅读(1423)
评论(0)
推荐(0)
摘要：
今天我的神舟战神笔记本电脑系统故障了，在这里记录一下使用U盘重装系统的方法： 1.插入装机U盘。 2.按开机键，然后马上按Esc键。 3.选择Boot Manager进入。 4.选择EFI USB Device进入。 5.点击一键恢复WIn7-64位到C盘。（我的电脑在Win10下比较卡，可能是因为 阅读全文
posted @ 2020-02-22 12:24
罗毅豪
阅读(3818)
评论(0)
推荐(0)
摘要：
上传图片时，往往需要对图片进行裁剪。 实现方法为： 1.引入crop.css body{background:#000}.upload-container{position:absolute;left:50%;top:50%;margin-left:-57px;margin-top:-57px}.u 阅读全文
posted @ 2020-02-20 19:57
罗毅豪
阅读(1776)
评论(0)
推荐(1)
摘要：
在最近的项目中，H5需要实现查看图片和删除图片的效果，总结如下： 一、查看图片 查看图片使用weui的gallery。首先添加gallery的html，然后隐藏。 <div class="weui-gallery" style="display: none"> <span class="weui-g 阅读全文
posted @ 2020-02-20 16:12
罗毅豪
阅读(1994)
评论(0)
推荐(0)
摘要：
在手机上，我们期望在搜索框中输入数据，能够实时更新查询出来的内容，不需要按回车。 实现方式为： $(".search").bind("input propertychange",function(event){ //进行查询操作 }) 一、首先分清下面几个概念：onchange事件:此事件会在元素内 阅读全文
posted @ 2020-02-12 23:12
罗毅豪
阅读(3624)
评论(0)
推荐(0)
摘要：
async 是 ES7 才有的与异步操作有关的关键字。 async 函数返回一个 Promise 对象，可以使用 then 方法添加回调函数。 async function helloAsync(){ return "helloAsync"; } console.log(helloAsync()) 阅读全文
posted @ 2020-02-12 16:39
罗毅豪
阅读(268)
评论(0)
推荐(0)
摘要：
Promise是异步编程的一种解决方案。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise 异步操作有三种状态：pending（进行中）、fulfilled（已成功）和 rejected（已失败）。除了异步操作的结果，任何其他操作都无法改变这个状态。Promise 对 阅读全文
posted @ 2020-02-12 16:18
罗毅豪
阅读(262)
评论(0)
推荐(0)
浙公网安备 33010602011771号