你知道 details 标签的妙用吗? details 标签在以往的项目中去实现如下效果,我一般是使用 HTML + JS 去完成的,但今天我了解到一个很便捷的方法可以帮助我只使用 HTML 就可以快速的完成如下效果。那就是 HTML5 中新增的 detils 标签。基本介绍实现代码如下: <details> <summary> 文章概要 </summary> <div>文章内容文章内容文章内容文章内容文章内容文章内容文章内容文章内容</div&g
event loop 面试题 题目一async function async1() { console.log('async1 start'); await async2(); console.log('async1 end');}async function async2() { new Promise(function (resolve) { console.log('promise1'); resolve(); }).then(function () {
学习 react有这一张图就够了,帮你梳理必会知识 此图可以帮助你有效的总结在学习react中所遇到的知识,其中包含从创建一个简单react文件到使用 react脚手架,从函数组件到高阶组件,生命周期、组件优化、虚拟DOM和Diff算法。当然此图也只是帮助你去梳理和概括react中的基本知识,关于react中深入的知识还需自己学习...
1~100的递归案例 function num(a) { if (a == 1) { return 1 } return num(a - 1) + a // 100+99+98+97+96}let b = num(100)console.log(b) // 5050
vue 导入导出Excel文件 导入一 、安装xlsx包$ npm i xlsx二、使用ElementUI创建上传Excel的组件<template> <div class="upload-excel"> <div class="btn-upload"> <el-button :loading="loading" size="mini" type="primary" @click="handleUpload"> 点击上传 <
vue 报错 this.getOptions is not a function this.getOptions is not a function报错的主要原因是 vue脚手架中less-loader的版本过高导致的绝决方法首先将原来的 less-loader 删除 npm uninstall less-loader然后在重新npm less-loadernpm install less-loader@4.1.0 --save...
vscode配置文件及提升开发效率的24个必备插件 vs code是一个体积小速度快的一款编辑器,它最大的优点在于它有很多免费的好用的插件来帮助你来提高你的开发效率,它甚至可以让你在你的vs code里面听音乐,看小说、打游戏,这可真是上班摸鱼必备啊哈哈哈。言归正传,在此我把我使用的插件分享给大家,并附上我的配置文件。{ "editor.fontSize": 16, "window.zoomLevel": 0, "todo-tree.tree.showScanModeButton": false, "todohighlight.keywor
超详细!如何在windows安装Hyper-V虚拟机 一、hype-v是什么Hyper-V是微软的一款虚拟化产品,是微软第一个采用类似Vmware ESXi和Citrix Xen的基于hypervisor的技术。这也意味着微软会更加直接地与市场先行者VMware展开竞争,但竞争的方式会有所不同。二、安装hype-v1、打开控制面板中的程序和功能2、打开启用或关闭Windows功能3、选择Hype-vh和适用于Linux的Windows子系统4、重启电脑后打开Hyper-V管理器**注意:**在win10家庭版中,是没有hype-v的。复制下
Vuex由入门到深入 入门Vuex是什么?Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。什么是“状态管理模式 ”让我们从一个简单的计数器开始new Vue({ // state data () { return { count: 0 } }, // view template: ` <div>{{ count }}</div>
canvas笔记 一、什么是canvasHTML5 提出了一个新的 canvas 标签,彻底颠覆了 Flash 的主导地位。无论是广告、游戏都可以使用 canvas 实现了,Canvas 是一个轻量级的画布,我们使用 Canvas 进行 JavaScript 的编程,不需要增加额外的插件,性能也很好,不卡顿,在手机中也很流畅二、基本使用<canvas width='400' height='400' id='mycanvas'>当前浏览器不支持canvas,请升级浏览器</canvas>
微信小程序使用字体图标 1、使用阿里图标库,把项目中需要的图标添加入到项目中2、选择Font class后,复制生成的代码3、在浏览器网址中打开这段css代码4、复制代码,直接粘贴到app.wxss中5、最后就可以直接在所需要的页面中使用了<text class='iconfont icon-iconfontplatformentranc'></text>...
uniapp项目开发踩坑篇 uniapp项目开发踩坑篇因为是第一次尝试使用uniapp开发app,对个平台兼容性不是很清楚,所以在开发过程中遇到了不少问题,特地来总结一下存储机制uni-app的localStorage在不同端的实现不同H5端为localStorage,浏览器限制5M大小,是缓存概念,可能会被清理app端为原生的plus.storage,无限制大小,不是缓存,是持久性的各个小程序端为其自带的storage api,数据存储生命周期跟小程序本身一致,即除用户主动删除或超过一定时间被自动清理,否则数据都一直可
vue项目中引出的问题【一】 表单验证给el-form 添加属性:rules='formLoginRules',formLoginRules则是验证规则在data中定义formLoginRules的规则export default { data() { return { loginForm: { username: "", password: "" }, // 定义验证规则列表 loginFormRules: { usern
看!Vue CLI(脚手架)来了 Vue CLI(脚手架)Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统安装npm install -g @vue/cli使用vue -V查看版本,确认是否安装成功创建项目vue create 项目名选择版本及配置我们选择第三个自定义版本选择需要的特性以上选择的分别是选择Vue的版本js高级语法转换Router路由选择版本这里选择的是 vue 2路由这里选择的是no配置文件选择YES是否保存记录选择NO打开项目 cd hell
webpck与vue的相关知识 什么是模块化传统开发模式的主要问题命名冲突文件依赖模块化:就是将单独的功能封装到一个模块(文件)中,模块之间相互隔离,可以通过特定的接口公开内部成员,模块也可以依赖于其他模块好处:方便代码重用,提升开发效率,并且方便后期维护ES6模块化主要使用场景是在Node中node之前的模块化规范主要是commonJs,从13.2版本之后,开始支持ES6模块化修改type属性首先创建a.jsvar a = 10var f1 = ()=>{ console.log(20)}
对于Vue路由你知道多少 路由再讲Vue路由之前先简单概括一下路由的概念后端路由:URL地址与服务器资源的匹配关系前端路由:根据不同的用户事件,显示不同的页面内容,主要用于实现SPA(单页面应用)Hash方法定义路由首先让我们通过一个简单的案例来了解路由首先定义三个锚点来对应响应的页面<div id="app"> <ul> <li><a href="#/pageA">页面一</a></li> <
Vue组件的相关说明 一、定义组件首先创建一个Vue的实例Vue.component('el-div',{ template:"<div>我是自定义组件</div>"})然后我们就可以再页面中使用这个组件了<div id="app"> <el-div></el-div></div>结果:1、组件名的大小写定义组件名的方式有两种:使用连字符Vue.component('my-component-name',{...}
Vue中必掌握的知识 Vue入门基础一、什么是vue二、与原生JS的区别三、数据绑定1、内容绑定2、属性绑定3、表单标签的值四、事件处理五、列表渲染六、条件渲染七、Class与Style绑定八、计算属性九、侦听器一、什么是vuevue是一套用于构建用户页面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。二、与原生JS的区别
Git学习笔记 在讲git之前先来讲一下什么是版本控制版本控制是指对软件开发过程中各种程序代码、说明文件等文档的变更进行管理。它将追踪文件变化,记录文件的变更时间、变更内容、甚至变更执行人进行记录,同时对每个阶段性变更添加版本编号,方便将来进行查阅特定阶段的变更信息,甚至是回滚Git是什么Git 是一个开源的分布式版本控制系统,用于敏捷高效地处理任何或小或大的项目。首先我们需要了解两个概念状态、区域状态状态分为四种已修改(modified)已暂停(staged)已提交(committed)为追踪(Un
Node.js学习历程【五】之 Express模块 一、Express是什么基于Node.js Web的开发框架安装初始化项目生成版本库npm init -y安装项目依赖模块npm install express --save搭建后端服务引入express模块调用express方法生成express实例对象设置路由监听端口号const express = require('require')const app = express()app.get('/',(req,res)=>{ res.send('首页')