WEB前端开发VUE3菜鸟教程:v-for 循环语句 循环使用 v-for 指令。 v-for 指令需要以 site in sites 形式的特殊语法, sites 是源数据数组并且 site 是数组元素迭代的别名。 v-for 可以绑定数据到数组来渲染... 2021-08-202,531 viewsCommentsVUE 阅读全文
WEB前端开发VUE3菜鸟教程:条件语句v-if v-else 条件判断 v-if 条件判断使用 v-if 指令,指令的表达式返回 true 时才会显示: v-if 指令 在元素中使用 v-if 指令: <div id="app"> <p v-i... 2021-08-202,348 viewsCommentsVUE 阅读全文
WEB前端开发VUE3菜鸟教程:模板语法 Vue 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。 Vue 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统。 结合响应... 2021-08-201,401 viewsCommentsVUE 阅读全文
WEB前端开发VUE3菜鸟教程:引入 vue.global.js ,Hello Vue!! 代码开始学起 开始学习 Vue,我们不推荐使用 vue-cli 命令行工具来创建项目,更简单的方式是直接在页面引入 vue.global.js 文件来测试学习。 Vue3 中的应用是通过使用 createApp 函... 2021-08-206,617 viewsCommentsVUE 阅读全文
WEB前端开发VUE3菜鸟教程:目录结构 使用了 npm 安装项目(Vue-cli 和 Vite),我们在 IDE(Vscode、Atom等) 中打开该目录,结构如下所示: 命令行工具 vue-cli(runoob-vue3-test): V... 2021-08-201,615 viewsCommentsVUE 阅读全文
WEB前端开发VUE3菜鸟教程:项目打包 打包 Vue 项目使用以下命令: cnpm run build 执行以上命令,输出结果如下: 执行完成后,会在 Vue 项目下会生成一个 dist 目录,该目录一般包含 index.html 文件及 ... 2021-08-201,019 viewsCommentsVUE 阅读全文
WEB前端开发VUE3菜鸟教程:Vue3 独立安装或使用 CDN——NPM 方法、命令行工具 1、独立版本 我们可以在 Vue.js 的官网上直接下载最新版本, 并用 <script> 标签引入。 下载 Vue.js 2、使用 CDN 方法 以下推荐国外比较稳定的两个 CDN,国内... 2021-08-202,637 viewsCommentsVUE 阅读全文
WEB前端开发Web Worker名声很臭,但它是解决流畅度问题的重要工具 Web 是单线程的。这让编写流畅又灵敏的应用程序变得越来越困难。Web Worker 的名声很臭,但对 Web 开发者来说,它是解决流畅度问题的 一个非常重要的工具。让我们来了解一下 Web Work... 2021-08-191,804 viewsComments 阅读全文
WEB前端开发CSS技能进阶:使用 resize 实现强大的图片拖拽切换预览功能 使用纯 CSS 利用 resize 实现强大的图片切换预览功能。类似于这样: 思路 首先,要实现这样一个效果如果不要求可以拖拽,其实有非常多的办法。 将两张图片叠加在一起 改变上层图片的宽度,或者使用... 2021-08-191,867 viewsCommentsCSS 阅读全文
WEB前端开发前端视角看浏览器隐身模式下你是如何被追踪的 认识隐私模式 隐私模式隐藏了什么 现代网络浏览器,大多数都增加了隐私浏览模式来浏览网页,旨在保护用户隐私。Chrome 称之为隐身模式;Opera、Safari 和 Firefox 中一般称为隐私浏览... 2021-08-191,897 viewsComments 阅读全文
WEB前端开发js、css、html压缩与混淆:页面加速防止被抄袭 背景 前段时间针对某件大事件,我们用之前的一个老原生html项目,涂涂改改快速做了一个h5,由于时间紧迫直接上线了 结果没想到。。。。第二天就被某大公司抄袭了。。。调了点颜色、改了些文案就直接抄袭并上... 2021-08-193,046 viewsCommentsCSS HTML javaScript 阅读全文
WEB前端开发Commonjs 和 Es Module 万字进阶 深度分析一下 Commonjs 和 Es Module,希望通过本文的学习,能够让大家彻底明白 Commonjs 和 Es Module 原理,能够一次性搞定面试中遇到的大部分有关 Commonjs ... 2021-08-161,518 viewsComments 阅读全文
WEB前端开发什么是虚拟DOM?20分钟吃透Diff算法核心原理 日常面试中,Diff算法都是绕不过去的一道坎,用最通俗的话,讲最难的知识点一直是我写文章的宗旨,今天我就用通俗的方式来讲解一下Diff算法吧?Lets Go 什么是虚拟DOM 讲Diff算法前,我先给... 2021-08-161,543 viewsComments 阅读全文
WEB前端开发Vue.js 3.2 关于响应式部分的优化 Vue 3 正式发布距今已经快一年了,相信很多小伙伴已经在生产环境用上了 Vue 3 了。如今,Vue.js 3.2 已经正式发布,而这次 minor 版本的升级主要体现在源码层级的优化,对于用户的使... 2021-08-161,112 viewsCommentsVUE 阅读全文
WEB前端开发JavaScript事件循环:异步执行原理VS NODE.JS异同 1. 异步执行原理 (1)单线程的JavaScript 我们知道,JavaScript是一种单线程语言,它主要用来与用户互动,以及操作DOM。 JavaScript 有同步和异步的概念,这就解决了代码... 2021-08-161,912 viewsCommentsjavaScript Node.js 阅读全文
WEB前端开发重学JavaScript数组类型万字长文 一、数组基础 1. 数组概述 数组是我们最常用的数据类型之一,ECMAScript数组跟其他语言的数组一样,都是一组有序的数据,但跟其他语言不同的是,数组中每个槽位可以存储任意类型的数据。除此之外,E... 2021-08-161,547 viewsCommentsjavaScript 阅读全文
WEB前端开发web前端开发都要学习哪些技术 web前端开发包括的技术: 1、学好CSS是网页外观的重要一点,CSS可以帮助把网页外观做得更加美观。 2、div布局:DIV元素是用来为HTML文档内大块的内容提供结构和背景的元素。 2、学习Jav... 2021-08-151,817 viewsComments 阅读全文
WEB前端开发H5前端开发:Js数组去重的四种方法 H5前端开发来说,数组去重是个很常见的问题,下面介绍几种数组去重的方式 1、遍历数组的所有元素,然后让它与其后所有的数组元素进行比较,如果相等则删除重复的元素,并重新与被删除元素所在索引的元素接着进行... 2021-08-151,417 viewsCommentsjavaScript 阅读全文
WEB前端开发虚拟DOM和实现diff算法,从了解到深入 虚拟DOM 和 diff 算法 ,大家有的时候就会经常听到,那么它们是什么实现的呢,这是小浪我在学习的 虚拟DOM 和 diff 的时候总结,在这里就来带大家来深入了解 virtual DOM 和 d... 2021-08-041,515 viewsCommentsjavaScript 阅读全文
WEB前端开发JS 中forEach、for in、for of三类循环原理和性能剖析 性能比较 for 循环和 while 循环的性能对比 let arr = new Array(999999).fill(1) console.time('forTime') for(let i = 0... 2021-06-231,917 viewsCommentsjavaScript 阅读全文
WEB前端开发Bootstrap5 Badge徽章图标组件用法 18.1 徽章(Badge)的结构 徽章通常用于导航栏、标题、按钮、头像右侧的一个小区域,用于计数(如n条未读消息)或标识新发布new、热门hot等。通过使用相对字体大小和em单位,徽章可以缩放以匹配... 2021-06-232,069 viewsCommentsBootstrap 阅读全文
WEB前端开发Bootstrap5 Button group按钮组用法 20.1 简单例子 将一系列按钮组合在一行上,或将它们堆叠在一个垂直的列中,用.btn-group包装,就组成了一个按钮组。 <div class="btn-group" role="group... 2021-06-231,976 viewsCommentsBootstrap 阅读全文
WEB前端开发JavaScript 中如何实现并发控制? 一、并发控制简介 在日常开发过程中,你可能会遇到并发控制的场景,比如控制请求并发数。那么在 JavaScript 中如何实现并发控制呢?在回答这个问题之前,我们来简单介绍一下并发控制。 假设有 6 个... 2021-06-231,324 viewsCommentsjavaScript 阅读全文
WEB前端开发JavaScript ES12 令人期待的新特性有哪些? 2021年3月13日,ES2021 候选提案发布了其最终功能集的版本。如果它能够在今年6月的ECMA 大会上通过,就会成为官方的标准! 这个候选提案提及到ECMAScript新特性如下所示: Stri... 2021-06-181,388 viewsCommentsjavaScript 阅读全文