2019 年 1月随笔档案 - 风往南

function getRandom(max, min) 编写验证码相关习题

摘要：1.编写一个函数，得到一个4位数字的随机验证码我的答案 2.编写一个函数，获取任意位数的随机验证码(传入数字几，就是几位) var b=prompt('请输入一个位数'); b = Number(b); function getRandom(max , min){ var num = Math.f 阅读全文

posted @ 2019-01-24 17:41 风往南阅读(474) 评论(0) 推荐(0)

关于for循环的javascript习题

摘要：1.篮球从5米高的地方掉下来，每次弹起的高度是原来的30%，经过几次弹起，篮球的高度小于0.1米。 8. 求100 999之间的水仙花数。abc = a a a + b b b + c c c; 要事先想出3位数的个、十、百要怎样提取出来 for(i=100;i 阅读全文

posted @ 2019-01-23 20:00 风往南阅读(663) 评论(1) 推荐(0)

关于if、switch相关javascript习题（二）

摘要：4. 开发一款软件，根据公式（身高 108） 2=体重，可以有10斤左右的浮动。来观察测试者第一步，用户需要输入身高、体重。所以声明两个变量第二步，根据用户输入的身高、体重，声明标准体重，获取标准体重第三步，判断用户的体重是否正常阅读全文

posted @ 2019-01-23 11:36 风往南阅读(377) 评论(0) 推荐(0)

关于if、switch的 javascript 习题

摘要：1．判断一个整数，属于哪个范围：大于0；小于0；等于0 需要注意=与==的区别，前者为赋值，后者为相等 2．判断一个整数是偶数还是奇数，并输出判断结果奇数%2==1，偶数%2==0 if里面的表达式”b%2==1“可以省略成"b%2"。因为表达式里面最终返回的都是true或false，b是奇数时b 阅读全文

posted @ 2019-01-22 17:44 风往南阅读(250) 评论(0) 推荐(0)

backface-visibility制作翻牌效果

摘要：今天案例的灵感来自于下图：这次没有仿着做这个案例，我只是做了一下翻牌效果，成品如下 html代码 css样式 backface visibility不能放在div:nth child(2)反面中，需放在div中，不然转的时候会看到正面阅读全文

posted @ 2019-01-21 11:53 风往南阅读(154) 评论(0) 推荐(0)

background-position和animation制作逐帧动画

摘要：利用background position和animation制作逐帧动画，成品如下： html里面只要写一个元素就够了，动画我们把图片添加成背景做，再让背景在元素内移动。我用了一个整合图片，7个片段加关键帧。因为有7个片段，我添加了八个状态。注意，100%状态那里不能在84%的基础上再递增。因为阅读全文

posted @ 2019-01-21 11:53 风往南阅读(701) 评论(0) 推荐(0)

3d位移旋转制作立方体

摘要：今天给大家分享一个立方体制作小案例，成品如下： html代码 css代码。想象你手上托举有6本书，试着移动下，怎么样才能让六个面组成一个立方体呢？正方体里面的花是section的背景图。section其实是处在“把正方体平均分成上下两层的那个隔板那里。宽高等同于6个面的宽高，设置的是背景色透明，所阅读全文

posted @ 2019-01-21 08:53 风往南阅读(215) 评论(0) 推荐(0)

导入flexible.js实现移动端布局

摘要：前面移动端的布局我写了2篇。第一篇 "媒体查询结合rem实现移动端布局" 。之后又写了一篇 "vw结合rem实现移动端布局" 。今天我要给大家再介绍一种更简便的方法。第三种：flexible.js (750px) 实现步骤： 1：先去掉禁止用户缩放的meta标签 2：在页面中导入flexible. 阅读全文

posted @ 2019-01-19 16:45 风往南阅读(686) 评论(0) 推荐(0)

vw结合rem实现移动端布局

摘要：继上一篇 "《媒体查询结合rem实现移动端布局》" 的改进！还是以昨天写的页面为例上一回说到了媒体查询结合rem做移动端布局，步骤如下首先设置媒体查询，确定html中font size值的变化实现步骤： 1:例如设计图为750px .设计图量出height为88px; 2:考虑dpr为2，量阅读全文

posted @ 2019-01-19 16:22 风往南阅读(251) 评论(0) 推荐(0)

工作要选高薪的，还是选喜欢的？

摘要：工作要选高薪的，还是选喜欢的？认知选择一份工作，也不仅仅是选择这份工作本身，而是用你的思考方式，去选择一系列的工作的组合。图上能看出3点提示： 1.有多喜欢、薪酬高低，甚至工作本身，都是会变的 2.任何一份工作，都无法完全决定你的职场高度 3.工作组合1，看起来更普遍一些 0... 阅读全文

posted @ 2019-01-19 15:54 风往南阅读(223) 评论(0) 推荐(0)

transform：rotate（）制作摩天轮小案例

摘要：这个案例跟我上一次发布的文章案例——旋转木马相册比较像，但更简单一点，用不到translate，只需要用rotate，而且不分x轴，Y轴，z轴。案例效果图如下：分析：摩天轮和中间的标题是两张导入的图片。它们都是定位到游览器的正中央，摩天轮图片我用的是固定定位，这样就可以避免产生竖向滚动条了。其它的阅读全文

posted @ 2019-01-19 15:18 风往南阅读(407) 评论(0) 推荐(0)

无技术、无经验的应届生如何进入互联网行业？

摘要：本文内容整理自微信公众号同名文章 • 认知 • 技术岗和非技术岗。非技术岗则分为设计、产品、运营、策划、编辑等岗位。另外还有一些职能部门，例如财务、销售、人资等等。 • 对于普通人来说，想要进入互联网行业，可以从非技术岗入手。如果要让我在非技术岗中推荐一个岗位，我会推荐运营岗。 • 原因 • 互联网阅读全文

posted @ 2019-01-19 11:56 风往南阅读(1151) 评论(0) 推荐(0)

弹性盒制作骰子

摘要：html样式一、二、三这三个点数很容易，div里面有几个点就加几个span。到了四，就需要进行分组。四分两组，五和六分三组 css代码先写容器骰子的样式接下来写点数span的样式，写一、二、三点。先把骰子的六个面在游览器水平居中排列:六个div，给它们设置相同的样式。同时body要把它转换成阅读全文

posted @ 2019-01-19 11:37 风往南阅读(570) 评论(0) 推荐(0)

旋转木马效果相册小案例

摘要：成品如下该案例运用了3d旋转位移transform属性，代码很简练，难点是因为是三维效果，需要有空间感，在脑海里要构建3d画面。每张照片自转的同时也在围绕小人在公转，公转的圆是还是上下起伏的。下面跟着我来看如何实现这些效果 html代码图片少放点多放点没关系。但会涉及到旋转的度数问题。我放了10 阅读全文

posted @ 2019-01-19 11:00 风往南阅读(255) 评论(0) 推荐(0)

线条缩放小案例

摘要：今天给大家分享下线条缩放小案例案例原型如下 html代码 css代码四个线条是div的边框，一个设置两条宽，一个设置两条高，不用设置背景。线条摆放的位置要用定位写接下来就是鼠标滑过后的样式了制作的效果比较简陋，如下图所示阅读全文

posted @ 2019-01-19 10:15 风往南阅读(153) 评论(0) 推荐(0)

利用transform:rotate( )制作折扇

摘要：跟大家分享一个利用transform:rotate( )制作折扇小案例的过程！制作思路：扇子是由一个个不同颜色的小长方形围绕自身相同的旋转原点旋转而成的。所有的小方块都是在一个大方块里，只是大方块没设置背景颜色，只设置了下边框。鼠标没滑过前，所有的小方块是折叠在一起的，这个折叠是通过定位做的。接下阅读全文

posted @ 2019-01-15 18:59 风往南阅读(232) 评论(0) 推荐(0)

使用过渡效果制作小案例

摘要：过渡效果小案例思路：section设宽高，div设宽高。加浮动。最右边的图超出section，加overflow。鼠标滑动效果：所有div先同时变小，然后单击某一个div时图片放大做到最后，出现个小bug：偶尔有图会掉下来。这是因为section的宽度不够了，包不住所有浮动的图片。解决方案：在所阅读全文

posted @ 2019-01-15 18:23 风往南阅读(152) 评论(0) 推荐(0)

媒体查询结合rem实现移动端布局

摘要：第一步：先写好重置的样式。直接复制粘贴即可写移动端另外加上的在head里，style外需加上下面一句。第二步：写头部头部html 头部style 两个span的共同点写完了，接着分别微调不一样的地方第三部，写导航nav 导航html。这里的class类名是点击效果。因为还没涉及js，暂时就阅读全文

posted @ 2019-01-14 22:06 风往南阅读(475) 评论(0) 推荐(0)