Peak Xin

小峰的博客


  • 首页

  • 标签

  • 分类

  • 归档

  • 优秀资源

  • 搜索

Using jQuery ajax and FormData to upload a file

发表于 2020-06-04 | 分类于 前端开发 , JavaScript |
字数统计: 512 | 阅读时长 ≈ 2

使用form表单初始化FormData对象方式上传文件

html

1
2
3
4
<form id="uploadForm" enctype="multipart/form-data">
<input type="file" name="file" />
<button id="upload" type="button">上传</button>
</form>
阅读全文 »

Laravel How to create a custom Log file

发表于 2020-06-01 | 分类于 PHP框架 , Laravel |
字数统计: 93 | 阅读时长 ≈ 1

On Laravel 5.8, you cannot use Log::useFiles() to create custom log files,after some digging around I found that I could add a channel to config/logging.php like this

1
2
3
4
5
'customlog' => [
'driver' => 'single',
'path' => storage_path('logs/custom.log'),
'level' => 'info',
],
阅读全文 »

Hexo Next主题 添加文章评论功能

发表于 2020-06-01 | 分类于 前端框架 , Hexo |
字数统计: 771 | 阅读时长 ≈ 3

Hexo的Next主题集成了多种评论系统,在这里介绍两种个人感觉还不错的评论系统:Valine和Gitment。

Valine 评论系统

使用 Valine 评论系统,这款系统不需要登录便可以登录,没有后端,Next 主题最新已经支持安装

  • 基于 Leancloud 的系统
  • 支持 MarkDown 语法
  • 无后端实现,快速高效
阅读全文 »

Laravel 输出执行的 SQL 日志

发表于 2020-05-29 | 分类于 PHP框架 , Laravel |
字数统计: 351 | 阅读时长 ≈ 1

我们在使用Laravel框架时,免不了要打印一下程序中SQL的执行情况

临时输出执行的 SQL 日志

1
2
3
4
5
DB::enableQueryLog();// 开启日志支持

// 程序中执行SQL的代码

dd(DB::getQueryLog());// 输出执行的 SQL 日志
阅读全文 »

解决Laravel表单提交默认将空值转为null

发表于 2020-05-28 | 分类于 PHP框架 , Laravel |
字数统计: 189 | 阅读时长 ≈ 1

在Laravel中,使用$request->inptu('field'),获取参数值为空的时候,输出的值为null

阅读全文 »

如何关闭PHP缓存

发表于 2020-05-28 | 分类于 后端开发 , PHP |
字数统计: 129 | 阅读时长 ≈ 1

最近使用 phpstudy_pro 集成环境,php 版本为 7.2.9,laravel 框架开发,发现一个问题,就是调试的时候,设置的打印数据得刷新好几次才能正常,开始以为是laravel 框架缓存导致的,清理laravel缓存之后,BUT,还是得刷新几次。

阅读全文 »

Hexo Next主题 配置

发表于 2020-05-25 | 分类于 前端框架 , Hexo |
字数统计: 916 | 阅读时长 ≈ 4

增加侧边阅读百分比进度条

打开位于 themes/next/_config.yml 文件,修改如下:

1
2
# Scroll percent label in b2t button.
scrollpercent: true
阅读全文 »

关于PHP程序员技术职业生涯规划

发表于 2020-05-15 | 分类于 杂谈 |
字数统计: 615 | 阅读时长 ≈ 2

转载地址:http://rango.swoole.com/

看到很多PHP程序员职业规划的文章,都是直接上来就提Linux、PHP、MySQL、Nginx、Redis、Memcache、jQuery这些,然后就直接上手搭环境、做项目,中级就是学习各种PHP框架和类库,高级阶段就是MySQL优化、PHP内核与扩展、架构设计这些了。

阅读全文 »

Html固定头部后锚点定位偏移调整

发表于 2020-05-14 | 分类于 前端开发 , HTML |
字数统计: 210 | 阅读时长 ≈ 1

有时候在头部菜单,我们会使用锚点定位,如果此时头部菜单我们设置成固定到头部,那么我们在使用锚点定位的时候,定位到的页面位置向上偏移了。

解决方案:

假设固定头部的高度为50px

其中一个锚点为:

1
<a id="about"></a>

我们给锚点添加一个class

1
<a class="target-fix" id="about"></a>

target-fix样式为

1
2
3
4
5
6
.target-fix {// 暗锚,让它滚动上来的时候在实际位置的基础上向下偏移50px,和你设置的nav高度一致即可
position: relative;
top: -50px; // 偏移值
display: block;
visibility: hidden; //不让它展示
}

这样就可以解决偏移问题了,我们加这个这样一个class,学名叫 暗锚 ,涨知识了吧!

Bootstrap导航条如何跟踪锚点

发表于 2020-05-14 | 分类于 前端框架 , Bootstrap |
字数统计: 153 | 阅读时长 ≈ 1

通过 data 属性向想要监听的元素(通常是 body)添加 data-spy="scroll",然后添加带有 Bootstrap 标签为 nav 或者 class="nav" 或 id="nav" 组件的父元素的属性 data-target。为了它能正常工作,您必须确保页面主体中有匹配所要监听链接的 ID 的元素存在。

来看例子:

1
2
3
4
5
6
7
8
9
10
11
12
<body data-spy="scroll" data-target=".navbar-menu">
<!-- 导航条 -->
<a id="home" class="target-fix"></a>
<nav class="navbar navbar-default navbar-fixed-top navbar-menu">
.....
</nav>
.....

<script>
$('body').scrollspy({ target: '.navbar-menu' });
</script>
</body>
1…91011…20
Peak Xin

Peak Xin

Always keep a learning heart.

200 日志
41 分类
116 标签
RSS
GitHub E-Mail Twitter StackOverflow GitLab Travis Gitee SegmentFault CSDN
推荐网址
  • 阮一峰的个人网站
  • 廖雪峰的官方网站
  • 韩天峰(Rango)的博客
© 2025 Peak Xin 鲁ICP备15013472号-3
由 Hexo 强力驱动
|
主题 — NexT.Mist v5.1.4
本博客 由 Peak Xin 采用 知识共享 署名 4.0 国际 许可协议进行许可。
站点总访客数: 站点总访问量:
0%