1 超级吴小迪

尚未进行身份认证

暂无相关简介

等级
TA的排名 281

JavaScript实现汉字转拼音功能

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

2020-02-28 17:36:13

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

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

2020-02-28 10:19:44

js数组从子级向父级遍历

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

2019-11-15 19:57:55

纯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

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

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

2020-02-26 20:55:04

前端调用系统发邮件,打电话

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

2020-02-25 22:27:58

修改input输入框的样式【简单demo】

如果我们不想用现有各种UI组件库的input样式那么我们可以自己设计只属于我们自己的样式~修改input输入框的样式很简单,我们只需要把input的样式都去除掉,然后弄个假的input覆盖即可,与我们之前做的复选框类似。下面开始先做三个input输入框【html代码】:<div class="input_control"> <input type="text" clas...

2020-02-24 20:23:32

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

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

2020-02-24 17:03:15

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

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

2020-02-24 12:23:44

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

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

2020-02-17 17:59:12

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

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

2020-02-06 12:04:02

Chrome 开发者工具介绍

作为一个程序员我认为我们一定要对自己使用的工具很熟悉,这样才能在工作当中游刃有余,今天我要给大家讲的不是我们常常使用的编辑器,而是我们的Chrome浏览器控制台。Chrome 开发者工具是一套内置于Google Chrome中的Web开发和调试工具,可用来对网站进行迭代、调试和分析。打开谷歌浏览器控制台在Chrome菜单中选择 更多工具 > 开发者工具在页面元素上右键点击,选择...

2020-01-19 12:49:51

vue与react当路由页面跳转时滚动位置不对的处理

在我们开发react或者vue项目的时候会发现当切换路由进行页面跳转的时候如果在前一个页面将滚动条滚到了最下面然后进行跳转那么接下来的那个页面也会默认滚动在最下面。这个时候我们就需要处理一下。在处理之前我们首先需要知道原因在哪里:原因是因为虚拟dom的算法问题,导致不会更新scroll解决方法:在你的外层框架监听history.location.pathname的变化,只要变了那就将b...

2020-01-15 14:26:01

手动向浏览器追加路由记录

笔者最近做到一个需求,需要提交某数据成功后到详情页的时候点击框架的返回要返回到列表页,然后就想到了手动向浏览器追加记录的这个方法:history.pushState();【这个方法在history的原型里】一共有三个参数第一个参数是查询参数,不可超过640kb。可以设置为null第二个参数是浏览器的title,到时候返回的时候用,可以设置为null第三个参数是你要手动追加的url字符串...

2020-01-15 09:54:17

创业起步学习笔记【下】

本文章接自上篇文章:创业起步学习笔记;关键资源链接一个创始人的商业潜力,不在于他现在手里有多少钱,而在于他能用手里的牌调动多少资源为企业所用。经营企业就是经营企业的资源管理能力。钱绝对不是最重要的的资源。企业宣传会讲故事的企业会淘汰掉那些不会讲故事的企业,如果你能吸引住顾客的注意力就不要让他被别人抢走。宣传方式包含:文案、音频、视频、综艺节目、图书、广告··· ····内容电...

2019-12-29 16:20:38

创业笔记备份

关于视频数据存储做的分析:首先阿里云的价格:计算方式:平均每个十五秒的视频大约0.72MB服务器大小数据存储量/15秒的视频1G14222G28444G56888G1137616G2275232G4550464G91008128G182016256G364032...

2019-09-18 08:41:21

创业起步学习笔记

创业起步学习笔记定战略管好钱带好人做资源留住人用对人避风险普通的公司是一个普通人带着一群聪明人把事情搞定;优秀的公司是一个聪明人带着一群普通人把事情搞定;卓越的公司是一个能人带着一群普通人把事情搞定,顺便把大家培养成牛人。创业者需要知道的事情创业是为了找到赚钱的模式,而不是比烧钱的能量。一家公司创始人最重要的三件事:看准路【创始人看准路,才能发自内心相信自己...

2019-12-24 14:29:12

使用withRouter报错的问题原因及解决办法

原因是因为你没有把你的Router放在最外面,withRouter不可以放在Router的外面。比如【下方是错误的】:在下面的代码中如果你在BasicLayout组件中使用withRouter就会报错:You should not use <withRouter(BasicLayout) /> outside a <Router>原因是因为你将BasicLayo...

2019-12-08 19:37:25

将博客搬至知乎

亲爱的朋友们你们好,我是超级吴小迪,今日笔者将CSDN搬家至知乎,以后的文章更新会是俩边同步执行,github我的博客地址为:wudi98.github.io,其他简书,博客园等地会陆续拓展,敬请期待~...

2019-12-01 14:34:27

react+antd+less项目启动项目没问题但是run build出错的解决方法

笔者的项目背景:react+antd+less+babel-plugin-import(按需加载)+其他与本博客不相干的插件笔者的操作步骤:首先进行了降级react-scriptsnpm uninstall react-scriptsnpm i react-scripts@1.x -S然后进行npm run eject暴露配置文件在config的生产环境和开发环境配置less...

2019-11-29 11:19:24

查看更多

勋章 我的勋章
  • 领英
    领英
    绑定领英第三方账户获取
  • GitHub
    GitHub
    绑定GitHub第三方账户获取
  • 专栏达人
    专栏达人
    授予成功创建个人博客专栏的用户。专栏中添加五篇以上博文即可点亮!撰写博客专栏浓缩技术精华,专栏达人就是你!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv4
    勤写标兵Lv4
    授予每个自然周发布9篇以上(包括9篇)原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。