自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 ES系列新规范

1.变量的解构赋值定义:.ES6 允许按照一定模式从数组和对象中提取值,对变量进行赋值,这被称为解构赋值。(代码更加简洁)注意:解构的名字必须对应一致;也可解构部分;解构类型必须一样数组解构const F4 = ['小沈阳','刘能','赵四','宋小宝'];let [xiao, liu, zhao, song] = F4;// 相当于我声明了四个变量 这四个变量的值分别是数组相应位置的值console.log(xiao);// 小沈阳对象的解构const zhao = {name: '赵

2021-11-25 23:25:36 3164 1

原创 var、let、const 的区别

ES6新特征let 关键字let 关键字用来声明变量,使用 let 声明的变量有几个特点:不允许重复声明 let star = '罗志祥'; let star = '小猪'; // 结果:Uncaught SyntaxError: Identifier 'star' has already been declared块儿级作用域(内部块可以使用父级块定义的变量){ let girl = '周扬青'; } console.log(girl);// 结果:Unca

2021-11-22 01:45:47 667

原创 对象和json的转换, if(obj)判断对象是否为空

JavaScript值(对象或者数组)和JSON字符串的应用​ //写入的时候用 JSON.stringify(将一个JavaScript值(对象或者数组)转换为一个 JSON字符串)​ //取值的时候用JSON.parse(将JSON字符串转换成对象)js中 if(obj)判断对象是否为空​ 在实际应用中尽量不要使用这种,会出现未初始化,空串等一系列问题;推荐使用if(obj == null)判断对象是否为空...

2021-11-22 01:30:59 813

原创 输入框的相关知识

输入框的相关知识1.数据双向绑定bindinput 方法可以实现数据双向绑定2.获取id的值,和input中的值 <input type="text" placeholder="请输入手机账号" id="email" bindinput="userInput" data-type="email"/> ---------------------------------- // 获取标签中的id值 let id = event.c

2021-11-22 01:28:46 78

原创 微信小程序设置主题色

微信小程序项目小技巧1.如何设置主题色app.wxss(全局样式)/* 主题颜色 */page { --themeColor: #eb4450}单独页面的.less(注意文件后缀).search_input { height: 90rpx; padding: 10rpx; background-color: var(--themeColor);}...

2021-11-22 01:27:02 2290

原创 js控制主题颜色

js控制主题颜色<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .blue{ color: var(--primary-color); } .red{ color:

2021-11-22 01:25:12 341

原创 列表下拉动画及刷新(微信小程序)

列表下拉动画及刷新(微信小程序)1.效果描述:下拉、松手、自动还原(一般用于刷新作用)2.三个事件: bindtouchstart 手指按下触发 bindtouchmove 手指滑动触发(持续性的) bindtouchend 松开手指触发3.案例:aaa.wxml文件<view class="daily-song-con" bindtouchstart="handlerStart"bindtouchmove="handlerMove"bindtouchend="handlerE

2021-11-21 17:39:42 934

原创 解析时间戳工具(微信小程序)

解析时间戳工具(微信小程序)date.js(工具)/** * 时间戳格式化函数 * @param {string} format 格式 * @param {int} timestamp 要格式化的时间 默认为当前时间 * @return {string} 格式化的时间字符串 */export default function formatDateTime(inputTime) { var date = new Date(inpu

2021-11-20 20:35:55 777

原创 短信验证(实战)

短信验证点击查看详细

2021-11-20 00:43:19 296

原创 redis连接不上

redis连接不上1.redis.conf中需要:#设置为yesprotected-mode yes#设置连接密码requirepass 123#注释该行# bind 127.0.0.1 ::12.springboot中application.properties 文件spring.redis.host=填写自己的号spring.mail.port=6379#这里设置了redis密码,为了安全起见,这里必须设置密码spring.redis.password=123这里你会

2021-11-19 23:43:53 909

原创 pom.xml 文件详解

pom.xml 文件详解点击查看详细

2021-11-19 15:49:09 168

原创 es集成springboot——仿京东商城案例

es集成springboot——仿京东商城案例es的基础知识功能:爬取商城真实数据;存储到es中;拿去es中的数据并渲染到页面;搜索字段高亮显示实体类:package com.huang.pojo;import lombok.AllArgsConstructor;import lombok.Data;import lombok.NoArgsConstructor;@Data@AllArgsConstructor@NoArgsConstructorpublic class Conte

2021-11-18 09:57:26 161

原创 爬虫,爬取京东商城页面数据案例

爬虫(爬取京东商城页面数据案例)集成springboot,抓取数据<!--解析网页--><dependency> <groupId>org.jsoup</groupId> <artifactId>jsoup</artifactId> <version>1.10.2</version></dependency>package com.huang.util;import com.hua

2021-11-17 19:16:52 870

原创 实用好玩的API文档

实用好玩的API文档一.网站类网站信息获取1.功能介绍:用于获取网站的标题、关键词和描述。2.请求地址:https://api.szfx.top/title3.请求参数:4.请求示例https://api.szfx.top/title/?url=http://baizhaowen.top/5.返回数据:{ "code": 200, "data": { "title": "Good Luck To You!", "description": "白招文的博客也

2021-11-15 21:11:59 681 1

原创 ES集成Springboot

ES集成Springboot新建项目Springboot1.2.3.项目建立完之后,检查版本信息4.保证es6规范注意:如果前面没有勾选依赖支持,那就手动引入下面的依赖<!--es客户端--><dependency> <groupId>org.elasticsearch.client</groupId> <artifactId>elasticsearch-rest-high-level-client</art

2021-11-14 13:27:10 1507

原创 var、let、const 的区别

var、let、const 的区别var定义的变量,没有块的概念,可以跨块访问, 不能跨函数访问。const用来定义常量,使用时必须初始化(即必须赋值),只能在块作用域里访问,而且不能修改。let定义的变量,只能在块作用域里访问,不能跨块访问,也不能跨函数访问。...

2021-11-09 20:04:28 40

原创 弹性盒子布局 display: flex;

弹性盒子布局 display: flex;1.居中设置设置如下参数(父级元素必须有display: flex;),第一级元素呈现居中样式display: flex;/*center:水平居中space-between:两端对齐,项目之间的间隔都相等flex-end:右对齐space-around:每个项目两侧的间隔相等。所以,项目之间的间隔比项目与边框的间隔大一倍。space-evenly:项目是分布的,以便任何两个项目之间的间距(和边缘的空间)相等。*/justify-content

2021-11-09 20:03:37 769

原创 发送请求获取数据(获取api),收货地址

发送请求获取数据(获取api)这里先分装一个获取信息的工具export const request=(params)=>{ // 定义公共的url const baseUrl="https://api-hmugo-web.itheima.net/api/public/v1"; //Promise es6中定义的请求数据方法 //resolve 成功后的回调函数;reject 失败后的回调函数 return new Promise((resolve,reject)=>{

2021-11-09 20:01:23 717

原创 小程序中缓存的使用

小程序中缓存的使用web中的本地储存和小程序中的本地储存的区别//写代码方式不一样web: localStorage.setItem("key","value")localStorage.getItem("key")小程序中:wx.setStorageSync("key", "value");wx.getStorageSync("key");//存的时候有没有做过类型转换web: 不管存入的是什么类型的数据,最终都会先调用toString(),把数据变成了字符串 再存入进去小程序:

2021-11-09 19:57:43 503

原创 组件的值传递(重点)

组件的值传递一.父组件向子组件的值传递例子:父组件.js /** * 页面的初始数据 */ data: { tabs: [ { id: 0, name: "首页", isActive: true }, { id: 1, name: "原创", isActive: false } , { i

2021-11-02 23:20:30 77

原创 微信小程序中自定义组件以及Tabs样式优化和标题激活

微信小程序自定义组件以及Tabs样式优化和标题激活1.新建文件Tabs(为了好管理自己建的)注意:这里新建文件的时候选择新建组件2.Tabs.js// components/Tabs/Tabs.jsComponent({ /** * 组件的属性列表 */ properties: { }, /** * 组件的初始数据 */ data: { tabs:[ { id:0, name:"首页",

2021-11-02 21:01:42 711

原创 微信小程序的事件绑定

微信小程序的事件绑定bindtap和catchtap(常用)的区别相同点:首先他们都是作为点击事件函数,就是点击时触发。在这个作用上他们是一样的,可以不做区分。不同点:他们的不同点主要是bindtap是冒泡的,catchtap是非冒泡的...

2021-11-02 20:47:20 52

原创 微信小程序的方法传参(不同与传统的形式)

微信小程序的方法传参(不同与传统的形式),传统是直接给方法后面的括号里添加参数,这里不同<!-- 这里是通过data-operation="{{-1}}"来传参的,operation(自定义)必须要和js中定义的名字要一样 --><button bindtap="clickNum" data-operation="{{-1}}">加号</button>// 加减按钮的事件clickNum(e){ console.log(e.currentTarget.dat

2021-11-02 20:09:20 1242

原创 微信小程序生命周期

微信小程序生命周期一. 小程序在被打开,使用,关闭的时候整个的生命周期onLaunch(){ //应用第一次启动的时候,首先执行这里的事件, 一般这里获取用户信息,便于后面使用 //注意 这里不能使用 setData 方法来修改 data},onShow(){ //小程序应用渲染之后,用户能看到组件等信息,这个时候才能执行onShow内的事件 //当用户切换到后台,再切换回来的时候,会执行这里的事件 //一般会用于当用户返回的时候,对应用内

2021-11-02 19:41:53 142

原创 小程序中image 图片标签的使用

小程序中image 图片标签的使用(注意这里和html的img的不同)一. src 指定要加载的图片的路径图片存在默认的宽度和高度 320 * 240 原图大小是 200 * 100二. mode 决定 图片内容 如何 和 图片标签 宽高 做适配1 scaleToFill 默认值 不保持纵横比缩放图片,使图片的宽高完全拉伸至填满 image 元素 2 **aspectFit** 保持宽高比 确保图片的长边 显示出来 页面轮播图 常用3 aspectFill 保持纵横比缩放图片,只保

2021-11-01 17:46:45 2504

原创 微信小程序和公众号的区别,微信小程序火的原因

微信小程序和公众号的区别有营养的回答:公众号是用来沉淀用户的,你的用户可以关注你的公众号,成为你的粉丝,这是一个池塘,用来养鱼。目前公众号到了大局已定的时候,头部的账号占据了大部分的粉丝。小程序是用**来转化用户的,**小程序具有更多APP属性,可以将商家公众号的粉丝变成顾客,可以直接用来做交易的工具。当然,小程序的功能非常强大,不仅仅如此。小程序可以是工具,也可以是商城,还可以是游戏。小程序的优势在于他是在微信的体系内的,拥有巨大的流量,可以获取用户的信息,可以即用即走,可以代替绝大部分的APP。

2021-11-01 10:45:29 438

原创 小程序的事件绑定

小程序的事件绑定注意:需要给input标签绑定 input事件 绑定关键字 bindinput把输入框的值 赋值到 data当中不能直接this.data.num=e.detail.value或 this.num=e.detail.value正确的写法this.setData({num:获取的数值})绑定一个点击事件bindtap=“方法名”//注:这里不叫()不可以在小程序中直接传值,通过如下:data-operation="{{1}}"效果描述:数据双向绑定和数据增加/减少操

2021-11-01 00:06:22 189

原创 微信小程序数据类型,遍历,展示

微信小程序数据类型,遍历,展示备注:text 相当于以前web中的 span标签 行内元素 不会换行view 相当于以前web中的 div标签 块级元素 会换行checkbox 以前的复选框标签js文件Page({ /** * 页面的初始数据 */ data: { msg: "hello 小白", num: 10000, isBoy: true, person: { age: 74, name: "富婆"

2021-10-31 18:38:23 1529

原创 es字段增删改查

es字段增删改查1.关系型数据库和es对比Relational DBElasticSearch数据库(database)索引(indices)表(tables)types (慢慢会被弃用)行(rows)documents(文档)字段(columns)fieldselasticsearch(集群)中可以包含多个索引(数据库) ,每个索引中可以包含多个类型(表) ,每个类型下又包含多个文档(行) ,每个文档中又包含多个字段(列)。2.分词测试ik_sm

2021-10-31 00:44:34 620

原创 IK分词器(elasticsearch插件)

IK分词器(elasticsearch插件)IK分词器:中文分词器;IK提供了两个分词算法: ik_smart和ik_max_word ,其中ik_smart为最少切分, ik_max_word为最细粒度划分!1.下载(版本要与ElasticSearch版本对应)下载地址:https://github.com/medcl/elasticsearch-analysis-ik/releases2、安装加压即可(但是我们需要解压到ElasticSearch的plugins目录ik文件夹下)3.重启

2021-10-30 22:05:47 657

原创 es初识和工具安装

es初识和工具安装es简述Elaticsearch,简称为es,es是一个开源的高扩展的分布式全文检索引擎,它可以近乎实时的存储、检索数据;本身扩展性很好,可以扩展到上百台服务器,处理PB级别(大数据时代)的数据。它的目的是 通过简单的RESTful API来隐藏Lucene的复杂性,从而让全文搜索变得简单 。版本如下es安装(端口:9200)下载解压即用(后面会下载其他关于es的匹配文件,放在一个文件下好管理);.bat文件启动安装可视化界面(elasticsearch-head 端

2021-10-30 21:29:06 784

原创 vue易错备忘录

computed(计算属性)拥有缓存属性;vue 提倡使用计算属性;只有当依赖的数据发生变化时,关联的数据才会变化,当**一个属性受多个属性**影响时就需要用到computed适用于计算或者格式化数据的场景;例如:购物车计算价格只要购买数量,购买价格,优惠券,折扣券等任意一个发生变化,总价都会自动跟踪变化.对于复杂逻辑,vue 提倡使用计算属性;最大特点就是缓存;watch(监事属性)**一个数据影响多个数据**一般用于监控路由、input输入框的值特殊处理等等,它比较适合的场景是一个

2021-10-28 20:42:27 82

原创 服务器镜像系统选择

服务器镜像系统选择什么是镜像提供启动云服务器实例所需的所有信息。通俗地说,镜像就是云服务器的“装机盘”。服务器镜像列表服务器支持两类操作系统镜像,即Windows系统和Linux类系统Linux类镜像:CentOS、CoreOS、Debian、FreeBSD、openSUSE、Ubuntu、SUSE和Tencent Linux等;Windows Server镜像:Windows Server 2012 R2数据中心版、2019、2016等版本。服务器系统选择Windows还是Linux?一般

2021-10-27 00:24:35 3013

原创 服务器操作系统四大流派

服务器操作系统四大流派服务器操作系统主要分为四大流派:Unix、Linux、Windows Server和Netware。UNIXUNIX操作系统是商业版,是需要收费的;是一个强大的多用户、多任务操作系统,支持多种处理器架构,按照操作系统的分类,属于分时操作系统UNIX特性多用户,多任务的分时操作系统;系统结构可分为三部分:操作系统内核,系统调用,应用程序;大部分是由C语言编写的,系统易读,易修改,易移植;丰富的、精心挑选的系统调用,整个系统的实现十分紧凑,简洁;功能强大的可编程的She

2021-10-26 23:48:39 572

原创 vue上线操作

vue项目上线操作准备过程1.一个完结的vue项目2.一个服务器(系统或镜像选用windows Serves)项目打包过程build后,会在项目中产生一个dist文件(待会会用该文件)2.2.1,桌面新建一个文件夹(名字随意,我这里是"vue上线测试");2.2,文件夹里执行命令操作符:npm initnpm i express//用于解决跳转刷新错误异常npm i connect-history-api-fallback2.3,新建server.js文件// 微型服务

2021-10-26 20:05:51 345 2

原创 路由守卫

路由守卫定义:简单来说,路由守卫就是路由跳转前、中、后过程中的一些钩子函数,这个函数能让你操作一些其他的事儿,这就是路由守卫。全局路由的钩子函数包括:beforeEach在路由跳转前触发,参数包括to,from,next(参数会单独介绍)三个,这个钩子作用主要是用于登录验证beforeResolve(2.5+)这个钩子和beforeEach类似,也是路由跳转前触发,参数也是to,from,next三个afterEach是在路由跳转完成后触发,参数包括to,from,它发生在beforeEac

2021-10-26 12:02:32 1362

原创 路由跳转

路由跳转replace 替换浏览器栈使用场景:在登录过后 或注册过后 和不可回退页面必须加上这个<router-link to="/alllabels" replace active-class="current">全部标签</router-link>$router.push()默认跳转,当前跳转会被记录到浏览器栈中(可以浏览器前进后退切换)<button @click="$router.push('/alllabels')">点我显示全部标签</bu

2021-10-26 11:48:22 135

原创 router路由的不同传参方式

router路由1.params 和 query的比较query:query可以通过name来引入路由也可以通过path(父组件前的路径必须要加 / )引入;接收参数this.$route.query.name;地址栏通过 ”?属性1=值1&属性2=值2“ 传值;query相当于get请求,页面跳转的时候,可以在地址栏看到请求参数params:params只能通过name来引入路由;接收参数this.$route.params.name;地址栏中只有参数值,没有属性,相对安全;params相当

2021-10-23 13:30:29 149

原创 日历自制

日历自制<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="referrer" content="never"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title></title> <link rel="

2021-10-20 23:15:11 71

原创 导航栏切换背景色更换

导航栏切换背景色更换(仅限vue中使用)active-class<--current为css中class选择器的命名--><router-link to="/alllabels" active-class="current" >主页</router-link>active-class是vue-router模块的router-link组件中的属性,用来做选中样式的切换...

2021-10-20 20:34:16 337

空空如也

空空如也

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

TA关注的人

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