吴迪网络工作室

吴迪网络工作室:17634418124微信同号,react技术交流群:815413387,vue:942347564,JAVA技术交流群:830645840。

  • 博客(33)
  • 资源 (15)
  • 论坛 (1)
  • 收藏
  • 关注

原创 前端开发应知网站(强烈推荐!)

作为一名前端开发者(所有程序员)最起码遇到bug就算不会解决也应该会搜解决问题的答案。一般笔者会先在百度搜(关键词一定要输入正确)如果没搜到会再去bing里面看看还没有的话就去github的Issues里面再看看如果还不行就只能自己去看官方文档然后自己研究了。只是知道搜解决问题的方法这是最基础的,遇到问题才会去想办法解决,而作为一名...

2020-03-31 12:29:59 107065 120

原创 关于React中受控组件和不受控组件的选择问题分析

浅析React受控组件与非受控组件前言带着问题看文章非受控组件:受控组件:小总结前言如果您是一名React开发者,您应该了解在开发React项目的过程中,如果遇到了处理表单的数据的时候一般有俩种的选择方式,一种是选择受控组件,一种是选择非受控组件。那么我们该如何正确的选择使用它们呢?您可能已经看过很多文章说“不应该使用setState”,而文档又声称“ refs不好” ……这在马克思主义基本...

2020-03-28 14:16:57 20185

原创 css的z-index权重问题【最简洁,没有废话】

文章目录一、跟笔者一起看下面实战中z-index的几种情况:二、设置基本的dom结构与样式,准备测试三、开始测试测试问题1:测试问题2:测试问题3:测试问题4:测试问题5:四、结论五、笔者致广大读者的话今天笔者就与大家分享一下css的z-index权重问题。到底怎么样才能让我们想要排在上面的元素能在上面,想在下面的元素就老老实实的在下面。一、跟笔者一起看下面实战中z-index的几种情况:...

2020-03-26 20:43:39 21647

原创 定时随机排列你的DOM结构

此博客为胡搞的。。。当我们被测试弄的很难受的时候可以恶搞他一下。下方为恶搞代码。代码:// 获取父元素const body = document.getElementsByTagName('body')[0];// 获取子元素【笔者随机弄了三个进行演示】const searchDiv = document.getElementsByClassName('logo-search')[...

2020-03-26 13:31:01 23784

原创 canvas文字粒子效果,只需要100行代码,简单易懂。

震惊,canvas文字粒子效果,只需要100行代码,简单易懂。canvas是使用JavaScript程序绘图(动态生成),相比于css,可以更加简单方便的绘制细节的样式。其中最强大的功能莫过去像素的处理。一个像素一个像素去绘制任何想要的展示效果。接下来,要为各位观众姥爷去介绍一下文字动态粒子效果,当然是一些比较简单。如果各位观众姥爷感兴趣,可以在此基础上扩展如何绘制文字粒子动态效果?1....

2020-03-25 22:35:26 488

原创 React将子组件的ref传给父组件的俩种方法

文章目录父组件如何获得子组件的Ref笔者给大家提供俩种方法:一:使用React.forwardRef二:在子组件初始化的时候将ref通过事件传递给父组件父组件如何获得子组件的Ref在我们实际开发的过程当中难免会遇到父组件想要获得子组件的ref进行一些操作的时候,那么我们怎么做呢?笔者给大家提供俩种方法:一:使用React.forwardRef这是react官方文档中给我们说明的,我们照着...

2020-03-24 22:59:57 22217

原创 前端下载文件的思路

比如我们的用户在之前上传了各种类型的文件到我们的服务器上。然后在通过留存在数据库的服务器url我们就可以访问那个资源。注意点:a标签的href属性指向链接的目标可以是各种类型的文件。如果是浏览器能够识别的类型,会直接在浏览器上显示;如果是浏览器不能识别的类型,会弹出“文件下载”对话框,允许用户下载到本地。比如jpg,html这些都是浏览器能够识别的就会直接展示,如果是docx一类的或者其他...

2020-03-21 17:27:19 19424

原创 使用rc-form做个验证不符合rules规则的组件

今天我们就来看看怎么基于rc-form做一个验证rules规则的组件。最终效果图如下所示:领用人和申请部门都是必填项,如果提交数据的时候没有选择的话则给出第一个错误提示,【比如俩个都不符合规则那么只报第一个错误】。并且不符合规则的那一项变红。不符合规则的改变时对应的状态消失。接下来我们看一下我们最终实现的样式:1.初始样式:2.提交验证时:3.选择数据后【只是选择了数据并没有点...

2020-03-21 15:12:17 25740

原创 css处理超出指定数的文字的时候剩下的变成省略号

相信前端朋友都知道如何让超出文本变成省略号,不管是单行还是多行估计都难不倒大家。如果不会多行超出文本变成省略号的可看笔者的这篇博客:多行文本溢出变成省略号【附带失效解决代码】但是我们之前都是设置的固定多少px宽度然后让他超出那个宽度换行,现在的需求改为了超过二十个字或者十五个字的时候才开始变成省略号,那我们怎么办呢?笔者之前开发的时候的解决办法是用js处理,判断多少个字了,如果到多少字剩...

2020-03-20 23:31:13 19811

原创 text-shadow好看特效代码展示

文章目录一:全部效果展示:二:代码展示:三:代码说明:一:全部效果展示:二:代码展示:<!doctype html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>Document</title> <style> ...

2020-03-20 22:25:20 19638

原创 解决网页乱码以及为什么会出现网页乱码?

网页为什么会出现乱码?网页乱码是因为网页没有明确设置字符编码。有时候用户在网页中没有明确指定网页的字符编码,但是网页能够正常显示,这是因为网页字符的编码与浏览器解析网页时默认采用的编码一致,所以不会出现乱码。如果浏览器的默认编码与网页的字符编码不一致时,而网页又没有明确定义字符编码,则浏览器依然使用默认的字符编码来解析,这时候就会出现乱码。乱码的情况:解决办法:设置编码为“简体中文...

2020-03-20 21:14:19 17592

原创 JAVA面试题收录

文章目录一、JavaSE基础二、JavaWeb部分三、框架部分四、数据库部分五、程序算法六、JVM调优七、Java优化八、Redis相关九、Nginx相关十、WebService相关十一、其他一、JavaSE基础接口和抽象类的异同点重载(overload)和重写(overwrite)区别StringBufferStringBuilderString区别冒泡排序选择排序单例设计模式...

2020-03-19 21:04:09 20096

原创 让animation在循环的每一次开始前都停顿一定的时间这样做就OK了

在我们实际的开发过程中想要让animation在做每一次动画之前都停留几秒,我们应该怎么做呢?首先笔者第一时间就看到了animation-delay属性,于是我就非常高兴的加上了!以为需求就OK了,但是我们发现,animation-delay仅仅是在你动画开启的第一次才会有暂停效果,之后的每一次循环就不生效了。那么看来我们用animation提供的属性是无望了。我们只能自己另寻他法。请注意看...

2020-03-19 13:31:11 12365

原创 CSS3的border-image-slice属性详细介绍

border-image-slice说明:基础知识:参数:具体使用:小总结:首先我们来了解一下它是干嘛的。说明:文档说明:它是控制图像边界向内偏移的。what???这是嘛意思啊?根本看不懂!!!好的,我们先不要急,我们在看看:基础知识:当我们通过 border-image-source 引用边框图片后,border-image-slice属性会将图片分割为9个区域:四个角,四个边(ed...

2020-03-18 12:08:33 20829

原创 PHP的isset和empty的区别

empty函数用途:检测变量是否为空判断:如果var是非空或非零的值,则empty()返回false。换句话说,""、0、“0”、NULL、FALSE、array()、var $var;以及没有任何属性的对象都将被认为是空的,如果var为空,则返回TRUE。注意:empty()只检测变量,检测任何非变量的东西都将导致解析错误。换句话说,后面的语句将不会起作用。isset函数用途:...

2020-03-17 21:49:35 23455

原创 markdown进阶语法-设置换行,文本对齐方式等

笔者今天写博客的时候,遇到一个问题就是我在写表格内容的时候,某一列里面的内容过多的时候就导致全都挤在一起非常难看。如下所示:我们的解决办法就是在里面添加代码<br />。这样我们就可以想在哪里换行就在哪里换行了!【笔者不仅仅做了换行处理,也设置了文本对齐方式。】效果如下:知识点小总结:如果想要换行的话:就加入代码<br />如果想要设置文本对齐的方式的话:...

2020-03-15 17:23:41 17451 1

原创 CSS3新特性详细介绍

文章目录一、CSS3实现圆角 - border-radius二、盒子阴影 - box-shadow三、文本阴影 - text-shadow四、线性渐变 - gradient五、变化样式 - transformrotate - 旋转scale - 缩放translate - 定位skew - 倾斜六、增加了更多css选择器七、多背景、rgba八、新增加的伪元素 ::selection九、媒体查询与多...

2020-03-15 12:52:43 6775

原创 javascript之IE兼容篇

前端开发等需求明确说明需要兼容IE时,我们才发现IE真的很恶心,不管是html5与css3的支持情况还是js需要做的兼容写法,都是令我们作呕的。但是身为开发人员,需求下来了又不能不管。只能往前冲,所以笔者今天就写了这边笔者自己的小总结博客。希望能在你开发项目兼容IE时有所帮助!// 获取浏览器可视窗口的宽度与高度:var clientWidth = document.documentEle...

2020-03-14 17:39:51 1055

原创 客户端存储方法介绍

很多时候我们在做前端开发的过程中需要缓存一些数据到我们客户端。那么就需要了解一下storage方面的知识了。本文将介绍几种不同的缓存方式。文章目录查看有哪些存储方式。Local Storage特点:使用方法:Session Storage特点:使用方法和localStorage一样localStorage与sessionStorage的注意点:Cookie特点:弊端:安全方面的考虑三者的应用场景...

2020-03-14 17:34:36 20837 2

原创 iframe的优缺点

Iframe介绍:它的优点:解决加载缓慢的第三方内容,如图标和广告等的加载问题Security sandbox 【安全的一个小盒子】并行加载脚本它的缺点:iframe会阻塞主页面的onload事件即使内容为空,加载也需要时间没有语意常见开发场景:反爬虫【增加爬取难度】...

2020-03-14 14:56:38 1076

原创 js加载页面之前的方法介绍

Document.onload它是在结构和样式加载完才执行js。【就是在html和css都完事以后才执行】Window.onload它不仅仅要在结构和样式加载完,还要执行完所有的样式、图片这些资源文件,全部加载完才会触发window.onload事件。jquery中的ready指定在DOM完全加载时要执行的函数。使用方法:// 引入jQuery:<script src="ht...

2020-03-14 14:07:17 1172

原创 Echarts使用问题--Y轴字体过大导致图的部分拥挤

笔者近期会出一系列的Echarts的使用问题以及解决办法,会单独弄一个分类,这是第一篇。如果有什么笔者还没写出来的问题请指出,笔者会尽快更新博客。今天要解决的是Y轴字体过大导致图的部分拥挤的问题。Y轴字体过大导致图的部分拥挤的样式:解决方法:我们只需要设置Y轴label文字的字体大小即可:options: { yAxis: [ { axisLabel: { ...

2020-03-09 19:18:54 19610

原创 Echarts使用问题--Y轴文字被遮住的解决办法

笔者近期会出一系列的Echarts的使用问题以及解决办法,会单独弄一个分类,这是第一篇。如果有什么笔者还没写出来的问题请指出,笔者会尽快更新博客。今天要解决的是Y轴文字被遮住的问题。被遮住的样式:这种情况肯定不是我们所能接收的。接下来是解决办法:使用grid的left与right解决:options: { grid: { left: '1%', right: '1%',...

2020-03-09 17:56:00 20733 3

原创 canvas的使用

文章目录一、canvas在移动端自适应大小canvas坑1:设置canvas的css的宽高会导致你的填充内容被拉伸canvas坑1解决办法:解决后的代码与效果如下:canvas坑2:不能设置css属性如何让它自适应?canvas坑2解决办法:二、设置背景色,画填充色三、填充字体、设置字体大小、粗体、颜色、文本X,Y轴居中对齐canvas坑3:设置完背景色设置文字失败?四、canvas填充字体模糊的...

2020-03-09 14:15:42 23804

原创 操作系统概论【一】 - - 操作系统概述

文章目录一:什么是操作系统?操作系统的定义:操作系统的作用:二:操作系统的发展1.单道批处理系统:单道处理系统的特点:单道处理系统的缺点:2.多道批处理系统多道处理系统的特点:多道处理系统的缺点:3.分时操作系统分时操作系统的特点:分时操作系统的缺点:4.实时处理系统实时处理系统的特点:实时处理系统的缺点:操作系统产品现状:三:操作系统的特征四:操作系统的功能五:操作系统的体系结构六:指令的执行...

2020-03-08 17:18:21 14288 1

原创 背英语单词的技巧

文章目录一、拿故事记单词二、英语单词的组成【前缀-词根-后缀】1.单词前缀【总共就30-40个】举例说明2.单词词根举例说明3.单词后缀举例说明单词没有前缀,词根,后缀的记法英语高手学习方法笔者最近在准备自考本科。这篇文章笔者就来分享如何最有效的学习英语。一、拿故事记单词拿四个单词进行举例分析:delicate【美里的,脆弱的】dedicate【奉献】intricate【复杂的,错综...

2020-03-08 14:10:55 11403 4

原创 四川计算机信息管理自考介绍

感谢内容提供者:金牛区吴迪软件开发工作室文章目录一、考试科目一览:二、各科目考试时长及分数占比介绍1.中国近现代史纲要1) 中国近现代史纲要考试复习重点:2.马克思主义基本原理概论1) 马克思主义基本原理概论考试复习重点:3.操作系统概论1) 操作系统概论考试复习重点:4.数据库系统原理1) 数据库系统原理考试复习重点:5.管理经济学粉丝福利:考试秘笈:一、考试科目一览:中国近代史纲要马克思主义基本原理概论操作系统概论数据库系统原理【含实践】英语【二】网络经济与企业管理数据结构导论.

2020-03-07 20:49:55 537

原创 Echarts的legend使用介绍

当我们在实际的业务开发的时候使用这些Echarts,G2等等的库肯定不是把官网上简单的demo复制过来就能解决的了的。除非你们公司没有UI设计,页面全由前端同学自己说了算。那么请你当我没说。接下来我们看一下legend可以配置哪些参数【强烈建议你一边看笔者下面的代码一边去Echars的demo里去试试,或者自己弄个demo程序引入echarts试试】:legend: { orient: 可能...

2020-03-07 18:35:43 20688

原创 在浏览器中输入网址后执行的全部过程。

现在假设我们在客户端浏览器中输入 http://www.baidu.com,而baidu.com为要访问的服务器,下面详细分析客户端为了访问服务器而执行的一系列关于协议的操作:客户端浏览器通过DNS解析到www.baidu.com的IP地址220.181.27.48,通过这个IP地址找到客户端服务器的路径。客户端浏览器发起一个HTTP会话到220.181.27.48,然后通过TCP进行封装数据...

2020-03-07 17:38:56 20224

原创 OSI七层交换“参考”模型与协议

OSI七层交换“参考”模型物理层 - - 【程序员不需要管,物理学家和通信工程管的= = 比如用什么材料,电压等等】链路层 - - 负责内网寻址 ARP\ICMP网络层 - - 外网寻址 IP传输层 - - 确保通信的稳定性 TCP表现层 - - 提供一个接口,统一各个网络的结构【后来被传输层取代了】会话层 - - 记录状态应用层 - - 应用细节,HTTP,FTP,SM...

2020-03-06 17:08:10 26213

原创 恢复merge分支后丢失的代码

笔者昨天合并代码的时候有一部分代码没有提交。也忘记放到了缓存区,结果就合并没了。。。。。。这种时候其实是蛮尴尬的,因为你在git的记录里面是找不到的,那么我们怎么办呢?今天笔者就与大家分享一下解决办法:首先笔者是用的webstrom编辑器。其他的编辑器笔者不知道有没有这个功能,【vscode如果没有安任何插件的话是不行的,需要参照这个博主的方法进行安装插件使用:https://blog.cs...

2020-03-05 11:40:50 21458

原创 Mac电脑PHP开发环境配置

其实具体步骤不是很麻烦,主要就是Mac的那些权限问题比较恶心。笔者已经详细的写了解决办法。请按照步骤一步一步来吧~需要什么?安装 web 服务器;安装 PHP;安装数据库,比如Navigate Premium, MySQL。mac电脑 的OS X系统已经自带apache和php,所以只要创建.php 文件,然后上传到 web 目录中即可。服务器会自动对它们进行解析。所以你无需编译或...

2020-03-01 19:37:59 22333

原创 Mac修改文件操作权限

今天笔者在更改某文件的时候提示权限不够,于是就产生了这篇文章。让更多的朋友们知道遇到这种情况该怎么办。首先我们先找到那个文件夹的所在目录。然后右键它会出现选项:我们需要点击:“显示简介”而后解锁。准备修改权限。输入密码:更改权限:然后关闭掉就可以了~这样你就有这个文件夹的操作权限了~...

2020-03-01 19:05:21 20468 2

今日头条源码.zip

如果你想做新闻类的app,而不知道涉及到哪些东西,需要怎么去做,可以参考此代码,极力推荐!

2019-05-17

canvas2image.js

将canvas转变成image图片的技术,可以结合html2canvas技术实现将html元素转变成图片。html2canvas可以在npm资源下载。

2019-05-11

wdHanzi2pinyin.js

本js代码主要用来JavaScript实现汉字转拼音功能【绝对是同类最小的,仅9kb】对资源占用最小,性能最优

2020-02-28

Resolution+Test_23.crx

前端开发人员下载谷歌浏览器调整分辨率的插件用来反复调整浏览器分辨率的插件

2019-07-27

前端面试之道.rar

这个资源是笔者的前端面试题的扩展经典题,大家面试前可以看看,对你的面试帮助肯定很大!最后祝君面试顺利~

2019-11-17

JavaScript 代码规范.pdf

javascript最全的代码规范,里面都是实际项目开发过程中用的到的

2019-05-14

前端基础知识介绍

前端基础知识视频,可以帮助很多的初学者初步了解前端开发所应用的技术

2019-05-08

20190727153948chromecj.com.zip

前端开发人员用谷歌浏览器调试mobile端模拟mobile界面的谷歌插件,配置插件的方法请看:https://blog.csdn.net/weixin_43606158/article/details/97517104#commentsedit

2019-07-27

canvas2image.js

将canvas转变成image图片的技术【fixed_bug版本】,可以结合html2canvas技术实现将html元素转变成图片。html2canvas可以在npm资源下载。

2020-06-04

lexograph.ttf

此文件为csdn吴小迪为大家提供的字体,字体创作人并不是我,这个字体主要是英文与数字的结果,展示效果特别酷炫!适合新潮的网站使用!会吸引一大片粉丝哦~

2020-03-24

支付代码.zip

前端支付代码的小实例,打开即可查看效果,不会做前端支付的可以借鉴

2019-05-17

nginx基础配置.rar

此视频的主要内容就是nginx的基础配置,只要跟着视频走,很轻松的就可以完成配置

2019-05-14

vue快速上手&工程化.pdf

vue快速上手教程,vue实战项目工程化的思想,带你走入不知道的vue

2019-06-01

前端mac配置视频(1).rar

此压缩包是用来带大家完成前端的mac电脑配置,由于视频太大,无奈只能分为俩个视频分别上传。下载其中之一的可关注笔者博客然后截图加笔者QQ去领取另外一个视频。

2019-05-15

前端mac系统配置(2).rar

此压缩包是用来带大家完成前端的mac电脑配置,由于视频太大,无奈只能分为俩个视频分别上传。下载其中之一的可关注笔者博客然后截图加笔者QQ去领取另外一个视频。笔者QQ:1336791007

2019-05-15

超级吴小迪的留言板

发表于 2020-01-02 最后回复 2020-05-11

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除