前端
关注
分享
扫一扫
文章平均质量分 53
谢去非
我挂过的面试，比你面过的公司还要多！
展开
-
知识点拾遗：重绘和回流
重绘和回流重绘回流减少重绘和回流重绘定义：由于节点的几何属性发生改变或者样式发生改变而不会影响布局，称为重绘。渲染树的回流结束后，根据每个节点的属性样式等进行页面的渲染，这个过程称为重绘。重绘不一定回流。回流定义：回流是布局或者几何属性需要改变就称为回流。当渲染树生成之后，需要根据视口大小来计算页面元素的位置及大小，于是从渲染树的根节点开始遍历，这个过程称为回流。DOM树是渲染树的组成之一，DOM树结构的变化，势必会引起，渲染树对页面的重新渲染。所以回流必引发重绘。一个元素的回流可能会导致了原创 2021-08-04 10:21:31 · 135 阅读 · 0 评论 -
leetcode 5. 最长回文子串（JavaScript实现）
leetcode 5. 最长回文子串题目要求代码题目要求给定一个字符串 s，找到 s 中最长的回文子串。你可以假设 s 的最大长度为 1000。示例 1：输入: “babad”输出: “bab”注意: “aba” 也是一个有效答案。示例 2：输入: “cbbd”输出: “bb”代码var longestPalindrome = function(s) { if (s.length < 2) { return s; } let start = 0;原创 2020-09-07 22:13:20 · 195 阅读 · 0 评论 -
Task function must be specified问题解决
Task function must be specified问题解决gulpfile.js内容问题原因问题解决gulpfile.js内容#错误显示 问题原因gulp 4.0 加入了 gulp.series 和 gulp.parallel 来实现任务的串行化和并行化。问题解决原创 2020-09-07 16:01:59 · 1429 阅读 · 0 评论 -
The following tasks did not complete: first问题解决
The following tasks did not complete: first问题解决gulpfile.js文件执行后添加后gulpfile.js文件执行后问题原因：gulp 4.0 的任务函数中，如果任务是同步的，需要使用 done 回调。这样做是为了让 gulp 知道你的任务何时完成。添加后...原创 2020-09-07 15:54:08 · 1320 阅读 · 5 评论 -
css实现盒子的水平垂直居中的三种方法
css实现盒子的水平垂直居中的两种方法方法一方法二方法三方法一1.当使用position定位，margin-top、margin-left水平垂直居中时，先利用top:50%、left:50%将子盒子的左上角定位到父盒子的正中，然后使用margin-top:50%;margin-left:50%,完成。//HTML、css<style> /* * { padding: 0; margin: 0; } *//*去掉所有元素内外边距原创 2020-08-31 14:22:43 · 590 阅读 · 0 评论 -
前端算法 680. 验证回文字符串（JavaScript实现）
680. 验证回文字符串题目描述代码题目描述给定一个非空字符串 s，最多删除一个字符。判断是否能成为回文字符串。示例 1:输入: "aba"输出: True示例 2:输入: "abca"输出: True解释: 你可以删除c字符。 代码// 验证回文字符串var validPalindrome = function(s) { let l = 0 ,r = s.length - 1 ; while( l < r){ if( s[l] != s[r]){原创 2020-08-28 22:04:01 · 215 阅读 · 0 评论 -
jQuery留言板小案例
Swiper插件网址https://www.swiper.com.cnhttps://www.swiper.com.cn原创 2020-08-05 13:17:21 · 3499 阅读 · 1 评论 -
JavaScript——鼠标拖拽登录框
JavaScript——鼠标拖拽登录框看效果上代码看效果1.点击“点击，弹出登录框”。2.点击“关闭”，关闭登录框3.在title处，可按住拖拽上代码下面展示一些 内联代码片。// html<div class="login-header"><a id="link" href="javascript:;">点击，弹出登录框</a></div><div id="login" class="login"> <div原创 2020-06-19 15:43:54 · 262 阅读 · 0 评论 -
JavaScript——控制发送消息频率（发送倒计时）
JavaScript——控制发送消息频率（发送倒计时）看效果上代码看效果上代码下面展示一些 内联代码片。// html<input type="text" ><button>发送</button>// javascript<script> var btn = document.querySelector("button"); btn.addEventListener("click",function (原创 2020-06-17 22:39:01 · 527 阅读 · 0 评论 -
用javaScript实现倒计时案例
用javaScript实现倒计时案例先看效果上代码先看效果上代码下面展示一些 内联代码片。// html<div> <span class="hour">1</span> <span class="minute">2</span> <span class="second">3</span></div>// css<style> div {原创 2020-06-16 19:13:31 · 300 阅读 · 0 评论 -
简单留言板新留言置顶
简单留言板新留言置顶#看效果##可见后发布的留言是置顶的。#上代码：//<body> <textarea name="" id=""></textarea> <button>发布</button> <ul> </ul>// <script> var text = document.querySelector("textarea"); var原创 2020-06-12 23:00:44 · 482 阅读 · 0 评论