现在的网页设计中，浮动导航菜单被广泛应用了，通过它，可以可以快速移动到菜单，Smint 就是这样一个简单的 jQuery 插件，可以将导航菜单浮动在页面的顶部，点击菜单快速滚动到达页面的位置，并且能够设置滚动的速度。
1、最外层 由nav并且引用 navbar navbar-default 两个类选择器来组成的
Bootstrap学习有两个重点，一个是概念的理解，理解bootstrap是如何通过div来代替过去的table布局的；一个是常用结构的熟悉，做到需要的组件及时能找到，组合一下就可以满足需求。学习后的
基础引入方案（通用） 新建 [Blogroot]\themes\butterfly\source\js\floatpanel.js, var ANGLE = 45; //控制浮动角度，数值越大，浮动幅度越大。 var panel= document.getElementsByClassName('wowpanels'); for(var i = 0;i<panel.length;i++){ floatable(panel[i]); } function floatable (content) {
Jekyll 与 Hexo 不同之处有很多，其中一处是在文章页面中不支持原生 [TOC] Markdown 语法来自动生成目录。而在 Hexo 中，即使主题不支持侧边悬浮的优化目录导航，也可以通过最简单的方式在文章的开始位置生成目录。虽然这种目录永远固定在文章开始的地方，但是总算是能够通过大小标题来给读者一个大概的思路。
（4）如果使用读屏器，设置为display:none的内容不会被读取，设置为visibility:hidden的内容会被读取。
（1）block： 会独占一行，多个元素会另起一行，可以设置width、height、margin和padding属性；
第一章 一、内联块 display: inline-block; 1、特征： 1.1 块级元素在一行显示 （得到内联元素的属性） 1.2 内联元素支持宽高 （得到块的属性） 1.3 没有宽度的时候，内容撑开宽度 （得到内联元
CSS 提供了 3 种机制来设置盒子的摆放位置，分别是普通流（标准流）、浮动和定位，其中：
1.CSS12栅格系统：以规则的网格阵列来指导和规范网页中的版面布已有以及信息分布
之前一直用的 wp-super-cache，效果确实非常不错！网络不出问题的话，页面基本秒开。可惜，这款插件有时候会缓存我的手机主题，导致在电脑上浏览时，呈现的也是手机样式，有点不爽！本想尝试 JS 来切换主题的，可惜博主太笨，没搞定！只好忍痛割爱，放弃了 wp-super-cache。 最终，在将常见的缓存插件都测试了一遍之后，找到了本文的主角——>静态缓存插件三件套： Hyper Cache + DB Cache Reloaded Fix+ Autoptimize 经博主测试之后，三款插件同时启用后效果
这套工具集中的大部分你可能见过，也可能没见过，如果有哪个/些让你眼前一亮，那么我的分享就很值了。 这个列表包含许多种类的资源，所以这里我将它们分组整理。 Javascript 库 Particles.js — 一个用来在 web 中创建炫酷的浮动粒子的库 Three.js — 一个用来在 web 中创建 3d 物体和 3d 空间的库 Fullpage.js— 快速实现全屏滚动特性 Typed.js — 打字机效果 Waypoints.js — 滚动到某个元素位置时触发一个功能 Highlight.js
写在前面 首先说明 不是水文，我只是希望通过面试题的形式给你们看一些看似比较牛逼的概念，其实很简单的东西，我最近在写vue3的项目，所以等我写好之后我再更新vue3的教程，虽然早就想更新了，但是一直不是没有一个拿得出收的v3项目嘛，我也很着急的嘛，写完之后我就更新v3+vite+antdv的文章。 Vue中的组件和插件有什么区别 定义不同： vue中组件是指.vue结尾的文件，一个合格的组件具备相对单一的功能，具有复用性强，耦合度低的特点，名字叫做components， vue中的插件是指用来扩展
2020年，是个不平凡的一年，因为疫情的蔓延打乱了我的全盘计划。但在工作中，完成了目标项目、攻克了技术难关、学习了新的技术，也感谢平台！
接触CSS是05年.使用xhtml+css开发是06年.但真正全面采用xhtml+css开发却是08年开始的.因为居于三线城市,比一线程序的前驱者还是晚了一些.
此项目为公司的公众号管理系统，承载了公司每个部门的业务，需求多，开发周期长，技术可圈可点之处较多，特此记录与大家分享!
大家好，又见面了，我是你们的朋友全栈君。1. YUI3总体认识 1.1 面向对象的JS编程，RIA工具： 面向对象的JS编程，主要体现的以下几个方面： 1． 继承 JS有三种继承方式：javascript中继承一般分为三种方式： ”类式继承”，”原型继承”,”掺元类” 2． 封装： JS的Function自身就实现了对变量的封装，局部变量等。Object对性的属性也可以实现一定的封装效果 3． 接口和抽象类 YUI3 oop的argument（）可以实现类似的功能 4． 模块之间的引用，即代码复用 YUI3的沙箱模型，可以使JS模块化，在Y.use中引入，可以实现代买复用 1.2 重量级框架，oop思想 YUI3中的oop模块就是面型对象编程的重要体现 1.3 YUI3 API使用 点击YUI3 的web site后能看到他的详细结构： 学习他的ＡＰＩ就应该从这个开始： 第一列就是一些帮助文件信息，还有一些辅助开发工具，我用过的也就是Ｃｏｎｓｏｌｅ了，但是它是不能单独使用的，必须引入ＹＵＩ３的默认ＣＳＳ文件才可以使用。剩下的两个就没有使用过。
一直都想给自己的博客添加一个浮动的目录，在网上也找也几个，从易用性方面都不是太理想，所以今天才有了想法自己去写一个插件 。
在Javascript中，this指向函数执行时的当前对象。在执行foo的时候，执行环境就是doFoo函数，执行环境为全局。所以，foo中的this是指向window的，所以会打印出2。
这是第 2 章的内容，概要性地讲解基于bookdown拓展包进行图书排版的整体思路与实现方式.
pc端和移动端的UI组件库有非常多，但是小程序适合uniapp的比较好用的UI组件库就没那么多了，大家常用的也就vant了，而今天小师妹就给大家介绍一个基于 uni-app 开发、免费可商用的微信小程序UI框架
2020年，是个不平凡的一年，因为疫情的蔓延打乱了我的全盘计划。但是这也让我和云+社区一起共同努力，在工作中，完成了目标项目、攻克了技术难关、学习了新的技术，也感谢腾讯云+社区的平台！
相信上面两张图片上的输入框里有提示信息这功能大家都见过，有的人应该也自己动手做过。
其实关于主题家这个模板我之前一直在打算找一款插件，可以自动调整右侧的跟随效果，但是苦于没有思路一直没整，前几天网友又反映到这个问题了，于是重新整理查找资料，我记得之前写过一篇“zblogphp侧栏跟随代码教程，看了就会。”的博文，但是这个仅仅针对右侧某个栏目跟随，而且不能判断整体。所以在网上找相关功能，整理之后代码如下：
如果overflow-x、overflow-y的值相同，则等同于overflow设置了这个值。
encodeURIComponent() 函数可把字符串作为 URI 组件进行编码。
入职实习的这个公司，第一天就分配了任务。从零開始写一个网页。之前尽管了解一些前端知识。但从头开写还是遇到了非常多问题，互联网公司讲求效率，有deadline还是比較有紧迫感的，与在实验室放羊状态有了鲜明的对照。mentor、产品经理、组里的boss、实习生同事都给我提供了非常多的帮助。此篇总结为独立完毕的第一个项目的项目总结。
一般非基础类型进行转换时会先调用 valueOf，如果 valueOf 无法返回基本类型值，就会调用 toString
1.对象简介 此次介绍的对象是Visual Studio Code。什么是Visual Studio Code呢？ Visual Studio Code是一个轻量级但功能强大的源代码编辑器运行在你的桌面和可用于Windows，MacOS和Linux。它配备了JavaScript的内置支持，TypeScript和Node.js有一个丰富的生态系统，对其他语言的扩展（如C++，C #，java，Python，PHP，GO）和运行时。 同类型的编辑器还要sublime text,atom,vim等，那它有什
fzf 是一个非常高效实用且美观的命令行工具，并且配置有对应的 vim 插件 fzf.vim, 相信很多人都用过。这里就不在赘述，如果你还没有用过，很推荐一试。
采用浮动，绿色块左浮，蓝色块右浮，利用浮动特性实现宽度超出另一行显示的效果，并是动态的。
particles.js用来在 web 中创建炫酷的浮动粒子特效。它调用的粒子动画效果，让网页背景更有科技感。颜色还可以任意切换哦。
1.Firefox 的查看页面源代码功能，可以一眼发现未闭合的标签、未转义的HTML字符，另一种办法，提交页面代码到 http://validator.w3.org/ 来验证HTML、CSS。因为未闭合的标签比如div会造成排版混乱，面试要求上也时常可以看见能够书写符合W3C标准的代码。
最近朋友内推面试了几家公司（货拉拉、虾皮、有赞、乐信、Qtrade苹果树、富途、涂鸦、OPPO、微保、微众、元戎启行），也收获了满意的offer。整理了下面试遇到的问题，作为记录。
HTML5学堂：如何优化前端页面 / 如何优化网页。作为前端开发人员来说，不但要开发出能兼容各大主流浏览器的页面，而且还需要懂得去优化前端页面。本文主要给大家讲解如何去优化页面。 1 前期准备 1.1 首页命名为index.html / index.htm / index.php等。 1.2 需要制作404页面。 1.3 文件夹结构合理。 1.4 命名使用英文且有语义性的单词，并提供参考文档。 2 结构 2.1 文件头部分 2.1.1 需要提供文档声明 2.1.2 设置utf-8的编码格式，并放置于titl
<form></form>表单是可以把浏览者输入的数据传送到服务器端，这样服务器端程序就可以处理表单传过来的数据。
02
本文来自作者@几米阳光 投稿 原文链接：https://juejin.cn/post/6991724298197008421
css引入伪类和伪元素概念是为了格式化文档树以外的信息。伪类和伪元素是用来修饰不在文档树中的部分。
家乡旅游景点网页作业制作 网页代码运用了DIV盒子的使用方法，如盒子的嵌套、浮动、margin、border、background等属性的使用，外部大盒子设定居中，内部左中右布局，下方横向浮动排列，大学学习的前端知识点和布局方式都有运用，CSS的代码量也很足、很细致，使用hover来完成过渡效果、鼠标滑过效果等，使用表格、表单补充模块，为方便新手学习页面中没有使用js有需要的可以自行添加。 ❤ 【作者主页——🔥获取更多优质
相信很多招聘要求上都会写明需要3-5年经验才可以达到架构师要求，并且针对其中一些必要的技术储备大家已经能够耳熟能详，那究竟为什么需要这么久时间，以及具体每项技能需要掌握到什么程度才可以担当这个角色呢？
我们在上面《页面分类》的项目中，对 tap 事件的处理使用的是 touch 事件处理的，因为如果使用 click 事件的话，总会有延时。
以下列举的，都是 JS 前端开发中最为常见的问题。知悉这些问题，不懂编程也能冒充前端大牛了。
在这里我会从 Web 前端零基础开始，一步步学习 Web 相关的知识点，期间也会分享一些好玩的项目。现在就让我们一起进入 Web 前端学习的冒险之旅吧！
display:none使用后，元素的宽度，高度都会丢失，视为不存在不加载；元素原来占据的空间位置不保留；产生回流和重绘；
不知不觉打卡群已经坚持一个多月啦，希望能持续更长的时间，帮助更多的朋友提高前端水平。接下来赶快进入正题，总结一下第五周的打卡笔记。
现在有flex布局等新技术，bfc的效果比如包住元素，进行自适应布局等已经不需要了。现在只有免式的事后才需要知道BFC！
缓存：ETag Expire Last-Modified 三者合用，Expire 可以让浏览器完全不发起 Http 请求，若 F5 发起请求，也可以通过判断 ETag（对应浏览器字段 If-None-Match） 和 Last-Modified （对应浏览器字段 If-Modified-Since）字段是否需要更新资源还是使用 304(Not Modified) 的本地资源；
这里总结一下 WEB 前端面试的常见问题，同时这些问题也是对一些基础的技术概念和思想的理解。对这些基本知识的掌握程度和深度决定了你的技术层级。高级工程师是必须掌握本文列出的这些知识的，资深工程师则要对这些基本概念的纵向深度进行挖掘（作者：YHSPY）。
伪元素 伪元素能做什么？我们要他有何用？它能为我们解决什么问题？和其他的方法相比她有什么有点？我们为什么要使用它？ 伪元素和伪类一样，添加到选择器，但是不是描述状态，他允许我们为元素某些部分设置样式；
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
