Vue 项目实践指南

Vue 框架通过数据双向绑定和虚拟 DOM 技术,帮我们处理了前端开发中最脏最累的 DOM 操作部分, 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM;但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题,所以我们仍然需要去关注 Vue 项目性能方面的优化,使 ...

前端(一)-Html

1、网页基本信息 | <!DOCTYPE html> | 浏览器使用的规范 | | | | | <head> | 网页头 | | <body> | 主体部分 | | <meta> | 元数据 | meta的name属性(了解) | Keyword(关键字) | 为搜索引擎提供的关键字列表 | | | ...

前端开发性能优化方案

JS书写需注意的点 一、JS书写过程中减少对闭包的使用 原因:闭包会产生不释放的栈内存 替代方案:1,循环给元素做事件绑定的时候,尽量把后期需要的数据(如:索引)绑定到元素的自定义属性上,而不是创建闭包存储 2,可以在最外层创建一个闭包,把需要的数据进行存储,而不是一个方法创建一个闭包(如:单例模式 ...

基于 Hexo 键入搜索功能

原文链接: 基于 Hexo 键入搜索功能 前言 本站基于Hexo搭建,用的 🦋 hexo-theme-butterfly 主题 v3.7.1,请注意最新的🦋 hexo-theme-butterfly 版本已经更新到 v4.2.2 。 如果你是 v3.7.1 之外的版本,可能有些地方会有出入,请留 ...

layui动态渲染上传时在渲染外删除已选文件取消上传

【layui2.6.8】有多个文件上传的组件需要根据后台数据在页面加载时动态渲染在一个弹框里面。弹窗从table表格数据的【编辑】按钮打开,根据点击行展示不同的文件,对文件进行查询、删除、下载等管理。问题:选择文件,不上传,关闭弹窗再打开,刚选的文件虽然不见了,但依然能上传那个文件,需要打开弹窗时清 ...

jQuery笔记

jQuery 什么是jQuery? jQuery是一个实用的JavaScript函数库,jQuery极大地简化了JS对DOM的操作,封装并实现的一系列常用的方法。 jQuery库封装了JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画 ...

Vue+Mockjs如何模拟curd接口请求

在前后端分离的项目中常常会遇到当前端页面开发完成 但是后端接口还没好,暂不支持联调的情况下,一般我们会用到mock数据 这边简单说一下最常见且经常会遇到的curd接口模拟 注:这边可以和后端先约定好接口路径以及入参返参的字段,避免二次修改 安装依赖,新建js文件,在文件中导入mock.js,模拟列表 ...

记录--六道题理解Vue2 和 Vue3 的响应式原理比对

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前言 技术栈是 Vue 的同学,在面试中难免会被问到 Vue2 和 Vue3 的相关知识点的实现原理和比较,面试官是步步紧逼,一环扣一环。 Vue2 的响应式原理是怎么样的? Vue3 的响应式原理又是怎么样的? Vue2 中是怎么监测数 ...

数组的常用方法

数组是一个存储结构(可以进行增删改查操作) 添加(add push append...) 栈方法(先进后出 后进先出)push入栈 pop出栈操作 push方法(添加到最后一个) var arr = [1] arr.push(10) console.log(arr) //[1,10] 队列方法(先进 ...

day 04 函数《有趣的递归函数》

函数函数概述函数 实际就是多行代码的抽取(多行代码会构成特定的功能)(方法)函数的优点减少冗余代码(重复的代码放在函数里面 在需要的时候调用)函数封装(特定的一些代码使用函数来包起来),提高了代码的可维护性及可阅读性函数的分类1.系统函数 window里面的所有函数都属于系统函数 (console. ...

vue学习笔记

vue指令 | 指令名 | 指令含义 | 修饰符 | | | | | | v-model | 提供了input和form数据之间或两个组件之间的==双向数据绑定== | .lazy:减少同步的次数.number:格式化字符串为数字.trim去除首尾空格 | | v-bind | ==单向绑定==。可 ...