随笔分类 - STUDY OF FRONT-END
study, summary
摘要:body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padd
阅读全文
摘要:String 类型提供了很多方法,用于辅助完成对ECMAScript 中字符串的解析和操作。 1、字符方法 1)charAt() 2)charCodeAt() 3)方括号+数字 <script> //charAt() 输出索引号对应的单个字符 //charCodeAt() 输出索引号对应的单个字符的
阅读全文
摘要:在做移动端底部导航时,鼠标双击各个选项会报如下错误,但是单击时不会出现任何问题。 出现这个bug的原因就是vue-router版本问题,vue-router 3.0版本以上的回调形式是promise api的形式,返回的是一个promise,如果没有捕获到错误,控制台始终会出现上图的警告; 解决方法
阅读全文
摘要:1、下载“A File Icon”插件 github地址:https://github.com/SublimeText/AFileIcon 方法:git clone https://github.com/SublimeText/AFileIcon 下载到本地计算机 2、将下载完成的插件复制到Subl
阅读全文
摘要:Swiper插件可用于PC端和移动端;是开源、免费、强大的触摸滑动插件。下面主要介绍其基本用法: 1.首先加载插件,需要用到的文件有swiper.min.js和swiper.min.css文件(可以在官网下载、CDN或者npm、yarn安装等) 1 <!DOCTYPE html> 2 <html l
阅读全文
摘要:Uncaught TypeError: (intermediate value) is not a function. 出现这种bug的原因:在你的代码中,同时定义了变量、匿名函数或者闭包函数,并且该变量定义在了这两类函数之前,如果变量后面省略了分号,js就会自动解析为匿名函数进行自调,会被认为是变
阅读全文
摘要:ES6 模块与 CommonJS 模块存在以下差异: 1、CommonJS 模块输出的是一个值的拷贝,ES6 模块输出的是值的引用 CommonJS 模块输出的是值的拷贝,也就是说,一旦输出一个值,模块内部的变化就影响不到这个值。 ES6 Modules 的运行机制与 CommonJS 不一样。JS
阅读全文
摘要:前言 在项目开发过程中,引入模块有时使用require(),有时使用import…from..,导出模块有时用export或export default,一直会这么使用,但是没有太在意区别,以及它们分别遵循的是哪个模块规范。接下来就直接介绍几种模块的使用。 具体内容 一、模块概念介绍 模块通常是指编
阅读全文
摘要:前言 之前在面试中被问到过这个问题,今天回想起来,就进行了总结,并且展示了具体的代码实现,希望对大家有所帮助! 具体内容 下面列举了几种常用的实现方法: 1、使用"绝对地位" + "margin-left/margin-top"方式来实现 具体代码如下: 1 <!DOCTYPE html> 2 <h
阅读全文
摘要:前言 最近在学习使用Markdown语法,尝试使用了"MarkdownEditor"、"Sublime Text3"、"VSCode"这三种编辑器来学习,其中MarkdownEditor直接下载安装就能使用,因为它就是一种Markdown的编辑器;而在Sublime Text3中使用markdown
阅读全文
摘要:前言 当我们想要在Sublime文本编辑器中编辑markdown时,需要先安装markdown插件,因为Sublime里默认没有安装该插件,同时在编辑markdown文本时可以实时预览编辑效果。 具体内容 一、安装插件 安装准备: 打开Sublime Text3,点击菜单栏"Preferences"
阅读全文
摘要:1、新添加的标签——语义化标签 为了服务于SEO,即搜索引擎优化,一个网站的排名高低,取决于SEO做的好坏。 (1)<header>标签 头部可以包含:nav(导航栏,对于SEO非常重要)、banner(轮播图)、logo(网站标志)、login(登录注册) (2)<footer>标签 页脚/脚注:
阅读全文
摘要:1、DOMContentLoaded事件 2、延迟脚本 defer 3、异步脚本async 4、【找最长单词】—— 找出句子中最长的单词,并返回它的长度。 5、数组slice()、splice() slice(index,index) splice(index,num) 当slice()和splic
阅读全文
摘要:算法题目1:Seek and Destroy(摧毁数组) 金克斯的迫击炮! 实现一个摧毁(destroyer)函数,第一个参数是待摧毁的数组,其余的参数是待摧毁的值。 帮助资源: Arguments object Array.filter() 测试用例: Arguments object Array
阅读全文
摘要:
阅读全文
摘要:Animate.css是一款强大的CSS3动画库 官网地址:https://daneden.github.io/animate.css/ 使用方法如下所示: (1)下载animate.css 下载地址:https://raw.githubusercontent.com/daneden/animate
阅读全文
摘要:转载自GitHub地址:https://github.com/Stevenzwzhai/plugs/blob/master/fuzzySearch/main.js
阅读全文
摘要:解决外边距塌陷的几种方法 方法1: 方法2:
阅读全文
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>文件上传</title> <style> #box{ width: 400px; height: 400px; border: 1px solid #ccc;
阅读全文