- 博客(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关注的人