- 博客(11)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 小白必学的JQ操作DOM节点
前言：DOM 中有一个非常重要的功能，就是节点模型，也就是 DOM 中的“M”。页面中的元素结构就是通过这种节点模型来互相对应着的，我们只需要通过这些节点关系，可以创建、插入、替换、克隆、删除等等一些列的元素操作。一．创建节点为了使页面更加智能化，有时我们想动态的在 html 结构页面添加一个元素标签，那么在插入之前首先要做的动作就是：创建节点。var box = $('<div id="box">节点</div>'); //创建一个节点$('body').appen
2021-09-29 17:48:45
205
原创 Vue实例生命周期(全面解析)
前言：Vue实例在创建时有一系列的初始化步骤，例如建立数据观察，编译模板，创建数据绑定等。在此过程中，我们可以通过一些定义好的生命周期钩子函数来运 行业务逻辑。本文将详细介绍Vue实例的生命周期一、图例解析下图是Vue实例生命周期的图示：二、解析生命周期含义接下来，根据提供的生命周期钩子，对Vue实例各个阶段的情况进行详细说明【beforeCreate】在实例开始初始化时同步调用。此时数据观测、事件等都尚未初始化【created】在实例创建之后调用。此时已完成数据观测、事件方法，但尚未开
2021-09-28 14:50:06
628
原创 深入了解Vuex的核心
文章目录前言一、Vuex的概念理解二、Vuex的使用1.简介总结前言主要介绍了Vuex新手的理解与使用详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定 的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧一、Vuex的概念理解提到vuex,就不能不先提vue.我个人开始尝试学习使用vue,是因为此前总是遇到页面逻辑数据与视图的一致性问题.在使用vue之前,我们使用jQuery插件的时 候,一桩麻烦事就是既要在每个数据变更后,写代码去改变视图,又要考虑html上各种输入改
2021-09-28 11:55:33
81
原创 vue组件间通信六种方式（总结篇下）
文章目录前言一、Vue组件通信后三种？二 、 $attrs / $listeners1.简介2.示例代码三 、 provide/inject1.简介2.示例代码四 、 $parent / $children 与 ref1.简介2.示例代码总结前言上篇文章我们说到了props、emit/emit/emit/on、vuex这三种组件之间的通信关系，本篇继上篇我们来说说attrs/attrs/attrs/listeners、provide/injedt、parent/parent/parent/c
2021-09-28 11:35:45
298
原创 vue组件间通信六种方式（总结篇上）
文章目录前言一、Vue组件是什么？二、具体介绍2.1方法一、 props / $emit2.2方法二、 $emit / $on2.3方法三、 vuex总结前言组件是 vue.js最强大的功能之一 ，而组件实例的作用域是相互独立的 ，这就意味着不同组件之间的数据无法相互引用。 一般来 说 ，组件可以有以下几种关系 ：一、Vue组件是什么？组件是 vue.js最强大的功能之一 ，而组件实例的作用域是相互独立的 ，这就意味着不同组件之间的数据无法相互 引用。 这篇文章主要介绍vue组件间
2021-09-27 20:28:50
602
2
原创 Vue组件与复用详解
系列文章目录Vue组件与复用详解文章目录系列文章目录前言一、什么是组件？二、使用步骤2.1 全局注册后，任何Vue 实例都可以使用。如：2.2 在Vue 实例中，使用component选项可以局部注册组件，注册后的组件只有在该实例作用域下有效。如2.3 data必须是函数总结前言组件 (Component) 是 Vue.js 最强大的功能之一，组件可以扩展 HTML 元素，封装可重用的代码。这篇文章主 要介绍了vue组件与复用,需要的朋友可以参考下一、什么是组件？组件需要注册后才可以使用，
2021-09-27 17:10:34
4465
原创 原生JavaScript抒写——贪吃蛇小游戏
原生JavaScript抒写——贪吃蛇小游戏文章目录原生JavaScript抒写——贪吃蛇小游戏前言一、需求分析二、效果展示三、具体逻辑代码分析1.首先创建一个html文件，然后我们利用canvas布局一个画板2.绘制一条蛇、格子、食物以及蛇的长度3.确定方向键并执行相应的方法和判断方向以及自动触发跑动4.定义我们的游戏机制规则来完善我们的游戏总结前言前端开发的核心逻辑思维，莫过于就是对JavaScript的掌握了，不管是小程序还是主流框架都是在原生JavaScript的基础上延伸和简便，因此原生J
2021-09-27 15:52:04
204
原创 Vue实现商品放大镜效果
一、前言:在这个鼎盛的电商时代各种直播带货或者自主逛宝购物，我们对商品的认知和了解进一步查看详情，发现我们的商品可以放大观看,于是心血来潮运用前端技术Vue框架，写了一个类似放大镜的功能二、 实现思路:对原图的显示空间（left） 可以将显示原图可 img 换成canvas，来对图片行进行保护 ，跟随鼠标移动时显示放大的指示区（鼠标层罩top） ，显示层罩区域选中放大的显示空间（right）三、效果展示四、具体实现逻辑代码template （记得改图片路径）<template>
2021-09-25 11:34:18
4162
3
原创 Vue手写搜索防抖代码
前言：众所周知搜索这一功能是一个高消耗服务器的功能，每一次的请求都是在给服务器增压，避免频率过快，导致功能下降，服务器崩溃，我们需要做一些限制的解决方案。今天我们的主题就是——防抖的使用什么是防抖？在固定的时间内没有触发事件，会在固定时间结束后触发，如果固定时间内触发事件了，会在延长固定时间再触发 防抖主要利用定时器实现一、先上案列：以上就是我们平常的搜索功能，快速的点击，一次次的去请求我们的服务器接口，没有加防抖来限制我们的请求二、示范我们可以看到加完防抖之后，再规定的时间内多次点击没有多
2021-09-16 15:14:01
287
原创 微信小程序接收富文本编辑器图片大小解决方法
一、先上案列：1.图片没有尺寸影响整体布局二、改完之后：三、上代码展示1.wxml<!--pages/articleInfo/articleInfo.wxml--><view class="articleInfo padding15"> <rich-text nodes="{{articleInfoArray}}"></rich-text></view>2.js //请求协议接口 wx.request({
2021-09-16 14:42:54
805
原创 微信小程序获取日期补零和比较时间大小提示不同
if (res.data.data == "success") { var startDate = res.data.taskTypeList[0].startDate //获取接口返回开始日期 var kstartTime = res.data.taskTypeList[0].startTime //获取接口开始时间 var zongtime = kstartTime.slice(0, 2) //截取接口开始时间前两位例 09:00 取0...
2021-09-11 11:13:16
1233
电商小程序，附代码和注释（可参考天使童装小程序一比一还原）
2021-06-18
解决引入postcssrs.js报错的问题
2023-09-18
TA创建的收藏夹 TA关注的收藏夹
TA关注的人