上一页 1 ··· 18 19 20 21 22 23 24 25 26 ··· 114 下一页
2020年1月13日
搜索页布局
摘要： html css 阅读全文
posted @ 2020-01-13 09:03 TBHacker 阅读(245) 评论(0) 推荐(0)
一群猴子排成一圈，按1 2 3 ... n依次编号
摘要： ``` 阅读全文
posted @ 2020-01-13 00:35 TBHacker 阅读(508) 评论(0) 推荐(0)
算法，计算经过多少次路口
摘要： ``` 50000) { $count++; $money *= 0.95; } // 第二关 while($money >= 5000) { $count++; $money -= 5000; } return $count; } echo getRoadCount(); // 23次... 阅读全文
posted @ 2020-01-13 00:02 TBHacker 阅读(254) 评论(0) 推荐(0)
2020年1月12日
计算数组中最大值和最小值的差值
摘要： 算法一 $v) { // 赋初值 if ($k == 0) { $max = $min = $v; } // 获取最大值 if ($v $max) { $max = $v; } // 获取最小值 if ($v 阅读全文
posted @ 2020-01-12 23:47 TBHacker 阅读(1986) 评论(0) 推荐(0)
2020年1月10日
display: inline、block、inline-block、flex和inline-flex
摘要： inline block inline block flex inline flex 阅读全文
posted @ 2020-01-10 16:32 TBHacker 阅读(2198) 评论(0) 推荐(0)
vscode 代码格式化 快捷键
摘要： ``` ctrl+shift+i ``` 阅读全文
posted @ 2020-01-10 16:15 TBHacker 阅读(351) 评论(0) 推荐(0)
vscode 配置scss转wxss
摘要： 先安装插件 创建.vscode文件夹 创建settings.json 配置内容如下: 阅读全文
posted @ 2020-01-10 14:22 TBHacker 阅读(1670) 评论(0) 推荐(0)
2020年1月9日
纯CSS实现内容放大缩小效果
摘要： 先搭架子 再实现第一个内容 填充更多内容 拆掉border，查看最终效果 html代码 css代码 这里巧妙的运用了hover属性，结合transition平滑过渡。不需要js，一样可以实现动态效果。 阅读全文
posted @ 2020-01-09 11:36 TBHacker 阅读(6953) 评论(0) 推荐(0)
2020年1月8日
php字符串反转
摘要： ``` $v) { if ($v != '') { $new_arr[] = $v; } } // 处理数据 $out_arr = []; foreach($new_arr as $word) { // 获取反转的字符串 $rev_word = strrev($word); // 获取字符串长度 $ 阅读全文
posted @ 2020-01-08 22:25 TBHacker 阅读(696) 评论(0) 推荐(0)
图片居中的flex实现
摘要： 文本居中 如果是图片放在div中，就没办法了。用flex可以很简单实现。 下面是案例： html css 阅读全文
posted @ 2020-01-08 18:09 TBHacker 阅读(1283) 评论(0) 推荐(0)
悬浮图片之上效果实现
摘要： 其实很简单，就是一个margin top的问题，但是需要relative的定位方式才能悬在上面。 html部分 css 阅读全文
posted @ 2020-01-08 17:21 TBHacker 阅读(904) 评论(0) 推荐(0)
yarn管理项目
摘要： 安装项目的全部依赖node_modules 加载node_modules 生成项目dist 生成目录的前提是安装了相关的包，比如这个项目用的是taro，就要先把taro安装好（而且要版本号一致） 如果使用dev，每次更改内容，都会自动更新dist文件夹，开发小程序很方便。 阅读全文
posted @ 2020-01-08 11:52 TBHacker 阅读(767) 评论(0) 推荐(0)
css中的transform，transition，translate的关系
摘要： transform 旋转（transform是没有动画效果，你改变了它的值，元素的样子就唰的改变了。其中的位移的函数名就叫translate，所以说，translate是transform的一部分。） transition 平滑过渡（是 过渡，指的是某个CSS属性值如何平滑的进行改变，就是平常说的 阅读全文
posted @ 2020-01-08 11:12 TBHacker 阅读(1121) 评论(0) 推荐(0)
解决margin-top无效问题
摘要： 当两个空的块级元素嵌套时，如果内部的块设置有margin top属性，而且父元素没有下边解决方法所述的特征，那么内部块的margin top属性会绑架父元素（即将margin top传递凌驾给了父元素）。 html css 阅读全文
posted @ 2020-01-08 09:38 TBHacker 阅读(715) 评论(0) 推荐(0)
2020年1月7日
实现滑动效果
摘要： html css js 引入swiper 布局的时候，就要结合一些插件来实现最终效果！ 这里的slidesPerView要设置成自动“auto”，否则宽高不好控制。 阅读全文
posted @ 2020-01-07 19:09 TBHacker 阅读(181) 评论(0) 推荐(0)
cnpm,yarn,npm,nodejs 区别与关系
摘要： Yarn是Facebook公司出品的用于管理nodejs包的一款软件。Yarn 是为了弥补 npm 的一些缺陷而出现的。 npm是随同nodejs一起安装的包管理工具。 cnpm是淘宝 NPM 镜像，更快。 通过官方xz文件安装nodejs。 安装nodejs 下载下来是xz文件 都不需要安装！ 自 阅读全文
posted @ 2020-01-07 14:46 TBHacker 阅读(1505) 评论(0) 推荐(0)
img图片默认的3px空白缝隙解决方法
摘要： 表示将img标签，即图片标签由行内元素变成一个块级元素。 一般在制作轮播网页或使用到img图片时，我们都会对图片设置 。因为img图片下方会有一个3px的白色空隙产生，这样设置之后可以把img变为块级元素从而来消除这段空隙。 缝隙没有了！ Tips:布局过程中，会遇到各种各样稀奇古怪的东西！学以致用 阅读全文
posted @ 2020-01-07 11:16 TBHacker 阅读(797) 评论(0) 推荐(0)
实现背景图布局
摘要： 上面的内容如何实现呢？ 先添加一个背景图。 背景图，需要设置高度，并保证图片路径正确。 然后就是正常的排列 最有趣的是下面的tag，正方形 Tips:需要计算宽高，需要用border来辅助布局。div可以实现方框的效果，很有趣。通过Flex布局，子元素宽度是个技术活，不能太宽，否则无法space b 阅读全文
posted @ 2020-01-07 10:33 TBHacker 阅读(453) 评论(0) 推荐(0)
2020年1月6日
Flex实现复杂布局
摘要： 巧妙利用边框（或者背景颜色）来进行布局。 填上内容和图片（由设计提供切图）。 去掉边框。 css html 阅读全文
posted @ 2020-01-06 19:14 TBHacker 阅读(703) 评论(0) 推荐(0)
Flex实现左右布局
摘要： html css 这里把高度都给限制死了。 可以换一个思路，通过设置margin top来处理竖向空间。 阅读全文
posted @ 2020-01-06 18:31 TBHacker 阅读(20447) 评论(0) 推荐(0)
上一页 1 ··· 18 19 20 21 22 23 24 25 26 ··· 114 下一页