有一种文档格式叫Markdown，有一种情怀叫简单就是美！
Markdown是什么东东，为什么要用？
2024年09月21日
是一款基于 Vue为未来而构建的在线 Markdown 编辑器；轻量且强大：内置粘贴 HTML 自动转换为 Markdown，支持流程图、甘特图、时序图、任务列表，可导出携带样式的图片、PDF、微信公众号特制的 HTML 等等。
什么是 Markdown
Markdown 是一种方便记忆、书写的纯文本标记语言，用户可以使用这些标记符号，以最小的输入代价，生成极富表现力的文档：譬如您正在阅读的这份文档。它使用简单的符号标记不同的标题，分割不同的段落，
2024年09月21日
事件就是用户或浏览器自身执行的某种动作.事件可能是用户在某些内容上的点击、鼠标经过某个特定元素或按下键盘上的某些按键。事件还可能是 Web 浏览器中发生的事情，比如说某个 Web 页面加载完成，或者是用户滚动窗口或改变窗口大小。
2024年09月21日
作者：Peter 谭金杰
转发链接：https://mp.weixin.qq.com/s/922kgv0PlDIpoPxwAkO9uA
手写框架体系文章，缺手写vue和微前端框架文章，今日补上微前端框架，觉得写得不错，记得点个关注+点赞，转发更好
2024年09月21日
先让我们看看如下这个web应用示例：
<html>
<meta http?equiv="Content?Security?Policy"
content="script?src 'nonce?...' 'unsafe?eval'">
<div id="template_target"></div>
<script type="application/template" id="template">
Hello World! 1 + 1 = {{ 1 + 1 }}
</script>
Your search is <?php echo $_GET['q']; ?>
<script nonce="...">
let template = document.getElementById('template');
template_target.innerHTML = template.innerText.replace(/{{(.?)}}/g,eval)
</script>
</html>
2024年09月21日
主要分两种方式。第一种是用户登录后，系统获取其权限信息，然后根据这些权限筛选出用户可以访问的路由，并使用addRoutes动态添加这些路由。在这个过程中，router.beforeEach()方法被用来进行路由守卫。另一种方式是在初始化时挂载全部路由，并在每个路由上标记出访问该路由所需的权限。在用户尝试进行路由跳转（在beforeRouteLeave之前）时，系统会验证用户是否拥有该权限。
2024年09月21日
公司最近一个需求 需要通过变量实现复制。
window.copyText = item => {//挂载到全局
var textArea = document.createElement('textArea');
textArea.innerHTML = item;
textArea.value = item;
document.body.appendChild(textArea);
textArea.select();
try{
if(document.execCommand("Copy")){
alert(`${item} 复制成功！`)
}else{
alert('复制失败！请手动复制！')
}
}
catch(err){
alert('复制错误！请手动复制！')
}
document.body.removeChild(textArea);
}2024年09月21日
Anime.js是一个轻量级的JavaScript动画库，具有简单但功能强大的API。它与CSS属性，SVG，DOM属性和JavaScript对象一起使用。
在Github上已收获近35k的star数，可见其非常受广大使用者的热爱！
2024年09月21日
我们知道，无论是现在的开发框架（底层还是操作DOM）还是传统的开发都离不开DOM的操作，所以了解和学习DOM是必须的，也是成为一个全面的前端开发的必备知识和内容，那接下来我们就来看下什么是DOM，DOM的全称文档对象模型，DOM的本质就是让我们通过JS来对页面的元素进行操作的一套浏览器提供的API，它的实现方式是将页面所有的内容表示为可以修改的对象，下面就是我们比较常见的几个元素在DOM中的对应关系：
2024年09月21日
非表单元素是指内容标签，如<image>、<a>等
对象属性基本和标签属性相同，如href、title、id、src
但其中注意标签的class属性对应为className
注：
1 this的几种情况
情况 含义 普通函数中的this window 构造函数中的this 当前构造函数创建的对象 方法中的this 方法所属的对象 事件处理函数中的this 调用该事件的元素