Bootstrap从入门到精通（全）
目录前言1. 下载安装2. 布局容器和栅格网格系统2.1 布局容器2.2 栅格网格系统3. 常用样式前言在了解这篇文章的时候需要提前知道这些知识点可看我之前的文章html从入门到精通（全）css属性从入门到精通（全）JavaScript从入门到精通（全）这篇文章的学习主要通过2021最新完整版Boo
JavaScript基础大总结
✍初始JavaScirptJavaScript 是世界上最流行的语言之一，是一种运行在客户端的脚本语言 （Script 是脚本的意思）脚本语言：不需要编译，运行过程中由 js 解释器( js 引擎）逐行来进行解释并执行现在也可以基于 Node.js 技术进行服务器端编程????浏览器执行JS简介浏览
【网络安全篇】--HTML基础（预计学习时间：30分钟）从此以后不迷糊~
HTML基础大全
React性能优化SCU | PureComponent | memo
并且当我点了一次修改文本按钮时, state中的message已经变成了"你好啊", 当我再次点击修改文本按钮时, state中的message依然是"你好啊", 并没有发生变化, 但是App组件的render函数依然会重新执行, 并且它的子组件Home和About中的render函数也会重新执行。
React Hook - 自定义Hook的基本使用和案例练习
自定义Hook本质上只是一种函数代码逻辑的抽取，严格意义上来说，它本身并不算React的特性。例如有这样一个需求: 所有的组件在创建和销毁时都进行打印组件被创建: 打印组件被创建了;组件被销毁: 打印组件被销毁了;如果每个组件我们都单独编写是非常繁琐的, 并且有许多重复代码;我们可以将实现这样逻辑相
Promise难懂？一篇文章让你轻松驾驭
前端js学习中，让大家最难受的就是异步的问题，解决异步、回调地狱等问题时你必须得学会promise，对于多数前端程序员来说promise简直就是噩梦，本篇文章就是从通俗易懂的角度做为切入点，帮助大家轻松掌握promise。
最新zotero与obsidian笔记联动教程（可代替citations和mdnotes）
网上有很多关于zotero与obsidian联动的教程，大都使用better bibtex和citations进行联动，但在将笔记导入obsidian后在zotero中更新数据之后需要重新导入，经过一天折腾终于找到一个最新的插件可完全代替citations。（本文适用于习惯使用markdown做笔记
如何用html制作一个简单的网页
如何用html制作一个简单的网页
Vue--》搭配Bootstrap实现Vue的列表增删功能
在日常开发中，我们可以用 “拿来主义” 借助Bootstarp现成的一些样式，快速生成我们想要的页面布局，避免书写大量的HTML和CSS代码，省下了许多不必要的时间。当我们想要生成表单表格时我们可以查看Bootstrap的官方文档，来选择我们想要的样式，并根据自己的一些实际情况或者个人喜好进行一定的
VUE搭建云音乐播放器（App版本）
本项目使用vue2+vue-cli实现了一个简易的网易云音乐(App版本)，实现了歌曲的首页推荐展示，歌曲的搜索，评论的展示以及歌曲的播放四个主要功能模块，主要用来练手，效果如下图所示：
React的高阶组件详解
什么是高阶组件呢?在认识高阶组价之前, 我们先来回顾一下什么是高阶函数?相信很多同学都知道(听说过?)，也用过高阶函数高阶组件和高阶函数它们非常相似的接受一个或多个函数作为参数;返回一个新的函数;JavaScript中比较常见的filter、map、reduce都是高阶函数。那么什么是高阶组件呢?高
【JavaScript】手撕前端面试题：对象参数浅拷贝 | 简易深拷贝 | 完整深拷贝
带你手撕前端面试题：浅拷贝 | 简易深拷贝 | 完整深拷贝。基础不牢，地动山摇！快来巩固基础、强化知识、冲击大厂吧！
React中使用Redux (二) - 通过react-redux库连接React和Redux
store中的状态可能是非常多的, 而connect函数的参数的作用是, 要将store中的哪些数据或者方法映射过去, 我们就可以根据自己的需求, 决定映射过去哪些数据, 而不是直接将整个store映射过去(: 参数二也是接收一个参数fn2, 要求fn2也是返回一个对象, 对象中的属性同样会映射到p
Vue项目中Pinia状态管理工具的使用
官网介绍说：Pinia 是 Vue 的存储库，它允许您跨组件/页面共享状态。的方式是经过优化的，会加快修改速度，对程序的性能有很大的好处。虽然可以直接修改，但是出于代码结构来说， 全局的状态管理还是不要直接在各个组件处随意修改状态，应放于。方法的第二个参数：配置对象，放置state，getters，
解决Chrome 的右键谷歌网页翻译失效
9月30日发现 Chrome 的右键网页翻译突然失效了，遇到其他语言的网站，Chrome 右键的网页翻译真乃神器。原理十分简单，就是获取谷歌翻译国内的地址，然后将该地址加入系统的 hosts 文件中。原来，Google 发言人称因“使用率太低”谷歌翻译服务已正式退出中国。在批处理文件上点击右键，在弹
前端vue经典面试题78道（重点详细简洁）
1.自我介绍2分钟，200-300个字，主旨自己基本情况，工作经历，优点，兴趣爱好，职业规划，邀约2.vue面试题1.v-show和v-if区别的区别：v-show通过css display控制显示和隐藏，v-if组件真正的渲染和销毁，而不是显示和隐藏，频繁切换状态使用v-show 否则v-if2.
2022最新前端vue面试题
一.自我介绍(我是谁 来自哪里,今天来的目的,面试的岗位是什么,几年的工作经验,掌握的技术栈有哪些,开发过什么项目,项目中负责的板块是什么)面试官您好!我叫XXX,来自XXX,很荣幸能来我们公司面试,我从事前端开发有3年了,目前掌握的技术有html,css,js,ajax,vue,小程序,参与过各种
React的受控组件和非受控组件介绍
select标签的使用也非常简单，只是它不需要通过selected属性来控制哪一个被选中，它可以匹配state的value来选中。这个处理方式是DOM默认处理HTML表单的行为，在用户点击提交时会提交到某个服务器中，并且刷新页面;但是通常情况下会使用JavaScript函数来方便的处理表单提交，同时
React中过渡动画的编写方式
在开发中，我们想要给一个组件的显示和消失添加某种过渡动画，可以很好的增加用户体验。当然，我们可以通过原生的CSS来实现这些过渡动画，但是React社区为我们提供了react-transition-group用来完成过渡动画。React曾为开发者提供过动画插件 react-addons-css-tra
Vue的组件化编程
Vue组件化
