2020年02月_吴迪98

12月 11月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创 JavaScript实现汉字转拼音功能

今天笔者来与大家分享如何使用js来将汉字转拼音功能。首先请大家下载需要引入的js文件【仅9kb】。实现的效果【笔者没有将拼音隔开，你可以自行加入代码让其隔开。如果实在不会写请下方评论或私聊我吧。】：小提示：如果想分开的话建议使用Pinyin.parse()方法。然后就考验你的js操作功底了。使用方法【html小demo】：下方引入的./wdHanzi2pinyin.js你需要在笔者...

2020-02-28 17:36:13 26381 4

原创前端调试企业微信、公众号、微信小程序的方法

之前我们公司想要调试企业微信的SAAS项目只能每次前端改一次然后就让服务端部署一下。特别麻烦，浪费时间。为了避免更多的朋友浪费时间故发此文章供大家观看。首先我们需要到这个地址去下载微信开发者工具：下载地址请自行选择要下载的版本，笔者选择的是开发版。【保守的建议选择稳定版】而后选择你需要用到的环境而后在上面将地址改为你的本地开发地址即可而后你就可以改前端代码了，就都是...

2020-02-28 10:19:44 25901 3

原创 js数组从子级向父级遍历

大家开发的时候是不是会经常遇到这种需求，一个N个层级的数组，只有叶子级的数据有金额或者其他的信息，然后需求需要你把每个父级都加上汇总的数据集合。那么我们该怎么做呢？实战项目需求参考：上面的数据是计算错误的，圈出来的地方要求数据是正确的，需要计算。我们自己的解决思路整理如下：既然只有子级有数据，然后上面的每一个层级都需要汇总那么肯定是优先计算最深的层级了。所以我们遍历数据需要做特殊处理或...

2020-02-27 18:57:25 27700 3

原创纯CSS实现tooltip，css更改html标签的title样式

html代码：以下代码直接可用，tootip的样式可以自己调试。<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Document</title> <style> *{ ma...

2020-02-27 18:55:57 18573

原创前端点击图片的某个区域进行映射

比如现在UI同事给了你一张图【如下】，让你在点击这个图的每一个行星的时候进行页面跳转。那么首先我们先引入这个图片：<img src="planets.png" alt="Planets" usemap="#planetmap">请注意一个特殊的属性：usemap。翻译成中文就是使用地图。其实map在html当中也是一个标签。我们想要在点击图片的某个区域进行跳转或者其他操作的时...

2020-02-26 20:55:04 27223 6

原创前端调用系统发邮件，打电话，调用qq

笔者遇到了个需求，前端直接调用系统内容发送邮件。后来发现html的a标签直接就给我们提供了方法：<a href="mailto:1336791007@qq.com">到吴迪的邮箱</a>只需要在href的地址前面加上mailto:即可，后面填入邮箱地址，效果美美哒~Windows，MAC，Android，IOS都完美驾驭！...

2020-02-25 22:27:58 21492

原创项目上线后中英文翻译问题解决

笔者目前是遇到俩种情况，分别都进行了对应的解决，如果你遇到了其他的关于浏览器对你项目进行翻译导致的问题的话可以在下方评论。笔者会第一时间和你一起解决。问题一：谷歌浏览器自动会帮客户翻译英文网站解决方法：如果你是单页应用，那么就请看看你的最外层的html的lang属性是否为zh-CN。如果是默认的en请将它改成“zh-CN”。这样谷歌浏览器就不会自动翻译你的项目了。如果不是单页应用，那么就...

2020-02-24 17:03:15 21844

原创前端做按钮的方法介绍以及input与button的区别「最简洁易懂」

在一个页面上画一个按钮，有四种办法：四种方法：<input type=“button” /> 这就是一个按钮。如果你不写javascript 的话，按下去什么也不会发生。<input type=“submit” /> 这样的按钮用户点击之后会自动提交 form，除非你写了javascript 阻止它。会提交到form标签的指定action路径中，详细请翻阅文档查看...

2020-02-24 12:23:44 26583

原创对手机网络状态改变时的监听

我们做app的时候可能会经常遇到这样的需求，当客户端的网络状态更改的时候进行一系列的操作。比如客户端网络断了，或者恢复了网络进行一些友好提示之类的。其实做这个非常简单，仅仅需要做俩个监听即可：// 网络连接成功监听window.addEventListener('online', () => { alert('online');})// 网络断开监听window.add...

2020-02-17 17:59:12 24646

原创项目非组件文件进行路由跳转【react与vue等其他框架均可使用】

在我们项目的开发过程中除了在我们的组件内部进行路由跳转再就是通过全局配置路由进行跳转。这俩个大家应该都会，笔者在这就不啰嗦了。今天要说的是有特殊的情况需要在公共方法文件里进行路由跳转。想要实现这个也很简单，只需要引入history库。npm i history --save而后比如说在utils文件里面使用：import { createHashHistory } from 'his...

2020-02-06 12:04:02 24462