事件一般是用于浏览器和用户操作之间的交互，当用户执行某些特殊的操作时，浏览器给予反应，触发绑定的事件，事件流，事件发生时会在元素节点和根节点之间按照约定的顺序传播，事件经过的所有节点都会受到事件的影响，这个传播过程被称为DOM事件流
addEventListener()与removeEventListener()用于处理指定和删除事件处理程序操作。
一、更改轮廓线 outline 轮廓线 是 元素 边框 外面 的一条线 , 其作用是 选中后突出元素 ; 一般情况下都会去掉 轮廓线 显示 ; outline 样式后可设置 1 ~ 3 个参数 , 按照顺序分别是 : outline-color 轮廓线颜色 outline-style 轮廓线风格 outline-width 轮廓线宽度 常用的取消轮廓线的设置是 outline: 0; 或者 outline: none; 取消轮廓线内嵌式写法 : <input type="text" style="outli
在 web 开发中，经常会有后台返回 html 字符串的情况，需要在 js 里将其 转为 juery 对象或者 DOM 并做一些处理，下面这是我在实际中遇到的一点问题，记录一下。
所谓的前端是指什么呢？前端（front-end）是相对后端（back-end）而言的
作者名：1_bit 简介：CSDN博客专家，2020年博客之星TOP5，蓝桥签约作者。15-16年曾在网上直播，带领一批程序小白走上程序员之路。
作为开发者，我们都知道尽可能多的重用代码是一个好主意。这对于自定义标记结构来说通常不是那么容易 — 想想复杂的HTML（以及相关的样式和脚本），有时您不得不写代码来呈现自定义UI控件，并且如果您不小心的话，多次使用它们会使您的页面变得一团糟。
最近经常有人问我，明明看着教程写个爬虫很简单，但是自己上手的时候就麻爪了。。。那么今天就给刚开始学习爬虫的同学，分享一下怎么一步一步写爬虫，直至抓到数据的过程。
UnboundLocalError： local variable ‘xxx’ referenced before assignment
<!DOCTYPE html> <html> <head> <title></title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style type="text/css"> *{padding: 0px;margin: 0px;} .big { width: 500px; height: 500px; background-color: blue; borde
<attr name=”titleText” format=”string” />
用这种方法赋值，那么整个文件这个变量都是可见的，如果不想因为某个地方的赋值而污染全局变量，我们也可以进行局部赋值：
这样的话，我们就可以看到body部分了。现在，我给body添加一点padding。
工作中其实经常用到一些span标签和div标签来进行内容的显示，但涉及到文本标签的换行，总得多花那么一两分钟多写一下，今天就专门来瞅一瞅。
新建一个html文件： 1488713605137007396.png 我要给body添加一些样式，就在head元素上挂载一个style元素。 1488713655277049231.png 然后，写
通过本文，让大家可以明白清除浮动的原理和几种方法，最后得出一种本文认为最好用的方法。
是为了方便js获取的哈，我举个例子把，好吧，比如我叫陈业贵，你不知道我的名字能找到我吗？答案是不能是吧，一样的啦 记住哈，json的意思就是js代表javascript，o代表对象，n代表符号，也是一种字符把，哈哈哈 他代表一种数据交互的格式， 问题：格式是什么？ 是一种方式，也就是说是模式把，也就是说是一种类型把懂了把哈哈哈 记住哈，它是以对象的方式来展示的 问题来了，兄弟们 以对象的形式是不是可以写属性和方法啊，老师（下面介绍） 没错，同学们，你们very good！ document.getElementById(“x01”).innerHTML=ren.xing; document.getElementById(“m01”).innerHTML=ren.ming; 核心是什么？核心是把值赋值给div的中间也就是内容啊，兄弟们。 记住：兄弟们，json的！！！标准写法！！！是属性用双引号括起来，记住，是属性！！！！那么这时候问题来了， 属性值呢？ 用什么？ 如果要是数字什么都不要用，单单写就可以，如果是字符就要用双引号了，哈 注意点：外面也可以用单引号括起来， 兄弟们，请记住，如果属性单单写也不报错， 属性值字符串一定要用引号括起来哈，你不会连这一点都不懂把呵呵 那么这里问题来了，为什么属性值字符要用引号括起来呢，呵呵，因为他是字符啊，你不知道字符串字符吗，兄弟！
简单说一下就是这个样子：对于路径中的任意给定区域，从该区域内部画一条足够长的线段，使此线段的终点完全露在路径范围之外。然后将计数器初始化为0，每当这条线段与路径上的直线或曲线相交时，就改变计数器的值。如果与路径顺时针部分相交的时候，则加1；如果与路径的逆时针部分相交的时候，则减1。如果最终值不是0，那么说明区域在路径的里面。
通过本文，让大家可以明白清除浮动的原理和几种方法，最后得出一种本文认为最好用的方法。 本文也会同步到我的个人网站。
UnboundLocalError： local variable 'xxx' referenced before assignment
相信大家在做html页面布局的时候都有过一个很脑袋疼的问题，那就是尺寸不平均，尺寸不平均会导致页面的不整齐，今天给大家分析下弹性布局。
2）局部变量和全局变量 浏览器里面 window 就是 global，通常可以省。 nodejs 里没有 window，但是有个叫 global 的。 例 3.2.1 <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> </head> <script> /* 有var无var， 在function外是一样的，都是全局的，在function里面时，var是局部的，而无var时是代表全局的*/ var testVar = "全量"; document.writeln("window.testVar is" + window.testVar+testVar); var testqVar = "全量q"; /*如不屏蔽下句话，程序直接停在这了，因为出错了，不认识testGlobal，得把下一句和下下句换一下位置，就ok了 */ // document.writeln("testGlobal is" + testGlobal); testGlobal = "全量global"; document.writeln("abc is" + abc); var abc; testGlobalInVar = "全量globalInVar"; function testSco() { var lll = "qqq"; var testVar = "局量"; //此testVar非外面的testVar testqVar = "全量qchange"; //此testqVar就是外面的testqVar testGlobal = "全量globalchange"; var testGlobalInVar = "局量global";//此testGlobalInVar非外面的testGlobalInVar /*local variable is stronger than global variable.so "testVar" in the following statement means local variable.*/ document.writeln(testVar); document.writeln(testqVar); document.writeln("testGlobalInVar is " + testGlobalInVar); } testSco(); document.writeln("second test is " + testVar); document.writeln("second testqVar is " + testqVar); document.writeln("testGlobal is " + testGlobal); document.writeln("testGlobalInVar is " + testGlobalInVar); </script>
前言 Hybrid技术流行已经有一段日子了，楼主的关注点也一直围绕着移动端围绕着Hybrid相关展开，Hybrid已经是大大提升开发效率的开发方式了，但是仍然需要至少一个IOS与Andriod，那么可不可以只使用H5相关的知识就能做一个APP出来呢？答案是可以的。 什么是cordova？ cordova为一移动开发框架，他让我们可以仅仅专注前端代码，然后通过一个开发框架编译形成一个可安装的APP，因为前端代码的特性，所以这种APP是跨平台的，可以最大程度的提升开发效率，因为只需要前端人员，其成本节约也是不可
注意：以下教程是让centOS7里面的Python2和Python3共存，并不是替换Python2。 一、检查系统是否有gcc gcc –version ——查询是否安装 gcc -v ——查询版本
所有的页面都会引用一个公共js代码库base.js，在这个代码库里为document绑定了按键事件，现在需要为某个特殊的custom.html页面定制事件handler。
三维坐标系 x轴：水平向右 右边是正值，左边是负值 y轴：垂直向下 下面是正值，上面是负值 z轴：垂直屏幕 往外面是正值，往里面是负值 如下图： 不过在我们css中y轴向上是为负的，y轴向下为正，与下图相反
两个块同一个BFC会造成外边距折叠，但如果对这两个块分别设置BFC，那么边距重叠的问题就不存在了。
JSX 简介 请观察下面的变量声明： const element = Hello, world!; 这种看起来可能有些奇怪的标签语法既不是字符串也不是HTML。 它被称为 JSX,
text-align属性规定了文本在元素中的水平对齐，通过使用center值来设置文本。
AntDesign-React与VUE有点不一样，第一篇深入了解React的概念之一：JSX
在开发过很多 jQuery 插件以后，我慢慢的摸索出了一套开发jQuery插件比较标准的结构和模式。这样我就可以复制并粘贴大部分的代码结构，只要专注最主要的逻辑代码就行了。 使用相同的设计模式和架构也让修复bug或者二次开发更容易。一套经过验证的架构可以保证我的插件不出大的问题，不论插件简单还是复杂。我在这里分享10条我总结的经验。
前言 最近忙里偷闲，给自己加油充电的时候，发现自己脑海中布局这块非常的凌乱混杂，于是花了一些时间将一些常用的布局及其实现方法整理梳理了出来，在这里，分享给大家。 单列布局
有人建议编码规范这种东西应该落实到ESlint这类工具上去，而不是停留在文档层面。
box-sizing <html lang="en"> <head> <meta charset="UTF-8"> <title>51-盒子box-sizing属性</title> <style> .content{ width: 300px; height: 300px; background-color: red; } .aside{ w
html 页面引入vue.js 之后，全局配置一下，将浏览器控制台的开发者版本的提示给关闭
Compose 的某些 API 只能在指定的组件内部才能使用，在它的外部、甚至它的子组件里，都是被禁止的：
外面会有一条蓝色的线包着这个框架，这样看起来并不是很好看。想要实现如下的效果很简单，如下图
大家好，又见面了，我是你们的朋友全栈君。屏幕可见区域高（内容的可视高度，不包括边框，边距或滚动条）：document.body.clientHeight 正文内容高（整个元素的高度，包括带滚动条的隐蔽的地方）：document.body.scrollHeight 内容高+padding+边框：document.body.offsetHeight 滚动条已经滚动的高度：document.body.scrollTop
Box是CSS布局的对象和基本单位， 直观点来说，就是一个页面是由很多个Box组成的。元素的类型和display属性，决定了这个Box的类型。 不同类型的Box， 会参与不同的Formatting context(一个决定如何渲染文档的容器)，因此Box内的元素会以不同的方式渲染。让我们看看有哪些盒子：
简而言之，就是样式、布局，使html的框架更好看，把html元素定位在自己想要放的位置。
块级元素占据其父元素（容器）的整个水平空间，垂直空间等于其内容高度。HTML 中大多数元素都是块级元素。
上面两张图是两个不同的页面但是它们的基本框架都是一样，每点击一次左边的导航栏改变的都是中间的内容区域。也就是说共同的框架都是没有改变的，改变的是中间的内容。
开发中会遇到领导指着一个网页说，这个不错，咱们页面也按这个布局和风格做吧。直接用html+css+js生写还是挺费工的。最快的方法是直接照抄网页。本文例子不需要其它工具，只用浏览器的“另存页面为”和“查看页面源代码”两个功能来照抄网页，结果证明，不考虑js功能，仅看网页外观，是完全可以做出一模一样的网页的。 以下面网页为例，布局简单，但是要自己从头开始写，肯定要调试很久。
微信小程序的前提都是基于 H5，没有 H5 的情况下来操作微信小程序您可能不太明白。H5 是混合应用，有原生应用和混合应用。
Vue是一套构建用户界面的框架，只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。（Vue有配套的第三方类库，可以整合起来做大型项目的开发）
前端组件化一直是老生常谈的话题，在前面介绍 React 的时候我们已经提到过 React 的一些优势，今天则是带大家了解一下组件设计原则。
这就是说，你可以输入一些类似于habtm的东西，然后按下回车键，他就会扩展为has_and_belongs_to_many。
.clone() 创建一个匹配的元素集合的深度拷贝。 .clone([withDataAndEvents]) withDataAndEvents (默认为false) 一个Boolean 表示是否会复制元素上的时间处理函数。 .clone([withDataAndEvents][,deepwithDataAndEvents]) withDataAndEvents (默认为false)
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
