01 2020 档案

@media屏幕适应
摘要：```/** 屏幕特殊处理 我们用min-width时，小的放上面大的在下面，同理如果是用max-width那么就是大的在上面，小的在下面 **/@media screen and (max-width: 1680px) { //<= 1680px body { background-color: red; }}@media screen and (max-width: 1280px) ... 阅读全文
posted @ 2020-01-31 14:20 TBHacker 阅读(235) 评论(0) 推荐(0) 编辑
常规布局
摘要：html css 结构很清晰！ 阅读全文
posted @ 2020-01-19 17:49 TBHacker 阅读(241) 评论(0) 推荐(0) 编辑
小程序 downloadFile:fail url not in domain list
摘要：把所有的相关的https图片域名都放进去！！！ 重新加载小程序，能够及时看到更改效果。 可以通过 来进行调试！！！ 阅读全文
posted @ 2020-01-17 16:42 TBHacker 阅读(3067) 评论(0) 推荐(0) 编辑
正则匹配整数或小数
摘要：代表{0,}　+代表{1,}　?代表{0,1} js中使用， 阅读全文
posted @ 2020-01-17 10:15 TBHacker 阅读(9951) 评论(0) 推荐(1) 编辑
文本超出点点点
摘要：设定宽度 不换行 超出隐藏 超出点点点 | 值 | 描述 | | : | : | | clip | 修剪文本。 | | ellipsis | 显示省略符号来代表被修剪的文本。 | | string | 使用给定的字符串来代表被修剪的文本。 | 阅读全文
posted @ 2020-01-16 10:31 TBHacker 阅读(1333) 评论(0) 推荐(0) 编辑
订单页面布局
摘要：html css 阅读全文
posted @ 2020-01-15 11:51 TBHacker 阅读(2614) 评论(0) 推荐(0) 编辑
vscode 代码自动保存设置
摘要：![](https://img2018.cnblogs.com/blog/422101/202001/422101-20200115104128508-1731200206.png) ![](https://img2018.cnblogs.com/blog/422101/202001/422101-20200115104136838-518616263.png) 阅读全文
posted @ 2020-01-15 10:42 TBHacker 阅读(954) 评论(0) 推荐(0) 编辑
小程序绑定enter事件
摘要：绑定后，就不需要点搜索按钮了 阅读全文
posted @ 2020-01-14 12:01 TBHacker 阅读(1712) 评论(0) 推荐(0) 编辑
小程序实现搜索效果
摘要：首页入口 进入搜索页 搜索结果页 后台提供三个接口 搜索页面 搜索页面业务逻辑 搜索页面样式 搜索结果页面 搜索结果页逻辑 搜索结果页样式 阅读全文
posted @ 2020-01-14 11:35 TBHacker 阅读(2184) 评论(0) 推荐(0) 编辑
算法，约瑟夫问题
摘要：结果： 阅读全文
posted @ 2020-01-14 00:49 TBHacker 阅读(217) 评论(0) 推荐(0) 编辑
搜索页布局
摘要：html css 阅读全文
posted @ 2020-01-13 09:03 TBHacker 阅读(238) 评论(0) 推荐(0) 编辑
一群猴子排成一圈，按1 2 3 ... n依次编号
摘要：``` 阅读全文
posted @ 2020-01-13 00:35 TBHacker 阅读(497) 评论(0) 推荐(0) 编辑
算法，计算经过多少次路口
摘要：``` 50000) { count++;money *= 0.95; } // 第二关 while(money>=5000)$count++;$money−=5000;returncount; } echo getRoadCount(); // 23次... 阅读全文
posted @ 2020-01-13 00:02 TBHacker 阅读(240) 评论(0) 推荐(0) 编辑
计算数组中最大值和最小值的差值
摘要：算法一 $v) { // 赋初值 if (k==0)$max=$min=$v;//获取最大值if(v max)$max=$v;//获取最小值if(v 阅读全文
posted @ 2020-01-12 23:47 TBHacker 阅读(1958) 评论(0) 推荐(0) 编辑
display: inline、block、inline-block、flex和inline-flex
摘要：inline block inline block flex inline flex 阅读全文
posted @ 2020-01-10 16:32 TBHacker 阅读(2181) 评论(0) 推荐(0) 编辑
vscode 代码格式化 快捷键
摘要：``` ctrl+shift+i ``` 阅读全文
posted @ 2020-01-10 16:15 TBHacker 阅读(344) 评论(0) 推荐(0) 编辑
vscode 配置scss转wxss
摘要：先安装插件 创建.vscode文件夹 创建settings.json 配置内容如下: 阅读全文
posted @ 2020-01-10 14:22 TBHacker 阅读(1644) 评论(0) 推荐(0) 编辑
纯CSS实现内容放大缩小效果
摘要：先搭架子 再实现第一个内容 填充更多内容 拆掉border，查看最终效果 html代码 css代码 这里巧妙的运用了hover属性，结合transition平滑过渡。不需要js，一样可以实现动态效果。 阅读全文
posted @ 2020-01-09 11:36 TBHacker 阅读(6937) 评论(0) 推荐(0) 编辑
php字符串反转
摘要：``` v)if($v!=″)$newarr[]=$v;//处理数据out_arr = []; foreach(newarrasword) { // 获取反转的字符串 revword=strrev(word); // 获取字符串长度 $ 阅读全文
posted @ 2020-01-08 22:25 TBHacker 阅读(687) 评论(0) 推荐(0) 编辑
图片居中的flex实现
摘要：文本居中 如果是图片放在div中，就没办法了。用flex可以很简单实现。 下面是案例： html css 阅读全文
posted @ 2020-01-08 18:09 TBHacker 阅读(1273) 评论(0) 推荐(0) 编辑
悬浮图片之上效果实现
摘要：其实很简单，就是一个margin top的问题，但是需要relative的定位方式才能悬在上面。 html部分 css 阅读全文
posted @ 2020-01-08 17:21 TBHacker 阅读(875) 评论(0) 推荐(0) 编辑
yarn管理项目
摘要：安装项目的全部依赖node_modules 加载node_modules 生成项目dist 生成目录的前提是安装了相关的包，比如这个项目用的是taro，就要先把taro安装好（而且要版本号一致） 如果使用dev，每次更改内容，都会自动更新dist文件夹，开发小程序很方便。 阅读全文
posted @ 2020-01-08 11:52 TBHacker 阅读(758) 评论(0) 推荐(0) 编辑
css中的transform，transition，translate的关系
摘要：transform 旋转（transform是没有动画效果，你改变了它的值，元素的样子就唰的改变了。其中的位移的函数名就叫translate，所以说，translate是transform的一部分。） transition 平滑过渡（是 过渡，指的是某个CSS属性值如何平滑的进行改变，就是平常说的 阅读全文
posted @ 2020-01-08 11:12 TBHacker 阅读(1064) 评论(0) 推荐(0) 编辑
解决margin-top无效问题
摘要：当两个空的块级元素嵌套时，如果内部的块设置有margin top属性，而且父元素没有下边解决方法所述的特征，那么内部块的margin top属性会绑架父元素（即将margin top传递凌驾给了父元素）。 html css 阅读全文
posted @ 2020-01-08 09:38 TBHacker 阅读(703) 评论(0) 推荐(0) 编辑
实现滑动效果
摘要：html css js 引入swiper 布局的时候，就要结合一些插件来实现最终效果！ 这里的slidesPerView要设置成自动“auto”，否则宽高不好控制。 阅读全文
posted @ 2020-01-07 19:09 TBHacker 阅读(179) 评论(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 阅读(1480) 评论(0) 推荐(0) 编辑
img图片默认的3px空白缝隙解决方法
摘要：表示将img标签，即图片标签由行内元素变成一个块级元素。 一般在制作轮播网页或使用到img图片时，我们都会对图片设置 。因为img图片下方会有一个3px的白色空隙产生，这样设置之后可以把img变为块级元素从而来消除这段空隙。 缝隙没有了！ Tips:布局过程中，会遇到各种各样稀奇古怪的东西！学以致用 阅读全文
posted @ 2020-01-07 11:16 TBHacker 阅读(779) 评论(0) 推荐(0) 编辑
实现背景图布局
摘要：上面的内容如何实现呢？ 先添加一个背景图。 背景图，需要设置高度，并保证图片路径正确。 然后就是正常的排列 最有趣的是下面的tag，正方形 Tips:需要计算宽高，需要用border来辅助布局。div可以实现方框的效果，很有趣。通过Flex布局，子元素宽度是个技术活，不能太宽，否则无法space b 阅读全文
posted @ 2020-01-07 10:33 TBHacker 阅读(444) 评论(0) 推荐(0) 编辑
Flex实现复杂布局
摘要：巧妙利用边框（或者背景颜色）来进行布局。 填上内容和图片（由设计提供切图）。 去掉边框。 css html 阅读全文
posted @ 2020-01-06 19:14 TBHacker 阅读(683) 评论(0) 推荐(0) 编辑
Flex实现左右布局
摘要：html css 这里把高度都给限制死了。 可以换一个思路，通过设置margin top来处理竖向空间。 阅读全文
posted @ 2020-01-06 18:31 TBHacker 阅读(20410) 评论(0) 推荐(0) 编辑
Flex 弹性布局
摘要：布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 注意，设为 Flex 布局以后， 阅读全文
posted @ 2020-01-06 17:48 TBHacker 阅读(214) 评论(0) 推荐(0) 编辑
CSS布局，div居中，文字居中
摘要：div居中 文字居中 文字垂直居中 阅读全文
posted @ 2020-01-06 16:49 TBHacker 阅读(2088) 评论(0) 推荐(0) 编辑
Yaf 中Module，Controller，Action的区别
摘要：模块Module 控制器Controller 方法Action Yaf的默认Module是Index，浏览器访问 ，其实就是请求了Index模块下的Index控制器下的indexAction方法。 在目录application\下新建目录modules。除了默认模块，其他模块都放在applicati 阅读全文
posted @ 2020-01-06 13:44 TBHacker 阅读(785) 评论(0) 推荐(0) 编辑
密码加salt
摘要：生成salt 生成salt密码 存储salt+密码 比对密码是否正确 阅读全文
posted @ 2020-01-06 10:20 TBHacker 阅读(406) 评论(0) 推荐(0) 编辑
PHP将字符串分割中数组
摘要：结果 支持中文，也支持英文。 在此基础上，实现字符串去重 阅读全文
posted @ 2020-01-04 10:29 TBHacker 阅读(3012) 评论(0) 推荐(0) 编辑
php链接数据库
摘要：配置如下 初始化的时候，自动连接数据库。 然后就可以进行各种操作了。 阅读全文
posted @ 2020-01-03 16:39 TBHacker 阅读(238) 评论(0) 推荐(0) 编辑
分页组件化思想
摘要：分页，包含一些基本元素。 比如：当前的URL，首页，尾页，上一页，下一页，总页数，以及数字链接（包含当前页） 组件化思想，就是把这些基本元素给整理出来，然后拼接。 拼接 这里需要注意的是， 要放到最后，它会把其他元素中包含它们的给替换掉。 阅读全文
posted @ 2020-01-02 17:01 TBHacker 阅读(186) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示