- 博客(54)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 Vue.js常用修饰符及其用法（想要了解的看过来）
当使用Vue.js框架进行前端开发时，修饰符是一个非常重要的概念。修饰符可以用来扩展指令的功能，或者修改指令的行为。在Vue.js中，有许多常用的修饰符，它们可以帮助我们更灵活地操作DOM元素、监听事件以及处理表单等操作。下面我们将介绍一些常用的Vue修饰符，以及它们的用法和作用。
2023-12-25 16:52:53
396
原创 vue表单回车刷新页面问题解决@submit.prevent
当我们在使用Vue.js开发时，经常需要使用表单来收集用户的输入信息。在表单中，用户可能会通过按回车键提交表单数据，而不是点击提交按钮。然而，如果我们没有适当地处理回车事件，就会导致表单被意外地提交，从而刷新页面。这种情况下，我们可以使用Vue.js提供的@submit.prevent修饰符来解决这个问题。
2023-12-25 16:18:26
519
原创 vue基础 v-for更新监测
v-for更新监测先看案例<template> <div> <ul> <li v-for="(item, index) in arrList" :key="index"> {{ item}} </li> </ul> <button @click="revBtn">数组翻转</button> <button @click="sli
2022-02-26 15:21:07
678
原创 常用函数（日期时间转换、时间不足两位补零、函数节流、函数防抖）
1、日期时间转换//日期时间转换export const fomatDate = function (time) { let oldDate = new Date(time); let newDate = new Date(); var dayNum = ""; var getTime = (newDate.getTime() - oldDate.getTime()) / 1000; if (getTime < 60 * 5) { dayNum = "刚刚";
2022-02-26 14:01:10
332
原创 超全 js获取年月日
var myDate = new Date();//以下都是在myDate的基础上得到的。myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDate(); //获取当前日(1-31)myDate.getDay(); //获取当前星期X(0-
2022-01-07 17:11:40
17192
原创 js中获得月份getmonth()+1,为什么要加1?
js中获得月份getmonth()+1,为什么要加1?getmonth()的返回值是 0（一月） 到 11（十二月） 之间的一个整数！获取的其实是索引值，他的值是从0开始的，所以要加1才会得到真正的月份。
2022-01-07 15:43:37
4831
原创 vant 中 van-address-edit地址编辑 地址回显获取 areaCode
vant 中 van-address-edit地址编辑 地址回显获取 areaCode
2021-12-18 16:57:56
4459
4
原创 前端必知 ES6语法
1、ES6常用语法1、let特点：在块作用域内有效不能重复声明不会预处理, 不存在提升应用：循环遍历加监听 //console.log(age);// age is not defined let age = 12; //let age = 13;不能重复声明 console.log(age); let btns = document.getElementsByTagName('button'); for(let i = 0;i<btns.lengt
2021-11-02 17:50:00
413
原创 收集到的22个实用的JavaScript小技巧，你一定用得到
1、数组去重const arr = [1, 2, 2, 3, 4, 5, 5, 3]//方式1：const newArr1 = [...new Set(arr)]//方式2const newArr2 = arr.reduce((prev,cur) => prev.includes(cur) ? prev : [...prev,cur],[]);2、生成一个[1-100]的数组// 方式1const arr1 = [...Array(100).keys()] // 方式2cons
2021-10-30 16:01:44
789
1
原创 this.$nextTick的用法和原理
先来看一下我遇到的问题，万一以后你们遇到了也可以尝试这样解决文章有点长，耐心看完vue项目中使用轮播图效果：使用swiper动态加载数据,动态轮播数据显示为空。在网上看了很多博主都是说保证在数据请求之后再渲染页面...
2021-09-14 16:37:46
24976
4
原创 vue—复制功能
最近写项目遇到了一个新需求，完成一键复制功能，这个功能在项目中说是很常见了。但是也卡了很长时间竟然。下面记录一下整个流程卡的地方1. 首先在项目中导入clipboardnpm install clipboard --save2. 首先在项目中导入clipboardimport Clipboard from 'clipboard'写好按钮 并加上点击事件下面 this.$refs.clipboard_pc 对应上面要点击按钮的 ref=“clipboard_pc”tip: 注.
2021-09-03 11:02:02
582
转载 Vue监听路由变化的几种方法(亲测有效)
Vue监听路由变化的方式VUE页面开发中，我们经常需要根据路由的变化去实现一些操作，那么如何监听路由的变化呢？一、 通过 watch// 监听,当路由发生变化的时候执行watch:{ $route(to,from){ console.log(to.path); }},或者// 监听,当路由发生变化的时候执行watch: { $route: { handler: function(val, oldVal){ console.log(val); }
2021-08-26 17:15:40
14511
原创 react学习总结
原文链接：https://blog.csdn.net/weixin_41154636/article/details/97820873前言前端可以做到读写数据、切换视图、用户交互，这意味着，网页其实是一个应用程序，而不是信息的纯展示。这种单张网页的应用程序称为 SPA（single-page-application）。2010年后，前端工程师从开发页面（切模板），逐渐变成了开发“前端应用”（跑在浏览器里面的应用程序）。目前，最流行的前端框架 Vue、Angular、React 等等，都属于 SPA 开
2020-06-23 22:27:46
208
原创 web前端面试题
面试题大致分为这几个部分HTML&CSS： 对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功：布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端适应。JavaScript： 数据类型、面向对象、继承、闭包、插件、作用域、跨域、原型链、模块化、自定义事件、内存泄漏、事件机制、异步装载回调、模板引擎、Nodejs、JSON、ajax等。其他： HTTP、安全、正则、优化、重构、响应式、移动端、团队协作、可维护、SEO、UED、架构、职业生涯1.请你谈谈
2020-06-13 12:21:43
299
原创 react.js中的虚拟dom与真实dom有什么区别？为什么说虚拟dom比较快？
react.js在我们现在的前端开发应用非常广泛，而在前端面试中也常有这样的题目：虚拟dom与真实dom有什么区别？如果你很快答上来它们之间的区别，那么下一个问题就是：为什么说虚拟dom比较快？好的，就算你知道了它内部的差异运算，那为什么它就比较快呢？我们一一来分析一下。虚拟dom与真实dom有什么区别...
2020-06-11 22:37:03
1880
原创 redux初识
1、概念Redux由Dan Abramov在2015年创建的科技术语。是受2014年Facebook的Flux架构以及函数式编程语言Elm启发。很快，Redux因其简单易学体积小在短时间内成为最热门的前端架构。2、简介Redux对于JavaScript应用而言是一个可预测状态的容器。换言之，它是一个应用数据流框架，而不是传统的像underscore.js或者AngularJs那样的库或者框架。Redux最主要是用作应用状态的管理。简言之，Redux用一个单独的常量状态树（对象）保存这一整个应用的状态
2020-06-10 21:55:58
141
原创 React认识
React 是一个用于构建用户界面的 JAVASCRIPT 库。React 主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图）。React 起源于 Facebook 的内部项目，用来架设 Instagram 的网站，并于 2013 年 5 月开源。React 拥有较高的性能，代码逻辑非常简单，越来越多的人已开始关注和使用它。声明式设计 −React采用声明范式，可以轻松描述应用。高效 −React通过对DOM的模拟，最大限度地减少与DOM的交互。灵活 −React可以与.
2020-06-09 22:05:56
154
原创 微信小程序--商城项目
同步微信步数功能// 云函数入口文件const cloud = require('wx-server-sdk')cloud.init()const db = cloud.database()// 云函数入口函数exports.main = async (event, context) => { // 根据用户提交的cloudid 获取对应的运动数据 let weRunData = event.weRunData //同步运动数据 let res = await Growt
2020-05-28 23:05:24
1534
原创 微信小程序–测试云服务
在我们云开发环境配置好后，我们先来测试一下，感受一下一、获取openid点击获取openid显示调用失败，控制台也报了错误失败原因 未部署下面已经给出了解决方法如图：找到login文件夹右击 点击创建并部署：云端安装依赖上传成功之后点击编译点击获取openid 就获取成功了点击云开发点击云函数就查看到了我们刚才上传的login文件二、上传图片三、前端操作数据库跟着步骤来有详细介绍第二步创建好了之后点击下一步第
2020-05-28 17:52:57
1077
原创 微信小程序——云开发环境配置
微信开发者工具下载与安装创建项目–不使用云开发介绍一下 小程序使用云开发的步骤与配置一、这个微信开发者工具下载与安装步骤完成后1、 这个页面步骤和创建项目–不使用云开发一样。不过我们这里选的 后端服务是 小程序-云开发点击创建按钮2、 创建完之后，显示如下页面打开控制台，报如下错误错误原因：未开通云服务3、 开通云服务点击云开发点击开通创建环境 如下页面点击确定成功 如下页面成功后不能立即使用前面的错误仍然存在等待
2020-05-27 22:52:03
6037
1
原创 微信开发者工具（创建项目介绍）
开发者工具下载安装我们把开发者工具下载安装好后（1）打开扫码登入开发者工具 出现以下页面，点击加号创建项目填入我们在登入微信公众平台刚刚申请到的小程序的 AppID如果不填appid创建的项目有些功能会无法使用，如果创建的时候忘了，我们可以在创建好之后配置文件里配置在这里我选择的是不使用云服务创建项目成功后，自动生成了这个框架下面介绍一下框架的作用app.js是小程序的脚本代码app.json是微信小程序全局的配置文件，我们可以在这个文件中配置小程序是由哪些页面组成的。配置小
2020-05-27 21:45:08
5818
1
原创 微信小程序开发流程、开发者工具下载安装
微信小程序开发步骤一、首先我们进入 微信公众平台微信公众平台（1） 进入之后显示这个页面，点击注册（2） 点击小程序（3） 根据流程完成注册（3） 注册成功（4） 接下来，点击开发者工具（5） 下载开发者工具（6） 选择版本 点击下载可以选择安装目录安装成功下一遍 新建项目...
2020-05-26 18:12:02
12840
原创 vue如何监听数组变化？
Vue.js观察数组变化主要通过以下7个方法（push、pop、shift、unshift、splice、sort、reverse）怎么实现?通过对data数据中数组的这7个方法进行重新包装（注意只是data数据中的数组）为什么不直接对Array.prototype的原型方法进行重新包装?因为不应该过多地去影响全局案例：const patchArray = (function () { const methodsToPatch = [ 'push', 'p
2020-05-09 23:54:22
4279
转载 vue组件使用---父子组件之间的传值
vue组件使用props 和 $emit组件间通讯-自定义事件组件生命周期本章介绍 props 和 $emit一、父子组件传值 props1.创建子组件，在src/components/文件夹下新建一个Child.vue2.Child.vue的中创建props，然后创建一个名为message的属性3.在App.vue中注册Child组件，并在template中加入child标签，标签中添加message属性并赋值4.保存修改的文件，查看浏览器5.我们依然可以对message
2020-05-08 22:43:32
108
原创 登入功能业务逻辑梳理
Vue的基本使用一、指令、插值插值、表达式指令、动态属性v-html：会有XSS风险，会覆盖子组件二、computed和watchcomputed有缓存，data不变则不会重新计算watch监听引用类型，拿不到oldValwatch如何深度监听？ 答：deep：true三、class和style使用动态属性 冒号：驼峰式写法 例：fontSize四、条件渲染v-if v-else的用法，可使用变量，也可以使用===表达式v-if和v-show的区别
2020-05-08 22:01:53
770
原创 vue项目性能优化-总结
Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、 Webpack 编译配置优化等问题，所以我们仍然需要去关注 Vue 项目性能方面的优化， 使项目具有更高效的性能、更好的用户体验。一、基础优化（代码以及编码规范）1...
2020-04-30 16:37:09
781
原创 vue-cli（vue脚手架）详细教程
vue-cli 安装vue-cli这个构建工具大大降低了webpack的使用难度，支持热更新，有webpack-dev-server的支持，相当于启动了一个请求服务器，给你搭建了一个测试环境，只关注开发就OK。1.安装vue-cli① 使用npm（需要安装node环境）全局安装webpack，打开命令行工具输入：npm install webpack -g或者（npm install -g ...
2020-04-08 21:20:02
2827
1
原创 Nodejs——异步编程和同步编程
node中的异步和同步一、什么是异步、同步 同步和异步是一个比较早的概念，大抵在操作系统发明时应该就出现了例子：同步：CPU需要计算10个数据，每计算一个结果后，将其写入磁盘，等待写入成功后，再计算下一个数据，直到完成。异步：CPU需要计算10个数据，每计算一个结果后，将其写入磁盘，不等待写入成功与否的结果，立刻返回继续计算下一个数据，计算过程中可以收到之前写入是否成功的通知，直到完成...
2020-03-11 21:39:32
383
原创 正则表达式的预定义类和正则表达式的方法
上一章：正则表达式的概念，特点，边界符和量词符…一、预定义类预定义类指的是某些常见模式的简写方式.案例：验证座机号码010-22115544（前三后八）或者0233-5544554（前四后七）以下是两种写法： | 竖线表示或1.var reg = /^\d{3}-\d{8}|\d{4}-\d{7}$/;2.var reg = /^\d{3,4}-\d{7,8}$/...
2020-03-04 21:28:36
534
原创 js正则表达式的创建、边界符、量词符
js中正则表达式的使用来 首先先了解一下下正则表达式吧！一、正则表达式概述：1、概念：正则表达式又称规则表达式。(英语:Regular Expression，在代码中常简写为regex、regexp或RE)，计算机科学的一个概念。正则表达式通常被用来检索、替换那些符合某个模式(规则)的文本。正则表达式是对字符串操作的一种逻辑公式，就是用事先定义好的一些特定字符、及这些特定字符的组合，组成...
2020-03-03 21:19:01
747
原创 移动web开发相关知识 物理像素、逻辑像素、设备像素比、移动端常见布局、布局视口、视觉视口、理想视口
在Web开发中可以使用px（像素）、em、pt（点）、in（英寸）、cm（厘米）做为长度单位，我们最常用px（像素）做为长度单位一、物理像素物理像素指的是屏幕渲染图像的最小单位，属于屏幕的物理属性，不可人为进行改变，其值大小决定了屏幕渲染图像的品质。手机屏幕横向有828个点手机屏幕纵向上有1792个点同等大小屏幕下，点越多、图像显示越精细上面所说屏幕上一个个点就是物理像素（physi...
2019-12-23 21:51:13
903
原创 swiper实现轮播图
1、swiper轮播图swiper中文网 https://www.swiper.com.cn/bootcdn https://www.bootcdn.cn/2、案例 日期和时间函数
MySQL数据库中提供了很丰富的函数。MySQL函数包括数学函数、字符串函数、日期和时间函数、条件判断函数、系统信息函数、加密函数、格式化函数等。通过这些函数，可以简化用户的操作。今天主要介绍一下函数：日期和时间函数一、字符串函数dayofweek(date)返回日期date是星期几(1=星期天,2=星期一,……7=星期六,odbc标准) mysql> ...
2019-12-16 23:40:02
484
原创 mysql函数大全及用法(一)字符串函数
MySQL数据库中提供了很丰富的函数。MySQL函数包括数学函数、字符串函数、日期和时间函数、条件判断函数、系统信息函数、加密函数、格式化函数等。通过这些函数，可以简化用户的操作。今天主要介绍一下函数：字符串函数一、字符串函数ASCII(str): 返回字符串str的最左面字符的ASCII代码值。如果str是空字符串，返回0。如果str是NULL，返回NULL。 ...
2019-12-15 23:27:48
216
原创 laravel框架 —分页
laravel框架 —分页控制器代码$list = table('user')->paginate(1) //每页显示的条数案例1：控制器代码//每页展示5条数据class indexCo extends Controller{ public function cc () { $lists = UserAli:: orderBy('user_id','desc')...
2019-12-12 23:01:07
374
原创 laravel框架之路由
laravel框架——路由（一)、简介laravel中的MVC则是通过路由功能映射到对应的程序(控制器方法)，通过路由将用户的请求发送到对应的程序进行处理，其作用就是建立url和处理程序之间的映射关系，这样做有一个好处，对url进行美化只需要修改路由而无需对程序本身进行修改。laravel中请求类型包括：get、post、put、patch、delete。route.php是laravel...
2019-12-11 23:04:36
736
微信小程序-石头剪刀布（小游戏）.zip
2020-06-15
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人