better-scroll page配置

2024-08-29

页面滚动插件 better-scroll 的用法

better-scroll 是一个页面滚动插件,用它可以很方便的实现下拉刷新,锚点滚动等功能. 实现原理:父容器固定高度,并设置 overflow:hidden,子元素超出父元素高度后将被隐藏,超出部分可滚动且没有滚动条. github地址一. 立即使用 <body> <div id="wrapper"> <ul> <li>...</li> <li>...</li> ... </ul> &

缘起最近看到好多的公众号作者推荐大家搭建自己的博客,自己手痒也搭建了一个个人博客lumang,具体过程就是一开始上网搜索一番教程,按照教程开始搭建,由于是windows的环境,同时教程也有很多的老旧版本,教程中很多软件的下载链接不是最新版的,软件安装的过程就会有问题,支持不了最新的Hexo,很多细节没有说清楚,问题不一而足,最后才想到要上官网上去看看.看了以后很有收获的很多,大部分问题得到了解决,所以以后类似软件的使用问题应该先到官网上看看,另外要说的是,这些软件网站说明多数是英文的,很多看开

Asp.net Web Api开发Help Page配置和扩展

为了方面APP开发人员,服务端的接口都应当提供详尽的API说明.但每次有修改,既要维护代码,又要维护文档,一旦开发进度紧张,很容易导致代码与文档不一致. Web API有一个Help Page插件,可以很方便的根据代码及注释自动生成相关API说明页面. Help Page安装步骤及扩展(以VS2015为例): 右键点击WebAPI项目的引用,选择"管理NuGet程序包" 在搜索框中输入 helppage进行搜索,结果如下图: 然后在右侧边栏点击安装按钮即可进行插件安装了. 安装完成后,

Asp.net Web Api开发（第四篇）Help Page配置和扩展

https://blog.csdn.net/sqqyq/article/details/52708613

Hexo博客配置笔记

安装Hexo npm install hexo-cli -g cd /blog hexo init 安装next主题 git clone https://github.com/iissnan/hexo-theme-next themes/next 站点配置文件 _config.yml # Hexo Configuration ## Docs: https://hexo.io/docs/configuration.html ## Source: https://github.com/hexojs/

Hexo搭建个人博客及next主题基本配置

前言国内一些免费的博客平台比如CSDN.博客园都已经很成熟,功能齐全,已经可以满足我们的需求,帮助我们记录学习过程遇到的问题,还能分享帮助其他人解决问题.为什么还要自己动手去搭建博客呢?首先写博客是对自己学习经历的一种总结,其次搭建个人博客,是对自己独立思考能力.动手能力的提升,通过大量的百度Google以及查看官方API解决问题,会瞬间觉得整个人心情都好了.最后奉上我的真实感受,搭博客不管你是否爱学习,喜欢新事物,一定要有一颗抗折腾的心~~~ Hexo安装 Hexo简介 Hexo 是一个快速

14.6.3.4 Configuring InnoDB Buffer Pool Prefetching (Read-Ahead) 配置InnoDB Buffer pool 预取

14.6.3.4 Configuring InnoDB Buffer Pool Prefetching (Read-Ahead) 配置InnoDB Buffer pool 预取一个预读请求是一个I/O 请求异步预取多个pages到buffer pool. 预估那些Pages 马上会被需要. 请求把所有的Pages 到一个extent. InnoDB 使用2种预读算法来改善I/O性能线性的预读是一种技术是预测哪个page 可能马上被需要在buffer pool中被顺序访问的pages. 你控制

springboot情操陶冶-web配置(二)

承接前文springboot情操陶冶-web配置(一),在分析mvc的配置之前先了解下其默认的错误界面是如何显示的 404界面 springboot有个比较有趣的配置server.error.whitelabel.enabled,可用来管理404界面的显示方式,是简单的显示还是详细的显示. 指定为false的时候,则会简简单单的显示视图找不到的错误信息,如下指定为true的时候(默认配置),则会显示前文样例中的错误信息,如下源码层分析 springboot安排了ErrorMvcAutoCon

使用PHPStorm 配置自定义的Apache与PHP环境

使用PHPStorm 配置自定义的Apache与PHP环境之一关于phpstorm配置php开发环境,大多数资料都是直接推荐安装wapmserver.而对于如何配置自定义的PHP环境和Apache则很少提到.本文就是说明如何在phpstorm中配置已经安装好的PHP与apache.一.配置PHP解释器File>Settings>Languages&Frameworks>PHP 在php executable中填入自己php解释器的安装地址. 二.配置apache 1.Edi

hexo + Github Page 0元建立博客攻略

传送门: 5分钟 0元搭建个人独立博客网站(一):https://mp.weixin.qq.com/s/69isJE191WV2gaVbjrwTtw 5分钟 0元搭建个人独立博客网站(二):https://mp.weixin.qq.com/s/JFhh5zU4cI26-NlOlApncA hexo 中文官方文档:https://hexo.io/zh-cn/docs/setup.html 步骤概览: 申请 Github Pages(略): 使用 hexo 初始化项目; 修改 google cdn

NIO开发Http服务器（3）：核心配置和Request封装

最近学习了Java NIO技术,觉得不能再去写一些Hello World的学习demo了,而且也不想再像学习IO时那样编写一个控制台(或者带界面)聊天室.我们是做WEB开发的,整天围着tomcat.nginx转,所以选择了一个新的方向,就是自己开发一个简单的Http服务器,在总结Java NIO的同时,也加深一下对http协议的理解. 项目实现了静态资源(html.css.js和图片)和简单动态资源的处理,可以实现监听端口.部署目录.资源过期的配置.涉及到了NIO缓冲区.通道和网络编程的核心知识

Hexo+NextT基本设置【3】

该系列博客列表请访问:http://www.cnblogs.com/penglei-it/category/934299.html 摘要或许在你看到我这篇我文章之前,你已经成功的通过Github+Hexo+NextT搭建个人博客这篇文章搭建了自己的博客系统.但是尽管您已经成功建立博客网站,但是你需要对网站做合适的配置和调整才能迎合你的网站要求.本文主要介绍HEXO的基本操作命令和网站的基本配置方法.而在本篇文章中我将着力讲解NextT主题的配置.其他主题的配置与此类似. 安装 Hex

vscode之常用快捷键

原文章地址: vscode: Visual Studio Code 常用快捷键官方快捷键说明:Key Bindings for Visual Studio Code 主命令框 F1 或 Ctrl+Shift+P: 打开命令面板.在打开的输入框内,可以输入任何命令,例如: 按一下 Backspace 会进入到 Ctrl+P 模式在 Ctrl+P 下输入 > 可以进入 Ctrl+Shift+P 模式在 Ctrl+P 窗口下还可以: 直接输入文件名,跳转到文件 ? 列出当前可执行的动作 ! 显示

使用hexo+coding搭建免费个人博客

1.检测node和npm 先检测一下有没有node.js和npm $ node -v //如果有,说明node.js安装成功! $ node -v v8.4.0 //如果有,说明npm安装成功! $npm -v $ npm -v 5.3.0 2.安装hexo 在git-bash中运行以下命令安装hexo 安装hexo全局 $ npm install -g hexo-cli 建立文件夹 hexo init blog cd blog npm install 然后运行 $ npm install 就能

Visual Studio Code 的使用

常用快捷键常用General 按 Press 功能 Function Ctrl + Shift + P,F1 显示命令面板 Show Command Palette Ctrl + P 快速打开 Quick Open Ctrl + Shift + N 新窗口/实例 New window/instance Ctrl + Shift + W 关闭窗口/实例 Close window/instance 基础编辑 Basic editing 按 Press 功能 Function Ctrl+X 剪切行(

Hexo瞎折腾系列(4) - 站点首页不显示文章全文

文章摘要设置打开主题配置文件 _config.yml 文件,找到如下: # Automatically Excerpt. Not recommend. # Please use  in the post to control excerpt accurately. auto_excerpt: enable: false length: 150 把这里的false改为true就可以了在首页启动显示文章预览了,length是显示预览的长度. 这里我们可以通过在文章使用&

hexo及next主题修改

通过npm uninstall <package>命令,你可以将node_modules目录下的某个依赖包移除: 1 npm uninstall 包名要从package.json文件的依赖列表中移除,你需要使用--save标签: 1 npm uninstall 注意:如果你是以开发依赖包(devDependency)的方式安装的(即安装时待--dave -dev标签),那用--save将无法从package.json中移除,你必须用--save -dev标签. 升级Next7.0.0 运行如

jQuery+Ajax滚屏异步加载数据实现（附源码）

一.CSS样式 body { font:12px/1.0em Microsoft Yahei; line-height:1.6em; background:#fff; line-height:1.2em; padding:0 10px; } ;} .container { height:900px;} .load-btn { display:block; text-align:center; padding:5px 10px; border:1px #eee solid; background:

Python Elasticsearch api

描述:ElasticSearch是一个基于Lucene的搜索服务器.它提供了一个分布式多用户能力的全文搜索引擎,基于RESTful web接口.下面介绍了利用Python API接口进行数据查询,方便其他系统的调用. 安装API pip install elasticsearch 建立es连接 from elasticsearch import Elasticsearch es = Elasticsearch([{'host':'10.10.13.12','port':9200}])

20+个可重复使用的jQuery代码片段

jQuery已经成为任何web项目的重要组成部分.它为网站提供了交互性的通过移动HTML元素,创建自定义动画,处理事件,选择DOM元素,检索整个document ,让最终用户有一个更好的体验. 在这篇文章中我已经收集了20 +个可重复使用的jQuery代码片段,你可以很容易地复制并直接粘贴到你的项目中. 图片的延迟加载 1 jQuery(document).ready(function() { 2 jQuery("img.lazy").lazy({ 3 dela

Mvc 自带分页控件PagedList.Mvc Demo示例

添加/下载PagedList.Mvc 直接搜索mvc pagelist 就会出来.安装完成即可.在项目的packages文件夹下面就会出现PagedList.Mvc.4.5.0.0 和PagedList.1.17.0.0两个文件夹然后添加引用的就好了. 上示例代码 /// <summary> /// Mvc 分页 /// </summary> /// <param name="order"></param> /// <param