- 博客(19)
- 收藏
- 关注
RSS订阅原创 用while循环打印出斐波那契数列100以内的和。
var i = 1;var j = 1;var sum = i + j;while (i < 100) {var s = i + j;i = j;j = s;sum += s;}console.log(sum);
2020-03-21 17:32:33
2150
原创 用循环写出九九乘法表格。
style：table {width: 900px;border-collapse: collapse;margin: 50px auto;}td {border: 1px solid #000;height: 40px;line-height: 40px;text-align: center;background: pink;}script：var row = 9;...
2020-03-21 11:43:15
775
原创 打印0～100之间所有质数的和。
var a = 0;for (var i = 2; i < 100; i++) {for (var j = 2, bool = true; j < i; j++) {if (i % j === 0) {bool = false;}}if (bool) {console.log(i + “是质数”);a += i;}}console.log(a);...
2020-03-21 11:34:01
252
原创 64格棋盘放芝麻，求重量。
棋盘有64个方格，在第一个方格里放1粒芝麻，芝麻重量是0.00001kg,第二个 放2粒，第三个放4粒，第四个放8粒，依次类推。计算最后一个方格的芝麻重量，计算整个棋盘 上芝麻的重量。...
2020-03-20 22:54:01
3000
原创 循环语句
多分枝条件结构表达式：运算公式或者变量等于值 1执行内容跳出等于值 2执行内容跳出等于值 3执行内容跳出默认其他:执行内容switch case 只能判断一个表达式等于值，只能判断相等eg：var a = 4;var s = 0;switch (a + 1) {// 如果 a+1 等于 1case 1:s += 1;break; //跳出 switch 的...
2020-03-19 21:05:41
84
原创 2020-03-18
条件运算符var a=3;var b= a>0 ? 5 : 10;条件 ？ 值1 ： 值2 如果条件正确时 将值1返回给前面的变量，如果条件错误时，将值2返回给前面的变量 条件必然是一个布尔值，当条件不是布尔值时，会隐式转换为布尔值。#### 条件语句 if(条件){ 满足条件后执行的内容 } 条件会自动隐式转换为布尔值 var a ...
2020-03-19 09:15:55
55
原创 2020-03-18
数据类型转换typeof 判断数据类型typeof 数据 返回数据的类型例如 type "aaa" 返回string，得到stringvar a; console.log(typeof a); 因为没有赋值，所以它是undefinedvar b=null console.log(typeof b); b的类型是object 强制转换 主动将数据的类型强...
2020-03-18 09:04:02
104
原创 2020-03-15
怎么让一个不定宽高的 DIV，垂直水平居中?使用Flex只需要在父盒子设置：display: flex; justify-content: center;align-items: center;使用 CSS3 transform父盒子设置:display:relativeDiv 设置: transform: translate(-50%，-50%);position: abso...
2020-03-15 21:12:20
79
原创 2020-03-15
CSS浮动文档流1、纯文本的排列。文档流就像我们的文本内容一样，所有的文字都会紧挨着，一个个排列下来，如果到了边界，就会换一行排列。当然如果敲回车或者按下空格键一般都会认为是一个词间距，因为英文中每个单词之间是有距离的，不像中文每个汉字连在一起的。所以不管你敲了几个回车，不管你敲了几个空格。程序都认为只有一个词间距的空格距离。我们把这种现象称为空白折叠现象。2、文本和图片的排列因为图文排版...
2020-03-15 20:46:47
378
原创 2020-03-15
移动端网格布局 gridgrid 布局它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局Grid 布局与 Flex 布局有一定的相似性，都可以指定容器内部多个项目的位置。但是，它们也存在重大区别。Flex 布局是轴线布局，只能指定"项目"针对轴线的位置，可以看作是一维布局。Grid 布局则是将容器划分成"行"和"列"，产生单元格，然后指定"项目所在"的单元格，可以看作是...
2020-03-15 17:02:32
100
原创 2020-03-10
弹性盒Flex容器：采用 Flex 布局的元素的父元素；Flex项目：；采用 Flex 布局的元素的父元素的子元素概念：容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis）。主轴的开始位置（与边框的交叉点）叫做main start，结束位置叫做main end；交叉轴的开始位置叫做cross start，结束位置叫做cross end。项目默认沿主轴排...
2020-03-10 23:00:42
67
原创 2020-03-09
Css3属性6、Background-size 背景尺寸说明：background-size 规定背景图像的尺寸属性值length(10px)规定背景图的大小。第一个值宽度，第二个值高度。（直接定义背景图的大小）Percentage(%)以百分比为值设置背景图大小（参照元素的大小）cover把背景图像扩展至足够大，以使背景图像完全覆盖背景区域contain把图像图像扩展至最大...
2020-03-09 23:26:15
60
原创 2020-03-08
CSS3选择符:1、属性选择器：1）E[attr]：只使用属性名，但没有确定任何属性值2）E[attr=“value”]：指定属性名，并指定了该属性的属性值3）E[attr~=“value”]：指定属性名，并且具有属性值，此属性值是一个词列表，并且以空格隔开，其中词列表中包含了一个value词，而且等号前面的“〜”必须的4）E[attr^=“value”]：指定了属性名，并且有属性值，属...
2020-03-08 19:54:27
61
原创 2020-03-07
一、css3属性1、文本阴影属性text-shadow:10px 10px 10px red;注： 第一个值 ： 水平方向的距离 （必须有的：支持负值）第二个值 ： 垂直方向的距离 （必须有的：支持负值）第三个值 ： 阴影的模糊程度 （不支持负值）第四个值 ： 阴影的颜色第一个值 和 第二个值得位置不能互换；当给同一个文字设置多个阴影的时候，阴...
2020-03-07 23:45:58
110
原创 2020-03-07
css3CSS3是css技术的升级版本，CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂，所以，把它分解为一些小的模块，更多新的模块也被加入进来。这些模块包括： 盒子模型、列表模块、超链接方式 、语言模块 、背景和边框 、文字特效 、多栏布局等。css3的优点：CSS3将完全向后兼容，所以没有必要修改现在的设计来让它们继续运作。网络浏览器也还将继续支持CSS2...
2020-03-07 00:01:05
71
原创 2020-03-05
css3 渐变概念：CSS3 渐变（gradient）可以让你在两个或多个指定的颜色之间显示平稳的过渡。 以前，你必须使用图像来实现这些效果，现在通过使用 CSS3 的渐变（gradients）即可实现。此外，渐变效果的元素在放大时看起来效果更好，因为渐变（gradient）是由浏览器生成的。线性渐变：语法：background-image: linear-gradient(directi...
2020-03-05 23:14:33
71
原创 2020-03-03
一、过渡属性 transitioncss3的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标划过、单击、获得焦点或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值过渡属性需要触发事件，如：hover（鼠标划过事件）transition-property：检索或设置对象中的参与过渡的属性说明：属性值可以单独设置否个属性，也可以设置多个属性 ...
2020-03-04 22:58:29
148
原创 2020-03-01
宽高自适应宽高自适应：（灵活）网页布局中经常要定义元素的宽和高。但很多时候我们希望元素的大小能够根据窗口或子元素自动调整，这就是pc自适应。自适应的优点： 元素自适应在网页布局中非常重要，它能够使网页显示更灵活，可以适应在不同设备、不同窗口和不同分辨率下显示。一、 相对窗口和父元素的自适应写法：宽度：当块状元素不写宽...
2020-03-01 20:51:32
85
原创 2020-02-23
css基础css（cascading style sheet） 汉译 层叠样式表作用：设置（修饰）HTML里的标签样式的css是依附于HTML的基础上，来进行显示的。通俗的来说，Html是一个结构框架。光秃秃的则不好看而cfs就是给html穿衣服的一个样式。这个时候就显得css尤为重要。CSS语法的说明:css是由两部分组成的，一部分是选择器，一部分是声明（属性和属性值）；语法上的标点...
2020-02-23 16:03:21
155
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人