说到选择器，大家可能会想到层叠样式表。在css中，选择器可以获取元素，为其添加css样式；但zepto框架与css选择器相比，它更加强大，因为zepto选择器为元素添加的是行为，行为的添加使得页面的交互更加丰富多彩。今天就来介绍一下zepto的常用选择器——层次选择器、属性选择器。
不得不说，jq是写代码是替代js的一种超级棒的选择。对于刚入门的小白都知道，一般学前端，都要用js写tab切换，大图滚动之类的效果，同样的效果，js大概20-40行不等。jq只需要10行左右。你还在犹豫吗？赶紧学起来！ 先说选择器，要知道js里，也有，就是你给标签起了id，class名，在js里需要获取是一个意思。在jq中很方便，不用写很长的xxx=document.getElementById(‘xxx’)
本文主要介绍了jQuery选择器的使用，包括基本选择器、层次选择器、过滤选择器、内容过滤器、可见选择器、属性选择器和子元素选择器等。通过实例讲解了如何在JavaScript中使用这些选择器，以及如何使用表单元素过滤选择器。
jQuery语法的简洁之处就是在于此：如果是使用js语法，得到的元素为一个数组，所以要使用for循环依次赋值。
框架是程序员将一个又一个功能进行封装，供其他人使用的程序组件，了解为模板而已。我们使用框架是为了简化开发进程。
虽然现在 Css Module 与 Css-in-js 更流行，但使用它们会导致过分依赖 滥用 class 做唯一定位，违背了 Css 选择器的初衷。
我们知道，浏览器里的 JS 之前没有模块的概念，都是通过不同的全局变量（命名空间）来隔离，后来出现了 AMD、CMD、CommonJS、ESM 等规范。
jQuery是继Prototype之后又一个优秀的JavaScript库，是一个由John Resig创建与2006年1月的开源项目。现在的jQuery团队主要包括核心库、UI、插件和jQuery Mobile 等开发人员以及推广和网站设计、维护人员。
然后我又继续想啊想，想到我们用 canvas 好像也能做出一款点彩画的绘图工具，但用原生的方式写是不可能的，因为我懒。思前想后，还是觉得用 p5.js 写会好点，毕竟这个库也是个比较知名的艺术库。
Vue动态生成表单组件 可以根据数据配置表单 使用的UI库是iView 在Vue里 一般要用到什么组件或数据 都得提前声明 所以要根据数据来生成表单 只能使用Vue的render函数 要做这一个组件 其实并不难 看一下Vue官方示例 再找个UI组件库 差不多就能写出来 如果对项目有兴趣 可以fork或克隆项目 自行研究 有问题或BUG欢迎提issues
这里就讲讲这两个问题，写过 CSS 应该就会比较清楚，虽然我才刚入门，但在写一些练手时就已经有点感觉了：写 CSS 后，很难维护，维护基本要靠注释来，而且由于 HTML 文档中标签的嵌套层次复杂，导致写 CSS 的选择器时也很费劲，尤其是在后期为某部分标签新增样式时，总会不知道到底应该在 CSS 文件中哪里写这个选择器，这个选择器是否会与前面冲突。
1.标准选择器：通配符选择器、标记选择器、类选择器、id选择器 通配符选择器 语法：*{color:red;} 注意：通配符是选择上所有的标记，。通配符包括body里的样式，但是少用，IE6不支持
CSS：Cascading Style Sheet，层叠样式表。CSS的作用就是给HTML页面标签添加各种样式，定义网页的显示效果。简单一句话：CSS将网页内容和显示样式进行分离，提高了显示功能。
:dash::rocket: 微信小程序，一行代码引入的省份/城市/区县定位选择器的库
CSS基础选择器 标签选择器 就是用标签名来当做选择器。 1） 所有标签都能够当做选择器，比如body、h1、dl、ul、span等等 2） 不管这个标签藏的多深，都能够被选择上。 3） 选择的是所有的，而不是某一个。所以是共性，而不是特性。 id选择器 #表示选择id 1 #lj1{ 2 font-size: 60px; 3 font-weight: bold; 4 color:black; 5 } 1）任何的标签都可以有
qiankun 是主流的微前端方案，其他的还有京东的 micro-app、腾讯的 wujie 等。
position属性取值：static(默认)、relative、absolute、fixed、inherit、sticky。 float属性取值：none(默认)、left、right、inherit。 display属性取值：none、inline、inline-block、block、table相关属性值、inherit。 固定定位 fixed： 元素的位置相对于浏览器窗口是固定位置，即使窗口是滚动的它也不会移动。Fixed 定 位使元素的位置与文档流无关，因此不占据空间。 Fixed 定位的元素和其他元素重叠。（脱离文档流） 相对定位 relative： 如果对一个元素进行相对定位，它将出现在它所在的位置上。然后，可以通过设置垂直 或水平位置，让这个元素“相对于”它的起点进行移动。 在使用相对定位时，无论是 否进行移动，元素仍然占据原来的空间。因此，移动元素会导致它覆盖其它框。 绝对定位 absolute： 绝对定位的元素的位置相对于最近的已定位父元素，如果元素没有已定位的父元素，那 么它的位置相对于 。absolute 定位使元素的位置与文档流无关，因此不占据空间。absolute 定位的元素和其他元素重叠。（脱离文档流） 粘性定位 sticky： 元素先按照普通文档流定位，然后相对于该元素在流中的 flow root（BFC）和 containing block（最近的块级祖先元素）定位。而后，元素定位表现为在跨越特定阈值前为相对定 位，之后为固定定位。 默认定位 Static： 默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声 明）。 inherit: 规定应该从父元素继承 position 属性的值。
本教程针对零基础同学，讲解网站开发三个基础技术：HTML、CSS、JS，带你快速入门！
什么样的代码算是好代码？ 在我看来，易于维护的代码就是好代码。当然代码还可以从性能，安全等方面来考量。这些不在本文的讨论范围之内。
作为一个前端小白，入门跟着这四个来源学习，感谢作者的分享，在其基础上，通过自己的理解，梳理出的知识点，或许有遗漏，或许有些理解是错误的，如有发现，欢迎指点下。
一个 css 文件的核心内容是由许许多多的 css 规则组成的，而每个规则又包含了两部分：选择器和声明；声明块里可能又包含多个声明，每个声明又是由属性和值组成的。这个大概就是 css 的代码结构。
网页中，文档结构是由HTML定义的，文档外观是由css(样式文件)定义的。通常css样式可以写在外部单独的css文件中，然后通过<link>元素引入，也可以写在<head>标签的子节点<style>元素中，也可以直接写在DOM元素style属性里（内联样式）。
做成一件事并不难，难的是做好一件事。前端性能优化也是同样的道理，性能是前端编码规范、网络层面、辅助工具等相互作用的结果，这是一个兼顾广度和深度的问题，优化好了可以加快首屏加载速度提高用户留存率，节省服务器资源降低成本等，也是区分初高级前端工程师的重要标准。
CSS 本质上就是声明规则，即在各种条件下，我们希望产生特定的效果。如果某个元素有这个类，则应用这些样式。要想预测规则最终的效果，就需要理解 CSS 里的层叠。
前言 原文是来自于freeCodeCamp网站的一篇博客 原文链接：https://medium.freecodecamp.org/10-tips-to-maximize-your-javascript-debugging-experience-b69a75859329 原文作者：Swagat Kumar Swain Chrome开发者工具的功能十分强大，其中包括了元素调试、网络监控、安全检查功能。本篇文章要重点讲的是JavaScript控制。 我最早写代码的时候，也就是在JS控制台里输出一些服务器返回的内
无论编写什么文档，我们都应当维持统一的风格，包括统一的注释、统一的语法与统一的命名规范。
find()可以在所有后代元素里查找，而children()只会查找子代元素（不包括第二层级）。
4. 属性过滤选择器 ——4.1 [attribute]（取拥有attribute属性的元素） 下面的代码，最后一个a标签没有title属性，所以它仍然会带下划线 <script type="text
最近在搭建完善自己的博客，需要用到一些页面样式之类的，就特意问了一下女朋友一个问题，关于Web前端开发，jQuery现在过时了嘛？她毅然决然告诉我，那是我们前端现在的鄙视链。是的，不可否认，现在框架盛行，jQuery早已被GitHub所遗弃。我依稀记得，两年前，我学前端知识，觉得这个框架真的很好，以后有时间，一定要好好学一下它。也就这么点时间，它早已淡出了前端开发者的视线。不过呢，我身为后端开发，也就是一个新人于前端来说，所以我还是很喜欢jQuery的思想，因为让我直接理解Vue/React的话，还是需要大量时间的，所以认为jQuery是一个不错的过渡选择，也可以学习下前端编程思想，我看中了它的人性化以及可读性很强，对于我们来说也很简单，所以本文带大家一起回忆那些jQuery的点点滴滴，也为我们前端知识打个牢固的技术基础。
jQuery 是一个优秀的 JavaScript 库，是一个由 JohnResig 创建于 2006 年 1 月的开源项目。现在的 jQuery 团队主要包括核心库、UI 和插件等开发人员以及推广和网站设计维护人员。团队中有 3 个核心人物：John Resig、Brandon Aaron 和 Jorn Zaefferer。 jQuery 凭借简洁的语法和跨平台的兼容性，极大地简化了JavaScript 开发人员遍历 HTML 文档、操作 DOM、处理事件、执行动画和开发 Ajax 的操作。其独特而又优雅的代码风格改变了 JavaScript 程序员的设计思路和编写程序的方式。
jQuery顶级对象 缩写$ window.jQuery window.$
jQuery选择器是jQuery为我们提供的一组方法，让我们更加方便的获取到页面中的元素。注意：jQuery选择器返回的是jQuery对象。
［1］ jQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多 javascript高手加入其team。
三月份有很多朋友辞职跳槽，也遇到了许许多多的面试题，在交流群里和网站上总结了一些常见的面试题，细细分析，其实基本都是万变不离其宗，所有的问题都是从某一技术点的基础出发，综合考量，如果懂得了这项技术的原理所在，题目答起来内容都差不多能答对。 基础 简单介绍一下自己，为什么选择做前端？ 说下你所在的EPI实验室和CTG工作室是干什么的？ 介绍下你最近的项目？ 说出你觉得自己身上最优秀的能力？ 说出你未来的规划？ 你最近有没有什么想要学习的技术？ 你有什么要问我的？ 布局相关 position的值有哪
目前最流行的JavaScript程序库，它是对JavaScript对象和函数的封装
我们在前面的文章中已经掌握了JavaScript的全部内容，现在让我们了解一下JavaScript库
ps:.offset()方法允许我们检索一个元素相对于文档（document）的当前位置，和 .position()的差别在于： .position()是相对于相对于父级元素的位移；
jquery在设计之初都是围绕着核心思想write less do more来设计的。整体使用思路与原生js没有太大区别，所以jquery做的最多的一件事情就是简化原生js的代码量。选择器在操作dom上使用非常频繁，所以jq一定会简化选择器使用方式。原生选择器使用如下：
HTML4+CSS2基础考试 选择题 body 标签的默认 margin 是多少像素 8px; 我需要一个 div 高度为 30 px, div 里有一行字垂直居中, 字的大小为 14 px, 应该怎
也就是昨天刚学的DOM编程，其中涉及到getElementById()方法的使用。
作者：sagittarius-rev 链接：https://www.zhihu.com/question/31305968/answer/116439739 来源：知乎 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
选择器是jQuery最基础的东西，本文中列举的选择器基本上囊括了所有的jQuery选择器，也许各位通过这篇文章能够加深对jQuery选择器的理解，它们本身用法就非常简单，我更希望的是它能够提升个人编写jQuery代码的效率。本文配合截图、代码和简单的概括对所有jQuery选择器进行了介绍，也列举出了一些需要注意和区分的地方。 一、基本选择器 1. id选择器（指定id元素） 将id="one"的元素背景色设置为黑色。（id选择器返单个元素） $(document).ready(function () {
两年前写的一个文章目录生成插件vue-outline，一直用着没出啥问题（本站的文章目录也是用该插件生成的）。但是最近一个网友在使用的时候却出现了异常报错，异常代码使用了一个for...in遍历数组：
缓存：ETag Expire Last-Modified 三者合用，Expire 可以让浏览器完全不发起 Http 请求，若 F5 发起请求，也可以通过判断 ETag（对应浏览器字段 If-None-Match） 和 Last-Modified （对应浏览器字段 If-Modified-Since）字段是否需要更新资源还是使用 304(Not Modified) 的本地资源；
这里总结一下 WEB 前端面试的常见问题，同时这些问题也是对一些基础的技术概念和思想的理解。对这些基本知识的掌握程度和深度决定了你的技术层级。高级工程师是必须掌握本文列出的这些知识的，资深工程师则要对这些基本概念的纵向深度进行挖掘（作者：YHSPY）。
传统的h5只有1端，即浏览器。而uni-app可跨多端，虽仍属前端，与传统h5有不同。 如果你对h5比较了解，可通过本文快速了解uni-app。
选择器是jQuery最基础的东西，本文中列举的选择器基本上囊括了所有的jQuery选择器，也许各位通过这篇文章能够加深对jQuery选择器的理解，它们本身用法就非常简单，我更希望的是它能够提升个人编写jQuery代码的效率。本文配合截图、代码和简单的概括对所有jQuery选择器进行了介绍，也列举出了一些需要注意和区分的地方。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
