CSS3的新特性已经讲完了，接下来我们看一下jQuery的一个全屏jQuery全屏滚动插件fullPage.js。我们经常见到一些全屏的特绚丽页面，手指或者鼠标滑动一下就是一整屏切换，而且还有各种效果。比如：全屏滑动案例 下面我们就介绍一下jQuery的fullPage.js的如何使用及常用的配置。 1. fullpage.js的主要功能 fullPage.js是一个基于jquery的插件，它能很方便的制作出全屏网站，github地址。 主要功能有： 支持鼠标滚动。 支持前后退和键盘控制。 多个回调函数。
CSS3的新特性已经讲完了，接下来我们看一下jQuery的一个全屏jQuery全屏滚动插件fullPage.js。我们经常见到一些全屏的特绚丽页面，手指或者鼠标滑动一下就是一整屏切换，而且还有各种效果。比如：全屏滑动案例
前言：说到我的学习之路是从arm嵌入式开发开始的，基本上在学校学习都时windows开发开始的，转到ubuntu上嵌入式开发刚开始非常的不习惯。不用鼠标很难受的，大家是不是有同感，不过在我接触学习vim后我的看法彻底被改变了。我就以我的学习经历从一个新手开始，一步一步的为大家带来我的vim学习之路。 如果你不是刚开始学习vim请略过此段。 安装vim: 刚安装ubuntu系统是没有自带vim的需要安装 sudo apt-get install vim； 我们先从基本的一些操作开始一步一步的去学习这个强大
vue3 源码实战出来啦：在面试中，害怕被问到 Vue源码，或者想通过自己对Vue 源码的来秀一下面试官的，可以了解一下。
导语 |腾讯文档 SmartSheet 视图是多种视图中的一种，该模式下 FPS 仅 20 几帧（普通 Sheet 视图下 58 帧），用户体验非常卡顿。腾讯文档团队针对该问题进行优化，通过禁用取色、多卡片离屏渲染等方式实现 FPS 接近 60 帧，提升两倍多。本文将详细介绍其挑战和解决方案，并输出通用的经验方法。希望本文对你有帮助。 目录 1 前言 2 增量渲染 3 分析火焰图 4 禁用取色 5 减少搜索结果匹配 6 避免使用 clone 7 多卡片离屏渲染 7.1 多卡片 vs 整屏 7
如果你要制作一个全屏的网页，使用这个插件在合适不过，如QQ浏览器官方网站 直接下载 使用方法 1.引入fullpage.css文件 <link rel="stylesheet" type="text/css" href="css/jquery.fullPage.css"> 2.引入jq 和 fullpage.js文件 <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script> <script
在移动端如果使用局部滚动，意思就是我们的滚动在一个固定宽高的div内触发，将该div设置成overflow:scroll/auto;来形成div内部的滚动，这时我们监听div的onscroll发现触发的时机区分android和ios两种情况，具体可以看下面表格:
在移动端中，如果我们使用了一个固定定位的遮罩层，且其下方的dom结构的宽度|高度超出屏幕的宽度|高度，那么即使遮罩层弹出后铺满了整个屏幕，其下方的dom结构依然可以滚动，这就是大家所说的“滚动穿透”。
github 地址，demo地址。支持多种场景，作者对 issues 的响应极快。
演示效果 自带引用bug.png 把Dn()函数注释掉即可.png 安装 npm install vue-fullpage.js 引用 // 引用fullpage 插件 import 'fullpage.js/vendors/scrolloverflow'; import VueFullPage from 'vue-fullpage.js'; Vue.use(VueFullPage); 在组件中使用 <full-page :options="options" ref="page">
它是小程序开发工具内置的一个可视化监控工具，能够在 OS 级别上实时记录系统资源的使用情况。
元素节点操作 创建节点 var $div = $(''); var $div2 = $('这是一个div元素'); 插入节点 1、append()和appendTo()：在现存元素的内部，从后面插入元素 var $span = $('这是一个span元素'); $('#div1').append($span); ...... 2、prepend()和prependTo()：在现存元素的内部，从前面插入元素06
有天，辛苦做了个复杂操作功能的页面，上线后有用户反馈：很多功能使用不了。惊了，以为是哪里出了bug。 立马联系用户，才发现原来是用户使用笔记本电脑，没有禁用触控板，然后不小心碰到导致整个界面都放大，很多功能超出界面不见了。 然而那能怎么办，用户第一，自然得快速解决这个问题，而且是触控板和触摸屏都得解决。
侧边栏的作用应该就不用多说了吧，能够很方便我们回到网页的指定位置，在大屏设备中，侧边栏往往是悬浮于屏幕右侧，很方便用户的使用，但在小屏设备中，屏幕空间有限，所以我们会通过隐藏侧边栏的方式，来节省视口空间的使用
本文的每一条，都是我曾经发过的掘金沸点，其中有很多条超过了百赞（窃喜）。鉴于时不时有童鞋翻我以前的沸点，因此，本文收集了个人目前发过的所有CSS知识点动图，以便阅读。
一般情况下 CSS 并不会影响 JS 事件，但有一个 CSS 属性则比较特殊，那就是 pointer-events，它可以用来规避鼠标事件，其中大部分属性值只适用于 SVG（可缩放矢量图形）操作，而我们只需要关注其 none 属性值，该值表示鼠标事件“穿透”该元素并且指定该元素“下面”的任何东西。
具体场景就是一个配置界面， ScrollViewer 中包含一个StackPanel 然后纵向堆叠，以滚动的方式查看，然后包含多个 TextBlock 、 TextBox 以及DataGrid ,期间遇到了两个问题：
小熊派开发板的 LCD 小屏幕使用是ST7789驱动IC，之前一直有在该块屏幕上实现滚动显示的想法，最初构想在MCU侧创建一个大的队列，将整个屏幕显示内容交由队列管理，然后不停的去整屏刷新以实现屏幕滚动。
回调函数原理：函数可以作为一个参数。将这个函数作为参数传到另一个函数里面，当那个函数执行完之后，再执行传进去的这个函数，这个过程就叫做回调。
CSS3在布局方面做了非常大的改进，使得我们对块级元素的布局排列变得十分灵活，适应性非常强，其强大的伸缩性，在响应式开中可以发挥极大的作用。
小包在学习阮一峰大佬的《ES6入门教程》时，对文章顶部的阅读进度功能产生了浓厚的兴趣。小包当时猜想应该是使用 JavaScript 实现的，但最近爱上了浩如烟海的 CSS ，于是小包有个大胆的想法，单纯的 CSS 能实现阅读进度功能吗？
可以看到，六个绿色条并发请求，四个灰色条等待请求，最下面三个绿色条3.4s后才触发请求
工欲善其事必先利其器，今天我给大家推荐一个非常简单，非常高效，非常好用的截图工具。没办法，我这个人就是看见好东西喜欢和大家一起分享。真心是忍不住要分享一下。 1 目标用户 对于一个经常写技术博客，在公众号分享技术的人来说，你们知道最大的难点在哪吗？在公众号分享文章，最大的难点是排版，而对于技术文章的排版来说，最难的在于代码的排版。所以我以前代码的排版经常使用截图，但是截图有点限制，没有找到合适的可以滚动截图的工具。代码如果超出屏幕长度，就不太好截屏了，以前用 windows 的时候，还有个可以滚动截图的，现
DELPHI IDE中部分操作快捷方式 1 代码模板 ： CTRL+J 2 代码整块移动 ： CTRL+SHIFT+I（右移） CTRL+SHIFT+U（左移） 3 选中窗体 ： 先选中任一控件，SHIFT+鼠标左键 4 将鼠标指向变量名、单元名、类名，再用 CTRL+鼠标左键 可找到相应的说明 5 在过程、函数、事件内部， SHIFT+CTRL+向上的方向键 可跳跃到相应的过程、函数、事件的定义 6 相反，在过程、函数、事件的定义处，SHIFT+CTRL+向下的方向键 可跳跃到具体过程、函数、事件内部 7 CTRL + SHIFT + C:编写申明或者补上函数 8 SHIFT + CTRL + E 显示 EXPLORER 9 CTRL + SHIFT + N (n=1,2,3,4......)定义书签 10 CTRL + N (n=1,2,3,4......)跳到书签n 11 ALT + 鼠标左键 可以块选代码，删除对齐的重复代码非常有用 12 CTRL + PageUp 将光标移至本屏的第一行，屏幕不滚动。 13 CTRL + PageDown 将光标移至本屏的最后一行，屏幕不滚动。 14 CTRL + ↓ 向下滚动屏幕，光标跟随滚动不出本屏。 15 CTRL + ↑ 向上滚动屏幕，光标跟随滚动不出本屏。 16 CTRL + Home 将光标移至文件头。 17 CTRL + End 将光标移至文件尾。 18 CTRL + B Buffer List窗口。 19 CTRL + I 同Tab键。 20 CTRL + M 同Enter键。 21 CTRL + N 同Enter键，但光标位置保持不变。 22 CTRL + T 删除光标右边的一个单词。 23 CTRL + Y 删除光标所在行。 24 CTRL + SHIFT + ↑ 光标在函数体内时，将光标快速移至当前函数声明处。 25 CTRL + SHIFT + ↓ 光标在函数声明行时，将光标快速移至函数定义处。 26 CTRL + SHIFT + C 声明一个过程或函数后，直接生成过程或函数的名称、begin、end; 27 CTRL + SHIFT + E 光标在Edit窗口和Explorer窗口间切换。 28 CTRL + SHIFT + G 插入GUID。 29 CTRL + SHIFT + J 弹出Delphi语句提示窗口，选择所需语句将自动完成一条语句。 30 CTRL + SHIFT + T 在光标行加入To-Do注释。 31 CTRL + SHIFT + Y 删除光标之后至本行末尾之间的文本。 32 CTRL + F3 Call Stack窗口。 33 CTRL + F4 等于File菜单中的Close项。 34 CTRL + 鼠标转轮 加速滚屏。 35 SHIFT + F8 调试时弹出CPU窗口。 36 SHIFT + F10 等于鼠标右键（Windows快捷键）。 37 ALT + F4 关闭所有编辑框中打开的源程序文件，但不关闭项目。（如无打开项目时，则关闭DELPHI^_^ ）
在前端的移动Web开发中，有一部分事件只在移动端产生，如触摸相关的事件。接下来给大家简单总结一下移动端的事件。
在前端的移动Web开发中，有一部分事件只在移动端产生，如触摸相关的事件。接下来给大家简单总结一下移动端的事件。 1. PC端事件在移动端的兼容问题 1.1 click事件的200~300ms延迟问题 由于移动端默认的布局视口宽度是980像素，所以网页文字非常小，为了快速让网页还原到原来的大小，Safari最新引入了双击缩放功能：用户双击手机页面的时候，浏览器会智能的缩放当前页面到原始大小。 双击缩放的原理就是，当用户click一次之后，浏览器会经过约300ms之后检测是否再有一次click，如果有的话，
vant官网地址 https://vant-contrib.gitee.io/vant/#/zh-CN/
有些程序处理用户的直接输入，比如鼠标和键盘动作。这种输入方式不是组织整齐的数据结构 - 它是一次一个地，实时地出现的，并且期望程序在发生时作出响应。
Chrome 上有非常多的功能强大的和插件。这些插件让 Chrome 变得更加强大。下面是我常用的一些插件。
图片懒加载就是鼠标滑动到哪里，图片加载到哪里。总的来说，一般页面打开，会同时加载页面所有的图片，如果页面的图片请求太多会造成很卡很慢的现象，为了避免这一现象，利用懒加载图片的方法，提高性能（典型：淘宝）
web-see[1] 前端监控方案，提供了 前端录屏+定位源码 方式，让bug无处藏身
到目前为止，互联网行业里，手机越来越智能化，移动端占有的比例越来越高，尤其实在电商，新闻，广告，游戏领域。用户要求越来越高，网站功能越来越好，效果越来越炫酷，这就要求我们产品质量越来越高，web前端开发而言是一个挑战，是一个难题，也是一个机遇。如何让我们所开发的手机页面能有更好的交互体验，就是这篇文章的主旨：移动web开发问题和优化小结。这个只是我自己在开发的时候知道的坑，如果大家有遇到什么别的坑，欢迎补充，或者觉得我哪里写错了，欢迎指点！
前言 上周六有个群友@我说Gitee的反馈模块新增了截图功能，我就去体验了下，发现他们用的就是我的插件😁，本文就跟大家分享下这个插件，欢迎各位感兴趣的开发者阅读本文。 插件地址与实现原理 本插件采用原生js实现，可以集成在任意一个web项目中，插件npm地址与GitHub地址请移步： js-screen-shot（npm）[1] js-screen-shot（GitHub）[2] 插件的实现原理请移步： 实现Web端自定义截屏[3] 实现Web端自定义截屏(JS版)[4] 在线体验本插件，可移步我的开源项目
google developers 官方文档: https://developers.google.com/web/tools/chrome-devtools/
许多从windows转向Mac的童鞋们都会感觉鼠标的滚动方向不习惯，这里告诉大家如何修改鼠标滚动方向：
Mac中主要有四个修饰键，分别是Command，Control，Option和Shift。
现在 web 设计是最有趣的了，做好 web 设计不仅要熟练使用 Javascript，css 和 html 等，还要有自己的创意设计。为了方便大家发挥自己的创意，就产生了很多 JS 框架，Node.js 扩展等等。有了这些工具，开发者们就能专注于创意设计了，而不用为某个功能而花费太多精力。这里我们介绍的是 12 个开发者们必备的 JavaScript 库，都是一些很基础功能很强大的库。有了这些库，开发者们可以节省很多时间，大大提高开发的效率，所以大家赶紧收藏起来吧：） 1) Headroom.js H
如果你构建一个很有特色和创意的网页，那么肯定希望定义网页中的滚动条样式，这方面的 jQuery 插件比较不错的，有两个：jScrollPane 和 mCustomScrollbar。
现代浏览器探秘(part1)：架构 现代浏览器探秘(part2)：导航 现代浏览器探秘(part3)：渲染
用户需要批量修改 Product中 sku 的 映射关系，可以选择的 Product 的 数量不限。
从事单页相关的开发一年有余，期间无比的推崇webapp的网站模式，也整理了很多移动开发的知识点，但是现在回过头来看，webapp究竟是好还是不好真是一言难尽哟！
本文介绍了Vim编辑器的一些基本操作和技巧，包括模式切换、移动光标、快速跳跃、搜索和替换等。同时，还介绍了一些Vim的插件和扩展，以帮助用户更好地使用Vim编辑器。
offset 翻译过来就是偏移量， 我们使用 offset系列相关属性可以动态的得到该元素的位置（偏移）、大小等。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
