10 2019 档案

JS函数命名规范
摘要：语法规范： 任何合法的javascript标识符都可以作为函数的名称。 约定俗成的内容：(非ECMAScript语法，但是为了便于开发者理解和识别，约定的函数命名规范。) 命名方法： 小驼峰式命名法 命名规范： 前缀应该为动词 命名建议： 常用动词约定 动词含义 加载某些数据 构造函数-采用大驼峰写 阅读全文
posted @ 2019-10-30 18:07 请叫我二狗哥 阅读(8841) 评论(0) 推荐(0)
Js中函数声明和函数表达式的区别
摘要：先看以下几段烧脑的代码： 控制台打印结果"function"。 另一段代码 控制台打印结果"var"。 关于函数声明和函数表达式更具体的定义在javascript函数中有相关详细的介绍，这里就不再叙述。上述代码主要用于引出函数声明和函数表达式的区别。 函数声明和函数表达式的区别本质其实是函数声明提升 阅读全文
posted @ 2019-10-30 12:46 请叫我二狗哥 阅读(1386) 评论(0) 推荐(1)
javascript中什么是函数
摘要：函数的定义 在javascript中函数是一段可以被执行或调用任意次数的JavasScript代码,在数据类型中属于"function"。函数也拥有属性和方法，因此函数也是对象。 函数的创建方法 创建函数可以通过函数声明、函数表达式以及构造函数三种方法来实现。 在Javascript中函数定义函数声 阅读全文
posted @ 2019-10-29 12:56 请叫我二狗哥 阅读(2681) 评论(0) 推荐(0)
从字符串中提取数字内容
摘要：javascript基础综合练习：从字符串中提取数字内容。已知字符串str的内容为数字、字母和特殊符号的组合。利用学习的js处理字符串的方法，将其中的数字内容以数组的形式提取出来。譬如字符串"ae33tyt99htr47"提取数字内容[33,99,47]。试试同时提取出字符串中的非数字内容吧。 参考 阅读全文
posted @ 2019-10-25 15:32 请叫我二狗哥 阅读(1449) 评论(0) 推荐(0)
flex-shrink值的计算
摘要：flex-shrink为弹性盒模型中，当弹性项不断行，并且所有弹性项的宽度只和大于弹性盒模型的可分配空间时，弹性项的收缩程度。 找到英文资料对flex-shrink的定义描述： flex-shrink规定了弹性收缩系数。当分配负可用空间时，弹性收缩系数决定了弹性项相对于弹性容器中的其他弹性项的收缩程 阅读全文
posted @ 2019-10-12 17:39 请叫我二狗哥 阅读(453) 评论(0) 推荐(0)
CSS不同颜色按钮实例
摘要：CSS减少代码重复技巧非常多，以主要包含采用相对尺寸、半透明颜色的实例来说明CSS减少代码重复技巧的一些运用。 以下为通过CSS代码实现的一个“Yes!”按钮效果以及相应的代码： 与之组合的CSS代码： #相对尺寸的使用 行高是字号的1.5倍，可以修改为： 字号也可以根据父元素字号修改为相对尺寸： 阅读全文
posted @ 2019-10-11 17:43 请叫我二狗哥 阅读(1787) 评论(0) 推荐(0)
弹性盒模型flex-grow的计算
摘要：flex-grow属性是弹性盒布局模块的子属性。 它定义了弹性项目在必要时增长的能力。 它接受作为比例的无单位值。 它决定了项目应在伸缩容器内部占用多少可用空间。 例如，如果所有项目的flex-grow设置为1，则每个子项在容器内的大小都将设置为相等。 如果给其中一个子项赋值为2，则该子项将占用其他 阅读全文
posted @ 2019-10-11 10:00 请叫我二狗哥 阅读(659) 评论(0) 推荐(0)
使用flexbox的自适应照片布局
摘要：作者：Tim Vam Damme 让我们来看看一种超轻量级的方法，它可以为一组任意大小的照片创建水平砖砌效果。将任何照片丢到上面，它们将边对边无缝对齐。 该解决方案不仅轻巧，而且非常简单。我们将使用无序的图片列表和仅仅17行CSS代码，其中重点要领是flexbox和object-fit。 #为什么? 阅读全文
posted @ 2019-10-10 12:14 请叫我二狗哥 阅读(3191) 评论(0) 推荐(0)
基于CSS3伪元素和动画绘制旋转太极图
摘要：通过CSS3的动画知识来完成一个旋转的太极。 任务 1、创建一个div，用CSS控制其大小、边框、位置等，做成一个静态的圆形，一半为红色一半为白色。 2、用div的伪元素位置两个圆环并放置核实位置，使其成为一个太极图案。 3、创建动画。 4、定义动画的重复属性，让其循环播放。 参考代码： 阅读全文
posted @ 2019-10-08 16:04 请叫我二狗哥 阅读(659) 评论(0) 推荐(0)
CSS3之animation属性
摘要：CSS中的animation属性可用于为许多其他CSS属性设置动画，例如颜色，背景色，高度或宽度。 每个动画都需要使用@keyframes这种at-rule语句定义，然后使用animation属性来调用它，如下所示： 每个@keyframes的 at-rule CSS语句规则都定义了在动画过程中的特 阅读全文
posted @ 2019-10-08 15:45 请叫我二狗哥 阅读(2373) 评论(0) 推荐(0)
X-Height
摘要：术语x-height是指给定字体中，任何给定尺寸下小写字母x的高度。 它提供了一种描述任意字体一般比例的方法。 在印刷中，x-height是一行文字的基线与小写字母(即不包括上升笔画或下降笔画)的主体顶部之间的距离。x-height更精准的定义是基准线(baseline)与字体中小写字母的中线(me 阅读全文
posted @ 2019-10-08 15:21 请叫我二狗哥 阅读(2613) 评论(0) 推荐(0)