qs-cnblogs

摘要： [TOC] 一、Nginx 安装 更新软件源 安装 Nginx 配置 Nginx 1.安装 sysv rc con 若未报错即安装成功，若出现以下报错 E: Unable to locate package sysv rc conf 打开软件源列表 sources.list 文件 按 i 进入ins 阅读全文

摘要： [TOC] 本文采取逐步深入的方式讲解原生JS封装运动函数的过程， 封装结果适用于元素大部分属性的运动， 运动方式将根据需求持续更新，目前主要支持常用的两种：匀速运动和缓冲运动。 阶段一、仅适用单位带px属性的匀速运动 效果图： 封装思路： 1. 传入需要运动的属性 、运动的目标值 、运动速度 ； 阅读全文

摘要： 本文通过拖拽案例，实现“跟随鼠标、边界限定、轨迹回放”三大效果； 完整代码中有详尽注释，故不再进行细致讲解； 对于案例中需要注意的重点或易错点问题，会总结在最后。 效果图（仅演示左、上边界限定） 完整代码 注意点 1、鼠标拖拽过程中的盒子位置需要通过 获取，即 ， 否则盒子会出现在鼠标的右下方。 2 阅读全文

摘要： 本文使用原生JS实现站点 "http://www.todolist.cn/" 的基本功能。 其中页面的HTML布局和CSS样式取用原站，JS部分为自己编写。 效果图 完整代码 HTML、JS部分 CSS部分 注意点 案例封装了两个功能函数（可以在其他项目中复用）： 1. 创建元素函数。该函数以 的形 阅读全文

摘要： 本文将从需求实现的角度，逐步讲解如何在页面上实现倒计时效果，其中部分涉及到的知识会做拓展讲解，最后将所有代码封装，适用于不同情况下倒计时功能的实现。 效果图 一、分析需求 要实现倒计时效果，可拆解为以下三个部分进而逐个击破： 1、 使用Date方法计算对应倒计时的数据并返回 2、 利用DOM操作将得 阅读全文

摘要： 一、递归函数的理解 1、生活中的递归 “递归”在生活中的一个典例就是“问路”。如图小哥哥进入电影院后找不到自己的座位，问身边的小姐姐“这是第几排”，小姐姐也不清楚便依次向前询问，问至第一排的观众后依次向后反馈结果，“我是第一排”，“我是第二排”，···，最终确定自己座位所在排数。 在这个过程中充分反 阅读全文

摘要： 一、BFC是什么？ 官方定义 BFC（Block Formatting Context，块格式化上下文） 是Web页面的可视化CSS渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域。 详见 "MDN" 看不明白？那就对了！ 官方解释若不搞得抽象难懂些，怎能显出高大上？！（ 阅读全文