自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 微信小程序

近段时间学习了微信小程序,今天就来分享一些小程序的知识点。(1)我们先要注册一个微信公众平台账号,然后再设置中,找到开发设置,拿到AppID。这个id我们在后面创建小程序项目会使用到的。(2)然后我们可以 去网站中下载微信开发者工具来练习我们小程序项目。...

2022-05-27 18:10:12 266

原创 javajScript轮播图

css:<style> * { margin: 0; padding: 0; } div { width: 900px; height: 400px; margin: 0 auto; position: relative; overflow: hidden; }

2022-04-10 19:36:40 167

原创 javaScript 拖拽效果

css:div{width: 100px;height: 100px;background-color: red;position: absolute;top: 0;left: 0; }设置一个div元素<div></div>js代码:var box = document.querySelector('div') 先获取div元素 // 按下时,给div元素设置时间 box.onmousedown = function(ev

2022-04-10 19:28:09 1122

原创 javascript的一些小效果

// 打印菱形for (var i = 1; i < 4; i++) { for (var j = i; j < 4; j++) { document.write("&nbsp;"); } for (var k = 1; k <= i * 2 - 1; k++) { document.write("*"); } document.write("<br />"); } for (var i = 1;

2022-04-10 19:21:39 1021

原创 Cookie、localStorage和sessionStorage的功能和区别

今天分享储存的一些方法。Cookie储存:document.cookie = ‘username = 张三; expires=Sun, 31 Dec 2021 12:00:00 UTC;’通常存放用户名和密码用的,目的是会话跟踪cookie 存放在客户端浏览器中的,存储大小4k左右,每个域名下能存放20-40条不等,可以设置过期时间, 如果不设置,默认关闭浏览器就删了session 存放在服务器端的,存储大小没限制expires 可以设置过期时间expires=Sun, 31 D...

2022-04-10 19:14:52 644

原创 javaScript 冒泡排序

今天分享我们在js当中肯定要学的冒泡排序。代码:// 将数组[5,4,3,2,1]中的元素按照从小到大的顺序排序,输出 1,2,3,4,5 var arr = [5,4,3,2,1,5,3]; var newarr = []; for(var i = 0; i < arr.length-1; i++){ //外层循环管趟数 for(var j = 0; j < arr.length-i-1; j++){ if(ar...

2022-04-02 14:54:54 1313

原创 javaScript知识点2.0

今天继续分享js的知识点节点操作:元素节点nodeType为1属性节点nodeType为2文本节点nodeType为3 getAttribute('属性名') 获取属性 setAttribute('属性名','属性值') 设置属性 removeAttribute('属性') 删除属性 parentNode 返回父节点 parentNode.childNodes 获取子节点 pa...

2022-03-28 20:09:45 1317

原创 javaScript知识点

今天总结一些javaScript的知识点。事件:鼠标事件:onclick(鼠标点击事件) ondblclick(鼠标双击事件) onmousemove(鼠标移动事件)onmousedown(鼠标按下事件) onmouseup(鼠标抬起事件) onmouseover(鼠标移入事件)onmouseout(鼠标移出事件) oncontextmenu(右键菜单) onfocus(获取焦点事件)onblur(失去焦点事件 ) ..

2022-03-27 19:16:53 669

原创 es6 Promise

今天分享es6的promise知识点。promise 设计初衷 是为了解决ajax回调地狱问题的 promise 参数1 是callback 这个回调函数里面有两个参数 ->参数1处理成功,参数2处理失败 想要获取成功和失败的数据,需要通过promise new出来的对象,掉一个 then()方法 这个then方法里面有两个参数,这两个参数都是函数,参数1是用来处理成功的数据,参数2是用来处理失败的数据 var a = ...

2022-03-27 19:13:27 71

原创 es6新特性3.0

继续分享es6Set数据类型set数据类型的值是惟一的,不会出现重复的,自带去重功能,他的键值对相同var a = new set([1,25,6,8,1,6,9,45,28,1]) 合并两个数组,并去重: var arr = [1,2,3,4,5] var arr2 = [1,2,3,4,5,6,789] var a = new Set([...arr,...arr2]) 把set数据类型转换成数组 方法1: var .

2022-03-24 20:13:26 41

原创 es6的一些新特性2.0

今天继续分享es6的新特性函数的新特性箭头函数: var bb = (da) => {console.log(‘这是箭头函数’)} bb()//不用函数名 也不用function关键字了,就在()和代码体{} 之间加一个箭头 =>// 只有一个参数的时候 可以省略()//函数代码体只有一行的情况下,可以省略{} 同时可以省略return 会自动把那一行代码返回出去//如果使用return关键字了,外面的{}不能丢 箭头函数注意点:...

2022-03-24 20:10:35 55

原创 es6的一些新特性1.0

今天分享一下es6的新增属性1.声明方式:let和const使用var 声明的变量有变量提升,可以重复声明使用let 声明的变量没有变量提升,不能被重复声明,又给块级作用域遇到{}就会产生作用域let a = 0;const和let 类似没有变量提升,不能被重复声明,一开始声明的时候就赋值被const声明变量类似于常量(一旦被声明就不能再修改了) 数组和对象可以修改(对象修改属性,数组修改下标)var a // 可以let a // 可以const a.

2022-03-22 20:19:04 46

原创 vue vuex状态管理模式

vuex是什么? 是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件之间数据的共享。1.使用在src文件中创建store文件,然后再文件中创建index.js文件然后把下列代码引入import Vue from "vue";import Vuex from "vuex";Vue.use(Vuex);export default new Vuex.Store({ state: { //存放的内容所有组件都可以访问,类似于data name:"张三' }, mu..

2022-03-20 19:01:32 103

原创 原生ajax的步骤

ajax是无刷新技术第一步创建对象 var ajax = null; try{ // 写一些调试代码,或者可能出现错误的代码,一旦发生错误,就会从这里面出去,进入到catch里面并把错误信息,当成参数传入到catch中 ajax=new XMLHttpRequest() }catch{ ajax = new ActiveXobject('Microsoft.XMLHttp') } 第二步初始化 ajax.open('post/get','1.txt'); 第三步设置请求头 ..

2022-03-17 19:59:36 661

原创 vue生命周期函数

vue生命周期是指vue是对象从创建到销毁的过程。1.作用:在vue生命周期的不同阶段通过对应的钩子函数来实现组件数据管理和DOM渲染两大重要功能。为什么叫钩子函数?就是在生命周期执行流程中预留的一个能让我们执行自己代码的地方。叫钩子函数,很形象的,钩子钩子,挂载我们自己的东西。有8种钩子函数,四类,分别为‘创建阶段 挂载阶段 更新阶段 销毁阶段’创建阶段:beforecreate:实例已经初始化,但不能获取DOM节点。(没有data,没有el)created:...

2022-03-16 20:13:19 269

原创 vue 美食杰项目 登录验证

登录验证是我们在进入页面中必须要进行的操作。1.登录验证我们要先在路由中(router),设置一个路由守卫来判断你进入的页面需不需要进行登录,然后在进行判断是否已经登录,在然后验证你的登录是否合法。router.beforeEach( async (to,form,next) => { // 进入路由守卫时,向后端发送token,验证是否合法 const data = await userInfo() console.log(data.data); if(to.ma..

2022-03-15 19:51:32 139

原创 vue自定义指令

指令有内置指令和自定义指令以v-开头属性在vue中 叫做指令 内置指令:v-text 不能解析标签 v-html 可以解析标签 v-bind 动态绑定属性 ,可以简写 成: v-once 被它修饰的节点只会渲染一次 v-if 根据值来判断是否渲染 v-show 根据值来判断是否显示和隐藏 v-pre 格式化输出不解析{{}} v-on 绑定事件 简写 @自定义指令:directive ..

2022-03-14 17:53:48 728

原创 vue keep-alive作用

**今天分享一下 vue中的 keep-alive标签的作用**1.*keep-alive可以实现组件缓存,当组件切换时,主要用于保留组件状态或避免重新渲染使用场景:比如有一个列表和一个详情,那么用户就会经常执行打开详情=>返回列表=>打开详情…这样的话列表和详情都是一个频率很高的页面,那么就可以对列表组件使用进行缓存,这样用户每次返回列表的时候,都能从缓存*2.列表页和详情页都用了keep-alive标签包裹起来了,这样在我们切换这两个组件的时候就可以把里面的数据缓存起来。...

2022-03-13 14:10:00 1288

原创 vue项目(美食杰) 瀑布流效果

*今天做了一个瀑布流效果,把这个效果分享一下。*瀑布流就是我们在浏览京东或者淘宝商品时,你往下面浏览商品你会发现,你浏览的商品就好像没有尽头似的,可以去京东看一下效果。第一步绑定元素 第二步在mounted中通过scroll事件给windoww做监听data(){return {islogin:false}},mounted(){this.tt =throttle(1000,this.scrolllogin.bind(th...

2022-03-10 20:22:39 349 2

空空如也

空空如也

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

TA关注的人

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