- 博客(23)
- 收藏
- 关注
RSS订阅转载 在 js 中，reduce() 的详解 以及使用方法
1.当reduce（）方法的第二个值为空时，第一次循环方法中的第一个参数（prev）为数组的第一项值，第二个参数（cur）为数组的第二项值，反之，第一次循环方法中的第一个参数（prev）为reduce的第二个参数值，第二个参数（cur）为数值的第一项值。2.reduce（）方法的第一个参数，就是每次遍历都会执行的匿名函数，当前函数的返回值就会传给下一次执行函数的第一个值。也就是prev。
2023-07-07 09:49:32
168
原创 js提取url的参数
js提取url后面的参数例: www.baidu.com?id=1&user=2tool 可以定义成公共方法 var tool = {} Object.assign(tool,{ GetRequest() { var url = decodeURIComponent(location.search); //获取url中"?"符后的字串 var theRequest = new Object(); if (url.indexOf('?'
2021-12-22 14:35:42
788
原创 webpack-dev-server 运行报错
这个问题我看了网上很多方法，评论里有些同学是解决了的有些依旧报错。后来我自己研究了一下发现我的webpack 和webpack-cli 版本过高导致识别不到webpack-dev-server。然后我把node_modules依赖删除，把webpack版本改成了图上的版本号 重新执行了npm install 然后就成功了...
2020-11-18 09:06:59
505
原创 html文字多余部分三个点，解决特殊符号和字母换行问题
一排多余部分三个点盒子记得写宽度overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all; /特殊符号换行/overflow-wrap: break-word; /特殊符号换行/二排多余部分三个点webkit-line-clamp: 2; /用来限制在一个块元素显示的文本的行数/display: -webkit-box; /必须结合的属性，将对象作为弹性伸缩盒子模
2020-08-07 15:05:35
1550
原创 分享页面跳转判断IOS和Android跳转下载页面
click(){if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { // ios window.location = 'https://........' } else if (/(Android)/i.test(navigator.userAgent)) { // an...
2019-11-07 14:43:19
571
原创 vue图片连拼实现gif图效果
代码在这里 vue 复制即可```<template> <div class="ceshijieko"> <button @click="button">火箭</button> <button @click="buttontwo">炸弹</button> <img ...
2019-11-02 17:52:56
3153
转载 vue上传本地图片
<template> <div> <div class="form-group"> <div class="control-form"> <ul class="upload-imgs"> <li v-if="imgLen > = 4 ? false...
2019-10-28 14:07:03
1675
原创 css字距
文字间距1，text-align设置文字布局即text-align：center文字就会在div中居中停放2，font-size设置文字的大小即font-size：20px 文字的大小就是20px3，text-indent设置抬头距离css缩进即对对应div设置css样式text-indent : 20px; 缩进了20px2、letter-spacing来设置字与字间距_字符间距离...
2019-10-25 19:28:50
444
原创 Vuex的五个核心属性?
state => 基本数据getters => 从基本数据派生的数据mutations => 提交更改数据的方法，同步！actions => 像一个装饰器，包裹mutations，使之可以异步。modules => 模块化Vuex``...
2019-08-16 09:09:24
386
原创 javascript瀑布流完整版。随机颜色;
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title>Document</title><style type="text/css"> div{ width: 190px; ...
2019-04-28 14:48:41
310
原创 什么是预加载和什么是懒加载以及他们的区别。
懒加载:1.什么是懒加载？懒加载也就是延迟加载。当访问一个页面的时候，先把img元素或是其他元素的背景图片路径替换成一张大小为1*1px图片的路径（这样就只需请求一次，俗称占位图），只有当图片出现在浏览器的可视区域内时，才设置图片正真的路径，让图片显示出来。这就是图片懒加载。2.为什么要使用懒加载？很多页面，内容很丰富，页面很长，图片较多。比如说各种商城页面。这些页面图片数量多，而且比较...
2019-04-25 11:53:20
5193
原创 $.jQuery随机图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title>Document</title></head><body> <h1></h1> <button...
2019-04-23 22:57:27
140
原创 仿京东右侧导航栏jquery特效样式伸缩
点击哪一个隐藏的内容显示出来.jquery布局<script type="text/javascript" src="jquery-3.3.1.min.js"></script><script type="text/javascript">$(function(){ $(".item").hover(function(){ ...
2019-04-22 19:21:21
1256
原创 JSON的概念和语法规则
JSON的概念;JSON是一种轻量级的数据交换格式,它基于ECMAScript的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据.JSON的语法规则:1.数据在名次/值对中2.数据由逗号分隔3.大括号保存对象4.中括号保存数组JSON的名称/值对JSON数据的书写格式是:名称/值对.JSON值:可以是数字.字符串.数组.逻辑值.对象.nullJSON值{数字(整数...
2019-04-19 17:03:00
395
原创 jQuery子元素过滤器的使用方法
引入jQuery<script type="text/javascript" src="jquery-3.3.1.min.js"></script><script type="text/javascript"> $("ul li:first-child").css("background","pink") //所有ul 的第一个子元素li ...
2019-04-16 13:42:30
1869
4
原创 js ajax随机图片
<!-- 理解记忆,养成好的习惯,时不时的console.log打印看一下有没有问题.理性分析,理解思绪. --><!-- js ajax随机图片刷新 --><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title...
2019-04-15 17:40:34
206
原创 封装Cookie 1.创建Cookie 2.获取Cookie 3.删除Cookie
封装Cookie//setCookie() -- 创建 Cookie function setCookie(name,value,iDay){ //分别代表cookie名称、cookie值、存储时间 //首先将cookie的格式拼出来 //document.cookie="name=value;expires=date"; //然后na...
2019-04-15 17:15:32
175
原创 封包ajax函数 外部引入
/* 封装ajax函数 * @param {string}opt.type http连接的方式，包括POST和GET两种方式 * @param {string}opt.url 发送请求的url * @param {boolean}opt.async 是否为异步请求，true为异步的，false为同步的 * @param {object}opt.data 发送的参数，格式为对象类型 * @...
2019-04-15 17:00:00
363
原创 随机数的两种写法
function num(n,m){ //第一种写法 // var mathNum = Math.round(Math.random()*(m-n)+n); // return mathNum //第二种写法 return Math.round(Math.random()*(m-n)+n);}
2019-04-15 16:58:03
887
原创 改变鼠标右键样式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title>Document</title><style type="text/css"> *{ margin: 0; pad...
2019-04-10 17:41:02
400
原创 js高级拖拽
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title>Document</title></head><style type="text/css"> *{ margin: ...
2019-04-10 17:35:51
137
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人