1、父组件使用：msg.sync="aa" 子组件使用$emit('update:msg', 'msg改变后的值xxx')
clientWidth、scrollWidth与offsetWidth这三种经常会混淆，举例解释这三种宽度
<!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
事件一般是用于浏览器和用户操作之间的交互，当用户执行某些特殊的操作时，浏览器给予反应，触发绑定的事件，事件流，事件发生时会在元素节点和根节点之间按照约定的顺序传播，事件经过的所有节点都会受到事件的影响，这个传播过程被称为DOM事件流
addEventListener()与removeEventListener()用于处理指定和删除事件处理程序操作。
网上找了一些资料，都显示只在手机上会出现滑动卡顿，并没有数据说明在pc端也会卡顿。
最基础的思路就是表头和内容是用两个表格来显示（图来自https://zhuanlan.zhihu.com/p/33280304），关于怎么保存表头和内容列宽一致链接里这个文章里也有写就不另外说了。
三维坐标系 x轴：水平向右 右边是正值，左边是负值 y轴：垂直向下 下面是正值，上面是负值 z轴：垂直屏幕 往外面是正值，往里面是负值 如下图： 不过在我们css中y轴向上是为负的，y轴向下为正，与下图相反
在目标对象前插入同级兄弟元素(不是头部，而是外面，和对象并列同级)，参数和append类似
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（以及相关的样式和脚本），有时您不得不写代码来呈现自定义UI控件，并且如果您不小心的话，多次使用它们会使您的页面变得一团糟。
(adsbygoogle = window.adsbygoogle || []).push({});
MDN文档里的原话确实不怎么像人话，能看懂就奇了怪了。 简而言之,BFC就是一个独立的布局环境，可以认为是一个容器，在这个容器里面你随便放都不会影响到容器外的布局。而且一旦触发了BFC，那容器内部怎么布局也不受外面影响。
网上也有很多锁定行列的方法，一个是使用css，另一个就是专门的控件附带有锁定的功能。css的大多数锁定行，而不能锁定列。好像看过园子里的司徒正美，写过一个用css锁定行列的，当时css比较烂看不懂，也没有保存那个网址（很后悔），现在想要找却又找不到了。 另一个就是第三方控件，这种控件很强大，锁定行列只是附带的一个小功能。但是有一个比较明显的缺点，必须使用它的控件，我想锁定GridView，那就不行了。除非你能把他的锁定方法给研究出来。 最近我在学jQuery，我觉得找个需求来学习，进步会比较快，
在解释 BFC 是什么之前，需要先介绍 Box、Formatting Context的概念。
工作中其实经常用到一些span标签和div标签来进行内容的显示，但涉及到文本标签的换行，总得多花那么一两分钟多写一下，今天就专门来瞅一瞅。
当16.6的memo问世，函数组件就有了类似PureComponent和shouldComponentUpdate的解决方案，memo的使用方法：
我们知道vue中的style标签带scoped属性时，它的CSS只作用于当前组件中的元素
若一个大的div ,里面有2个小div,第一个小div有margin-top:20px; margin-bottom:20px;,第二个小divmargin-bottom:20px;
一、前言 具有 BFC 特性的元素可以看作是隔离了的独立容器，容器里面的元素不会在布局上影响到外面的元素，并且 BFC 具有普通容器所没有的一些特性。 BFC 即 Block Formatting Contexts (块级格式化上下文)，它属于上述定位方案的普通流。 二、正文 下面介绍触发BFC及BFC带来的影响 2.1、触发BFC 只要元素满足下面任一条件即可触发 BFC 特性： * body 根元素 * 浮动元素：float 除 none 以外的值 * 绝对定位元素：po
我只是记录一下我在使用过程中遇到的几个属性，详细API大家可以直接去官网查看：Swiper4.x使用方法
Context是个好东西，先不论代数效应之类纯理论的概念，能在组件树上无视深度地透传状态确实能给开发带来很大的便利。
是为了方便js获取的哈，我举个例子把，好吧，比如我叫陈业贵，你不知道我的名字能找到我吗？答案是不能是吧，一样的啦 记住哈，json的意思就是js代表javascript，o代表对象，n代表符号，也是一种字符把，哈哈哈 他代表一种数据交互的格式， 问题：格式是什么？ 是一种方式，也就是说是模式把，也就是说是一种类型把懂了把哈哈哈 记住哈，它是以对象的方式来展示的 问题来了，兄弟们 以对象的形式是不是可以写属性和方法啊，老师（下面介绍） 没错，同学们，你们very good！ document.getElementById(“x01”).innerHTML=ren.xing; document.getElementById(“m01”).innerHTML=ren.ming; 核心是什么？核心是把值赋值给div的中间也就是内容啊，兄弟们。 记住：兄弟们，json的！！！标准写法！！！是属性用双引号括起来，记住，是属性！！！！那么这时候问题来了， 属性值呢？ 用什么？ 如果要是数字什么都不要用，单单写就可以，如果是字符就要用双引号了，哈 注意点：外面也可以用单引号括起来， 兄弟们，请记住，如果属性单单写也不报错， 属性值字符串一定要用引号括起来哈，你不会连这一点都不懂把呵呵 那么这里问题来了，为什么属性值字符要用引号括起来呢，呵呵，因为他是字符啊，你不知道字符串字符吗，兄弟！
height、offsetheight、clientheight、scrollheight、innerheight、outerheight
和Link功能一样, 但是会在点击的时候自动追加和移除一个class,那就是active, 可以通过属性activeClassName修改
Box是CSS布局的对象和基本单位， 直观点来说，就是一个页面是由很多个Box组成的。元素的类型和display属性，决定了这个Box的类型。 不同类型的Box， 会参与不同的Formatting context(一个决定如何渲染文档的容器)，因此Box内的元素会以不同的方式渲染。让我们看看有哪些盒子：
每个时间段提示的文字都不一样，代码问候语自行修改，放到emlog侧边栏或者自己喜欢的地方就行。
一、整体结构 用div代替table布局 结构、表现、行为三者分离，避免内联 良好的树形结构 四个空格代替一个tab 能并列就不嵌套 代替 引用的class要少 二、代码格式 严格的属性 属性和值全部小写，每个属性都必须有一个值，每个值必须加双引号。 严格的嵌套 内联元素不能包含块级元素 特殊的块级元素只能包含内联元素： h1,h2..p dt li内可以包含div 三、注意事项 避免使用绝对定位，可能会被过滤。
温馨提示： <script language="JavaScript"> day = new Date( ) nge_Hour = day.getHours( ) var nge_warmprompt = "05可能你的react函数组件从来没有优化过16.6之前，函数组件没有像 shouldComponentUpdate这样的方法，也没有类似 PureComponent这种解决方案，避免不了函数组件里面所有的代码再次的执行，要依靠外面的条件渲染来控制，或者是高阶组件。之前的话，选择使用函数组件的情况是一些比较简单的又比较纯的组件，只是负责展示的。而且函数组件最终编译babel结果是只执行 createElement那一步；class组件一样有生命周期要实例化，最终经过Babel成es5代码的时候还很长 React.memo 当16.6的memo问世，函02Python进阶——多个装饰器的使用1. 多个装饰器的使用示例代码 def make_div(func): """对被装饰的函数的返回值 div标签""" def inner(*args, **kwargs): return "" + func() + "" return inner def make_p(func): """对被装饰的函数的返回值 p标签""" def inner(*args, **kwargs): return "" +08一篇文章搞定多列布局--等宽，等高，自适应多列布局在一个网页设计中非常常见，不仅可以用来做外部容器的布局，在一些局部也经常出现多列布局，比如下面圈出来的都是多列布局：01浅谈 React 组件设计前端组件化一直是老生常谈的话题，在前面介绍 React 的时候我们已经提到过 React 的一些优势，今天则是带大家了解一下组件设计原则。02useRef与createRef的区别2那么当多次点击第一个按钮，中途点击一下第二个按钮，然后再点击第一个按钮，弹窗弹出的数字是什么样的，解释一下流程。04今天是个神奇的日子。附猪八戒网公司外包私活经历有什么事比获得你们的青睐，让我可以无休止的向你们推送更有趣（厌烦）的公众号（或广告）来的高兴呢。哈哈02浅谈 React 组件设计前端组件化一直是老生常谈的话题，在前面介绍 React 的时候我们已经提到过 React 的一些优势，今天则是带大家了解一下组件设计原则。01emlog右下角添加不同时段问候杨小杰博客自己折腾的，随机问候语用的强哥博客的，右下角样式都不知道用的谁的，反正一综合就是目前杨小杰博客右下角的温馨提示语句 话不多少，看教程 1、添加以下代码到模版文件夹footer.p03DOM事件机制(原理级别的)<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style type="text/css"> *{padding: 0px;margin: 0px;} div { width: 100%;01提示可能你的react函数组件从来没有优化过React.memome当16.6的memo问世，函数组件就有了类似PureComponent和shouldComponentUpdate的解决方案，memo的使用方法：02React 中的占位符 Fragment在 React 项目中， render 方法只能有一个根元素，一般都是 ，然后在里面写上我们的组件，渲染到浏览器一看，除了我们想要显示的组件，外面还套着一层 div ，如果在写项目的时候，套了很多曾组件，那么每一层都会多出来一个父级元素 div ，不美观，而且在调整样式的时候会有些麻烦03大学生HTML期末作业, JavaScript期末大作业 🎉精彩专栏推荐 💭文末获取联系 ✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 🥇 关于作者: 历任研发工程师，技术组长，教学总监；曾于2016年、2020年两度荣获CSDN年度十大博客之星。 十载寒冰，难凉热血；多年过去，历经变迁，物是人非。 然而，对于技术的探索和追求从未停歇。 💪坚持原创，热衷分享，初心未改，继往开来！ 一、👨🎓网站题目 🏫 校园网页设计 、学校班级网页制作、学校官网、小说书籍、02jQuery基础--创建节点和 添加节点创建节点 $(function () { // var box = document.getElementById("box"); // // var a = document.createElement("a"); // box.appendChild(a); // a.setAttribute("href", "http://web.itcast.cn"); // a.setAttribute("target", "_blank"); // a.innerHTML01(2019)[前端]面试题[1]：CSS BFC是什么【BFC详解】BFC（Block Formatting Context）格式化上下文，是盒模型的一种渲染布局，简言之可以理解为 一个独立的容器，不受外部影响，不影响外部。00在同一行布局的技巧 原例如上面的布局，我们可以使用里面元素浮动，外面的div高度为0的特点来布局，使2个div重叠在一起03常见的触发函数的事件（实现不同的用户体验）写js的时候都知道，函数是我们基本上面每天都在写的一个东西，因为很多的功能是需要函数来实现的，没有函数很多的效果是没办法实现的，那么今天简单的总结一下可以触发函数的一些事件。02vue3编译优化之“静态提升”在上一篇 vue3早已具备抛弃虚拟DOM的能力了文章中讲了对于动态节点，vue做的优化是将这些动态节点收集起来，然后当响应式变量修改后进行靶向更新。那么vue对静态节点有没有做什么优化呢？答案是：当然有，对于静态节点会进行“静态提升”。这篇文章我们来看看vue是如何进行静态提升的。01jquery 操作DOM元素(1).clone() 创建一个匹配的元素集合的深度拷贝。 .clone([withDataAndEvents]) withDataAndEvents (默认为false) 一个Boolean 表示是否会复制元素上的时间处理函数。 .clone([withDataAndEvents][,deepwithDataAndEvents]) withDataAndEvents (默认为false)05React中Suspense和lazy的使用何时使用lazy函数，比如某个体积相对比较大的第三方库或插件（比如JS版的PDF预览库）只在单页应用（SPA）的某一个不是首页的页面使用了，这种情况就可以考虑代码分割，增加首屏的加载速度。03CSS3 - 清除浮动通过本文，让大家可以明白清除浮动的原理和几种方法，最后得出一种本文认为最好用的方法。02
16.6之前，函数组件没有像 shouldComponentUpdate这样的方法，也没有类似 PureComponent这种解决方案，避免不了函数组件里面所有的代码再次的执行，要依靠外面的条件渲染来控制，或者是高阶组件。之前的话，选择使用函数组件的情况是一些比较简单的又比较纯的组件，只是负责展示的。而且函数组件最终编译babel结果是只执行 createElement那一步；class组件一样有生命周期要实例化，最终经过Babel成es5代码的时候还很长 React.memo 当16.6的memo问世，函
1. 多个装饰器的使用示例代码 def make_div(func): """对被装饰的函数的返回值 div标签""" def inner(*args, **kwargs): return "" + func() + "" return inner def make_p(func): """对被装饰的函数的返回值 p标签""" def inner(*args, **kwargs): return "" +
" +
多列布局在一个网页设计中非常常见，不仅可以用来做外部容器的布局，在一些局部也经常出现多列布局，比如下面圈出来的都是多列布局：
前端组件化一直是老生常谈的话题，在前面介绍 React 的时候我们已经提到过 React 的一些优势，今天则是带大家了解一下组件设计原则。
那么当多次点击第一个按钮，中途点击一下第二个按钮，然后再点击第一个按钮，弹窗弹出的数字是什么样的，解释一下流程。
有什么事比获得你们的青睐，让我可以无休止的向你们推送更有趣（厌烦）的公众号（或广告）来的高兴呢。哈哈
杨小杰博客自己折腾的，随机问候语用的强哥博客的，右下角样式都不知道用的谁的，反正一综合就是目前杨小杰博客右下角的温馨提示语句 话不多少，看教程 1、添加以下代码到模版文件夹footer.p
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style type="text/css"> *{padding: 0px;margin: 0px;} div { width: 100%;
在 React 项目中， render 方法只能有一个根元素，一般都是 ，然后在里面写上我们的组件，渲染到浏览器一看，除了我们想要显示的组件，外面还套着一层 div ，如果在写项目的时候，套了很多曾组件，那么每一层都会多出来一个父级元素 div ，不美观，而且在调整样式的时候会有些麻烦03
🎉精彩专栏推荐 💭文末获取联系 ✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 🥇 关于作者: 历任研发工程师，技术组长，教学总监；曾于2016年、2020年两度荣获CSDN年度十大博客之星。 十载寒冰，难凉热血；多年过去，历经变迁，物是人非。 然而，对于技术的探索和追求从未停歇。 💪坚持原创，热衷分享，初心未改，继往开来！ 一、👨🎓网站题目 🏫 校园网页设计 、学校班级网页制作、学校官网、小说书籍、
创建节点 $(function () { // var box = document.getElementById("box"); // // var a = document.createElement("a"); // box.appendChild(a); // a.setAttribute("href", "http://web.itcast.cn"); // a.setAttribute("target", "_blank"); // a.innerHTML
BFC（Block Formatting Context）格式化上下文，是盒模型的一种渲染布局，简言之可以理解为 一个独立的容器，不受外部影响，不影响外部。
例如上面的布局，我们可以使用里面元素浮动，外面的div高度为0的特点来布局，使2个div重叠在一起
写js的时候都知道，函数是我们基本上面每天都在写的一个东西，因为很多的功能是需要函数来实现的，没有函数很多的效果是没办法实现的，那么今天简单的总结一下可以触发函数的一些事件。
在上一篇 vue3早已具备抛弃虚拟DOM的能力了文章中讲了对于动态节点，vue做的优化是将这些动态节点收集起来，然后当响应式变量修改后进行靶向更新。那么vue对静态节点有没有做什么优化呢？答案是：当然有，对于静态节点会进行“静态提升”。这篇文章我们来看看vue是如何进行静态提升的。
.clone() 创建一个匹配的元素集合的深度拷贝。 .clone([withDataAndEvents]) withDataAndEvents (默认为false) 一个Boolean 表示是否会复制元素上的时间处理函数。 .clone([withDataAndEvents][,deepwithDataAndEvents]) withDataAndEvents (默认为false)
何时使用lazy函数，比如某个体积相对比较大的第三方库或插件（比如JS版的PDF预览库）只在单页应用（SPA）的某一个不是首页的页面使用了，这种情况就可以考虑代码分割，增加首屏的加载速度。
通过本文，让大家可以明白清除浮动的原理和几种方法，最后得出一种本文认为最好用的方法。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
