自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

QUX轻博客

QUX轻博客,专注前端开发领域,一键复制,快速实现各种效果!

  • 博客(44)
  • 收藏
  • 关注

原创 js/JavaScript 给定一个整数,判断它是否为平方数

题目:给定一个整数,确定它是否为平方数,具有平方根返回true,否则返回false; 例如: -1 => false 0 =...

2020-09-26 23:10:20 1007

原创 5分钟快速学会使用SVG

svg 可缩放矢量图形(Scalable Vector Graphics),是一种用于描述二维的矢量图形,基于 XML 的标记语言。 相对于png/jpg,s...

2020-09-26 15:05:39 329

原创 SVG动画:animate的使用方法

1.animate 动画,放到闭合的曲线内,定义某个属性按时间发生变化例如:<circle cx="200" cy="200" r="50" stroke...

2020-09-26 13:09:09 8755

原创 js/JavaScript实现一个函数:该函数以任何非负整数作为参数,并按降序返回其数字...

题目: 实现一个函数:该函数以任何非负整数作为参数,并按降序返回其数字,也可以这样理解,重新排列数字并以降序排列(由大到小)数字 例如: 输入:...

2020-09-26 10:08:38 228

原创 SVG实现渐变效果

渐变方法 <linearGradient> 必须嵌套在 <defs> 的内部。<defs> 标签是 definitions 的缩写,...

2020-09-26 08:48:28 1424

原创 Qui-Note博客LOGO终于升级面世了

网站一直忙于更改主题和发布一些基础内容,今天突然想添加一个logo,行动起来,做一个行动派! 1.选形状: 形状要稳定、并带一定的圆润美感,因此选择了类...

2020-09-26 08:40:22 76

原创 js节点都有哪些类型?怎么判断是哪种节点类型?

说起节点,就要说HTML DOM树,因为HTML页面每一部分都是由节点(12种类型)组成的,常用的有文本,元素,属性节点。 节点都有以下类型: ...

2020-09-24 22:08:56 3119

原创 js中parentNode和parentElement的区别和用法

了解本篇的基础必须知道什么是节点,关于html dom节点知识点和节点类型的知识,分别看《js节点都有哪些类型?怎么判断是哪种节点类型?》和《js属性节点获取和移除...

2020-09-24 01:14:46 17899

原创 js属性节点获取和移除

关于节点类型不再重复解释,不懂可以看《js节点都有哪些类型?怎么判断是哪种节点类型?》 公共html代码:<!DOCTYPE html>&...

2020-09-24 01:11:09 177

原创 css新滤镜:backdrop-filter,确定不试一下与filter的区别?

还记得毛玻璃效果吗?不知道你是否用filter属性设置过毛玻璃效果,其实实现这个效果的最佳方案应该使用backdrop-filter,因为filter导致模糊四周露...

2020-09-23 22:13:55 2469

原创 sort()排序问题

sort默认是按第一个数字比较,相同再按第二个数组比较,加入遇到这样的数组arr = [1,6,8,2,3,4,11]; 我们先看一下直接sort的结果:...

2020-09-22 13:25:59 366

原创 wp/wordpress调用当前分类下的子标签方法

wp有官方的标签云,每个页面的标签都一样,这样很难满足正常的需要,例如:我们想在当前分类下显示所属的子标签,这个功能就很难用官方标签云实现了,只能我们自己匹配数据库...

2020-09-22 03:48:03 344

原创 H5移动端css实现向右横向滚动功能

移动端屏幕很小,为了呈现更多的内容,并占用更小的空间,但是又不能影响正常阅读,就出现了现在潮流的设计手法:十字交互法则,卡片横向无限滚动就是其诞生的排版布局之一,不过...

2020-09-21 23:27:52 2958 2

原创 5分钟快速学会使用Swiper.js,实现轮播图各种效果!

还在全网搜各种轮播图插件效果?还在下载轮播图之后跳转样式?都2020年了,不嫌麻烦吗?swiper插件的出现,几乎快覆盖了整个前端市场了吧!简单,快速,来跟着我学,...

2020-09-21 20:30:04 4514

原创 Vue CLI全局安装

NPM 全局安装Vue CLInpm install -g @vue/clinpm install -g vue-cli 检查Vue CLI 的版本,...

2020-09-21 17:24:54 897

原创 webpack全局安装

安装 webpack 之前,需要本地安装node,一定要注意! NPM 全局安装方式两种方法都可以:npm install webpack -gnpm...

2020-09-21 16:16:24 1668

原创 Node.js 安装配置

前往官方网址(https://nodejs.org/),下载nodejs,安装到C盘,一般默认即可,不需要修改什么配置! Node.js 官方安装包及...

2020-09-21 12:40:30 56

原创 webpack+npm创建Vue项目步骤

vue环境安装: node安装步骤:https://course.51qux.com/1204.html webpack全局安装:https://co...

2020-09-21 11:38:34 588

原创 微信小程序实现向右横向滚动功能的方法

在上一篇《H5移动端css实现向右横向滚动功能》我们已经介绍过横向滚动的发展史,那么小程序也可以用h5的代码实现横向向右滚动的效果,这个方法就不再啰嗦,能实现,这篇文...

2020-09-21 08:12:20 2843

原创 js/javascript函数中的apply()和call()

在ES中,函数也是是对象的一种,每个函数都包含两个属性:length和prototype,且每个函数包含两个非继承而来的方法apply()和call()。这两个方法都...

2020-09-19 22:03:05 78

原创 js/JavaScript防抖处理

为什么要js做防抖处理:当表单提交时,如果用户点击了好多次,后台很容易提交多次数据;搜索不做防抖,将请求多次数据;监听输入框输入时,如果监听值变化就请求数据的话,也会...

2020-09-19 18:30:22 661

原创 node+express解决ajax请求api接口跨域问题

我们在请求接口的时候,初级小白总是会遇到请求跨域报错问题,真的很头疼哇,这里是node+express造的接口,如果不是这种问题,你就不用往下看了! 在app....

2020-09-16 22:18:04 218

原创 node+express+mysql中api接口测试中req.body总是undefined的原因

最近再次(每次都学,过后就忘)学习node+expresss+mysql,调试接口时发现不能新增数据,或者新增数据都是undefined,然后先排除sql语句错误,...

2020-09-16 15:39:51 355

原创 CSS多背景/居中对齐/自适应方案

首先看UI小姐姐给前端的设计稿,大标题两边带了2个小翅膀,针对这样的效果,css如何实现?我来总结一下我常用的办法:1.flex布局,父盒子套三个子元素,...

2020-09-16 14:52:46 549

原创 Array数组常用方法——js/javascript

Array 对象用于在单个的变量中存储多个值,有很多方法,刻意很难记住,不记还总是忘,上笔记! 笔记代码:var arr = [1,2,3];v...

2020-09-16 14:51:02 185

原创 string字符串常用方法——js/javascript

String 对象用于处理文本(字符串),有很多方法,刻意很难记住,不记还总是忘,上笔记! 笔记代码:var txt="Hello worl...

2020-09-16 11:58:38 92

原创 js同步获取当前时间

js获取时间戳,并同步显示当前时间<p><span id="year">2020</span>年<span id="mo...

2020-09-14 23:51:38 531

原创 word-wrap/overflow-wrap 设置或检索当“内容”超过指定容器的边界时是否断行

word-wrap/overflow-wrap 设置或检索当“内容”超过指定容器的边界时是否断行。是由word-wrap演变而来,需要用其向后兼容。 nor...

2020-09-14 20:54:43 2633

原创 js/JavaScript数组求和方法

记录一下JS数组求和方法:var arr = [1,2,3,4,5,6,7,8,9,10,11];var res = 0function sum(a){...

2020-09-14 20:06:18 438 2

原创 js/JavaScript数组随机排序

var arr = [1,2,3,4,5];function randomsort(a, b) { return Math.random()>.5 ? ...

2020-09-14 19:40:47 96

原创 word-break 设置或检索对象内文本的“字,词”内换行行为。

word-break 设置或检索对象内文本的“字,词”内换行行为。 normal:依照亚洲语言和非亚洲语言的文本规则,允许在字内换行。 ...

2020-09-14 18:45:03 120

原创 html-静态页面之间传参的方法

页面之间传递参数一般都是后端进行处理的,根据参数加载不同数据,显示不同内容,其实前端静态页面也能实现传参,只不过安全性不是太高,但是还是很实用的,例如点击不同月份,显...

2020-09-14 15:44:48 1408

原创 grid+background-attachment实现网格背景

效果: css:.container { position: absolute; width: 100%; height: 100...

2020-09-14 09:36:05 231

原创 white-space 设置或检索对象内 “空格” 的处理方式

white-space:normal | pre | nowrap | pre-wrap | pre-line normal:默认处理方式,过滤空白符,自动换行...

2020-09-14 09:07:04 209

原创 JS如何监听网络状况?

1. navigator.onLine方法监听,返回布尔值。要么在线,要么离线断网function updateOnline() { console.lo...

2020-09-10 09:44:43 938

原创 css-doodle插件初体验

官方解释:css-doodle组件将根据其内部的规则(纯CSS)生成一个div网格。您可以使用CSS轻松操纵这些单元格以提供图形模式或动画图形 插件官网:htt...

2020-09-09 21:07:00 478

原创 总结数组迭代笔记

先造一个数组:let a = [1,22,33,4,5,63,7,33]; 1. forEach() 迭代遍历后跟三个参数:值,索引,数组本身;a.for...

2020-09-08 20:33:58 73

原创 wp后台页面切换慢,打开速度慢:jquery-ui.min.css加载失败——在国外

你的wp主题后台是不是也很慢,转很久就是不切换,那就是这个文件在捣鬼:jquery-ui.min.css,我们仅需将其替换成国内的即可! 将代码复制到fucti...

2020-09-08 15:26:36 441

原创 JavaScript中for循环数组的方法

1.常规循环:通过自定义下标,依次循环出数组的值let a = [1,2,3,4,5,6,7];// 普通循环for(var i = 0;i<a.l...

2020-09-08 08:24:28 1347

原创 js选择器:querySelector和querySelectorAll

1.二者区别 querySelector是单一选择器,得到的是唯一的一个元素; querySelectorAll,得到的是一个数组,所有名为“*”的集合;...

2020-09-08 02:41:17 1328

空空如也

空空如也

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

TA关注的人

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