自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(72)
  • 收藏
  • 关注

原创 flutter_native_splash插件的简单使用

点击图标打开一个应用,默认情况本地应用会展示白色启动页填充这段时间间隔,这对用户体验尤为不友好。但对于flutter的开发者来说,同时配置andorid、ios以及web端的启动页有些麻烦不好维护,flutter_native_splash的诞生解决了这一痛点,通过配置文件的方式配置启动页,命令行运行命令后会自动生成android、ios、web端对应的启动页,并且支持暗色模式、全屏以及特殊平台的配置。端真机调试,看不到启动页的效果的情况,笔者遇到过的一种原因是真机操作系统使用的是。

2024-05-17 15:03:11 475

原创 You don‘t have write permissions for the /System/Library/Frameworks/Ruby.framework/Versions/2.6/usr/

将上述图片当中的命令复制到终端中运行。最后执行Cocoapods 下载命令。

2024-05-14 15:07:51 220

原创 在Vue中JSZip根据文档路径生成压缩包文件

参考自JSZip文档首先下载JSZip库注意:saveAs是从filesaver这个库引用的效果如下:

2022-07-14 11:14:55 540 1

原创 JavaScript-向一个对象中的对象添加属性

// 1. 创建一个对象const content = ', wrold'const propsName = 'hello'const obj = {}obj.props = { [propsName]: content}

2022-05-07 11:18:26 759

原创 Promise异步编程学习笔记

1. 指定回调函数的方式更加灵活promise之前:必须在启动异步任务前指定promise: 启动异步任务=>返回promise对象=>promise对象绑定回调函数2. 支持链式调用,可以解决回调地狱问题什么是回调地狱?回调函数嵌套调用,外部回调函数异步执行的结果是嵌套的回调执行的条件回调地狱的缺点?不便于阅读 不便于异常处理...

2021-11-29 10:49:20 135

原创 ES6新特性 扩展运算符 rest参数

1. rest参数的基本使用function fruits(...args) { console.log(args)}fruits('apple', 'banana', 'orange')2. 多个参数rest参数放最后// 2. 多个参数rest要放到参数最后function number(num1, num2, num3, ...args) { console.log(num1, num2, num3, args)}3.扩展运算符:… (数组)let num = [1,

2021-11-28 11:31:51 323

原创 ES6新特性--允许给函数参数赋初始值

1. 函数形参赋初始值// 1. 形参赋初始值function increment(m, n, p = 0) { return m + n + p}// let result = increment(1, 3, 4)let result = increment(1, 3)console.log(result)2. 与解构赋值相结合// 2. 与结构赋值相结合function connect ({ host = '127.0.0.1', username, password, port

2021-11-26 22:32:28 481

原创 Vue-cli解决跨域问题

在Vue.config.js里面配置跨域解决方案方法一:1.修改脚手架里面的 vue.config.js 文件 // 开启代理服务器 devServer: { proxy: 'http://localhost:8888' }2. 服务端的请求文件get请求要发给代理服务器,所以url地址应该填代理服务器的地址代理服务器地址和客户端的地址一样 axios.get('http://localhost:8080').then( response => { console.l

2021-11-25 23:04:02 1326

原创 浏览器本地存储

1. localStorage 浏览器的本地存储关闭浏览器数据也不会消失① 存储数据: localStorage.setItem(‘name’, ‘jack’)② 读取数据: localStorage.getItem(‘name’)③ 移除一个数据: localStorage.removeItem(‘name’)④ 清空数据: localStorage.clear()<!DOCTYPE html><html lang="en"><head> <m

2021-11-20 12:49:02 478

原创 JavaScript数组去重案例

把数组里面不重复的元素选取出来存入一个新的数组,重复的元素只保留一个。 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-sc.

2021-11-14 14:53:33 686

原创 JavaScript内置对象数组Array

1.1 数组创建的两种方式1.利用数组字面量的方式 let arr = [1, 3, 5, 6, 7] console.log(arr)2.利用new Array()let arr1 = new Array();// 1. 创建一个长度为n的数组let arr = new Array(n); // n 表示数组的长度为n// 2. 创建数组的同时添加元素let arr2 = new Array(1, 2, 3, 4) // [1, 2, 3, 4]1.2检测是否为数组的两种方式

2021-11-14 14:34:47 853

原创 JavaScript中操作数组的几个方法

1. splice() 添加/删除数组元素该方法的返回值就是数组形式的被删除的项目,如果没有删除元素就返回空数组splice(index, howmany, item1,…,itemN)参数:1. index : 必须。整数 ,规定添加/删除项目的位置,使用负数可从数组结尾规定位置2. howmany: 可选。要删除的项目数量。如果设置为0,则不会删除项目。3. item1,…, itemN: 可选。向数组添加的新项目。4. 返回值: 如果有元素被删除,返回包含被删除项目的新数组1.1删除数

2021-11-13 16:37:09 1005

原创 ES6语法箭头函数

箭头函数箭头函数的特点:①: this 是静态的, this始终指向函数声明时所在作用域下的 this 的值, this的指向是父级函数的作用域 ```javascript// this 指向的是它所在的对象的父级let obj = {name: ‘tom’,init:() => {console.log(this);}}```②: 不能作为构造函数实例化对象③: 不能使用 arguments 变量④: 箭头函数的简写​ <1>. 省略小括号,当形参

2021-11-13 09:34:38 247

原创 flex布局原理

flex 是 flexible Box 的缩写,意为弹性布局,用来为盒状模型提供最大的灵活性,任何一个容器都可以指定flex布局。 当父盒子设置为flex布局以后,子元素的float、clear和vertical属性将失效 伸缩布局=弹性布局=伸缩盒布局=弹性盒布局=flex布局flex布局原理:通过给父盒子添加flex属性,来控制子盒子的位置和排列方式flex布局实现一个div元素水平垂直居中<!DOCTYPE html><html lang="en">&

2021-11-13 00:04:59 1283

原创 background-clip透明边框

边框透明怎么做?先看如下代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl

2021-11-12 09:03:28 254

原创 Less基础

Less介绍Less (Leaner Style Sheets 的缩写) 是一门CSS扩展语言, 也称为CSS预处理器。

2021-11-10 21:33:58 297

原创 git push失败解决方案 error: src refspec refs/heads/master does not match any

error: src refspec refs/heads/master does not match anyerror: failed to push some refs to ‘https://gitee.com/wu-ui/supermall1.git’我的是没有创建 用户名和邮箱导致的git commit -m 提交不成功解决方案:打开Git Bash成功解决...

2021-11-08 23:04:49 823

原创 axios框架的基本使用

支持多种请求方式:①axios(config)②axios.request(config)③axios.get(url [, config ])④axios.post(url [, data[, config ] ])⑤axios.delete(url, [, config])⑥axios.put(url[, data[, config]])⑦axios.patch(url [, data[, config] ])⑧axios.head( url [,config])...

2021-11-07 19:18:15 128

原创 ajax入门笔记

1.1 Ajax的特点 Ajax的优点: ①可以无需刷新页面与服务器进行通信 ② 允许根据用户事件来更新部分页面内容 Ajax的缺点: ① 没有浏览历史,不可回退 ② 存在同源跨域问题 ③ SEO(搜索引擎优化)不友好(不容易被网络爬虫爬取)1.2 HTTP协议**HTTP (hypertext transport protocol)协议 超文本传输协议,详细规定了浏览器和万维网服务器之间的互相通信的规则。**HTTP请求报文:① 行 GET、PO

2021-11-07 19:17:48 72

原创 JavaScript中的正则表达式

一、正则表达式的创建①:利用RegExp对象来创建 正则表达式let regExp = new RegExp(/abc123!/)console.log(regExp)② :利用字面量 创建 正则表达式 let reg = /aabbcc/③: test 方法检测字符串是否符合 正则表达式 规则let reg = /123/console.log(reg.test(123))...

2021-11-06 10:16:01 98

原创 jQuery返回指定的父元素

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&lt

2021-11-05 11:24:51 176

原创 Vuex核心概念

StateGettersMutationActionModule①State单一状态树(单一数据源)(1)如果状态信息是保存到多个Store对象中,那么之后的管理和维护等等都会变得特别困难(2)所以Vuex使用了单一状态树来管理应用层级的全部状态(3)单一状态树能够以最直接的方式找到某个状态的片段,而且在之后的维护和调试过程中,也可以非常方便的管理和维护。② Getters 基本使用(类似于组件中的计算属性)...

2021-11-05 10:59:02 127

原创 jQuery 文本内容相关方法 html() text() 表单属性方法val()

html() text() 方法 和 原生JS中的 innerHTML 、innerText 两个属性功能类似一、html() text() val() // 1. element.html() 获取元素中的内容 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=

2021-11-05 10:57:32 67

原创 jQuery中 prop() 和 attr() 方法的区别

$(function() { //1. element.prop("属性名") 获取元素固有的属性值 console.log($("a").prop("href")); // 2. element.prop("属性名", "属性值") 设置固有的属性值 $("a").prop("href", "https://www.jd.com"); $('a').prop('title', '我们都挺好'); // $('a').prop('dat

2021-11-05 10:22:03 377

原创 HTML ---网页title 图标的引入

百度原版做法京东原版做法:

2021-10-14 09:14:33 89

原创 京东定时器原版做法

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l

2021-10-09 20:23:35 104

原创 javaScript--推拉门

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l

2021-09-12 19:09:58 139

原创 vue ---v-bind 高级用法

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l

2021-09-11 20:58:49 126

原创 VUE命令 v-bind的使用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l

2021-09-11 20:42:59 136

原创 java 重写方法

* 方法的重写(override / overwrite)* ① 重写: 子类继承父类以后, 可以对父类中同名同参数的方法, 进行覆盖* ② 应用: 重写以后,当创建子类对象以后, 通过子类对象调用子类中的同名同参数的方法时, 实际执行的是子类重写父类的方法。* ③ 重写的规定:* 方法的声明: 权限修饰符 返回值 方法名 (形参列表){* * }* (1) 子类重写的方法的方法名和形参列表与父类被重写的.

2021-09-11 09:21:15 833

原创 Java---属性赋值的先后顺序

package com.qfnu.java3;/** 属性赋值的先后顺序*** ① 默认初始化* ② 显示初始化* ③ 构造器中初始化* ④ 通过 " 对象.方法" 或 "对象.属性" 的方式进行赋值* * ① -> ② -> ③ -> ④ -> ⑤* */public class UserTest { public static void main(String[] args) { User user = new User

2021-09-09 16:44:44 99

原创 java-数组的二分查找

/** 二分查找: 将数组长度二分* 中值的求解:因为索引值是连续的所以 当头尾之间长度为奇数时 head 到中间值的长度 和 end到中间 值的长度是相同的* */public class Demo111 { public static void main(String[] args) { int[] arr3 = new int[]{-99, -54, -2, 0, 2, 25, 43, 256, 999}; boolean isFlag

2021-09-07 09:48:36 72

原创 javascript: 元素水平居中垂直居中 采用 margin 负值 和 transform 的区别

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l

2021-09-05 18:45:30 387

原创 javaScript-发送短信案例

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l

2021-09-03 21:02:50 421

原创 前端学习HTML-day06

表单标签1.1表单的组成在HTML中,一个完整的表单通常由表单域、表单控件、(也称为表单元素)和提示信息3个部分构成.1.2 表单域表单域是一个包含表单元素的区域.在HTML标签中,< form>标签用于定义表单域,以实现用户信息的收集和传递。< form> 会把它范围内的表单元素信息提交给服务器。<form action="url地址" method="提交方式" name="表单域名称"> 各种表单元素控件</form>常用属性

2021-06-23 19:57:16 95

原创 前端学习HTML-day05

列表标签表格是用来显示数据的,那么列表就是用来布局的。列表最大的特点就是整齐、整洁、有序,它作为布局会更加自由方便。根据使用情景的不同,列表可以分为三大类:无序列表、有序列表、和自定义列表。1.1 无序列表(重点)< ul>标签表示HTML页面中项目的无序列表,一般会以项目符号呈现列表项,而列表项使用< li>标签定义无序列表的基本语法格式如下:<ul> <li>列表项1</li> <li>列表项2<

2021-06-23 19:56:04 36

原创 前端学习HTML-day04

表格标签1.1表格的主要作用表格主要用于显示、展示数据 ,因为它可以让数据显示的非常的规整,可读性非常好。特别是后台展示数据的时候,能够熟练运用表格就显得很重要。一个简约清爽的表格能够把繁杂的数据表现得很有条理1.2表格的基本语法<table> <tr> <td>单元格内的文字</td> </tr></table>1.是用于定义表格的标签2.标签用于定义表格中的行,必须嵌套在标签中3.用

2021-06-23 19:55:07 77

原创 前端学习HTML-day03

HTML中的注释和特殊字符1.注释如果需要在HTML文档中添加一些便于阅读和理解但又不需要显示在页面中的注释文字,就需要使用注释标志2.特殊字符在HTML页面中,一些特殊的符号很难或者不方便直接使用,此时我们就可以使用下面的字符来代替。特殊字符描述字符的代码空格符&nbsp ;<小于号&lt;>大于号&gt ;©版权&copy ;¥人民币&yen ;&和&amp

2021-06-23 19:52:24 59

原创 前端学习HTML-day02

### HTML常用标签1.1 < div > 和< span > 标签< div > 和 < span > 是没有语义的,它们就是一个盒子,用来装内容。<div>这是盒子</div><span>盒子2</span>div是division的缩写,表示分割、分区。span意为 跨度、跨距。特...

2021-06-23 19:51:14 73

原创 前端HTML-day01

HTML 常用标签1.标签语义简单理解就是标签的含义,即这个标签是用来干嘛的。根据标签的语义,在合适的地方给一个最为合理的标签,可以让页面结构更清晰。1.1 标题标签< h1 >~< h6 > (重要)为了使网页更具有语义化,我们经常会在页面中用到标题标签。HTML提供了6个等级的网页标题,即< h1 > ~< h6 ><h1>一级标题</h1><h2>二级标题</h2><h3>三级

2021-06-23 19:49:46 265

空空如也

空空如也

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

TA关注的人

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