本文就来介绍一下 Docsify[1] + Github Page 的方式，旨在快速搭建属于自己的文档网站
新建[Blogroot]\themes\butterfly\source\js\wow_init.js，配置特性动画的默认项。
水一篇typecho折腾记录，实现效果可参考本站首页加载更多~ 首先 主题目录找到index.php,把主题默认的分页导航的容器换成 <?php $this->pageLink('点击查看更多','n
jQuery 提供了一些诸如 show, hide, slideUp, fadeIn 等动画方法，可以方便的切换元素的显隐。更有强大的自定义动画方法 animate ，可以实现很多动画效果。为了让动画有好的过渡变化过程，官方为这些方法设置 easing 属性，但是官方没有给出很多过渡效果。
灯箱效果是我一直想加又没有加的功能，正好最近百度在推移动落地页检测，顺手做一下优化
作者简介：胥耀，腾讯云监控产品经理，具有六年云产品工作经验，目前主要负责腾讯云前端性能监控和云监控相关的产品策划工作，对监控和运维领域具有深刻理解。
我们在开发中，显示信息详情时，一般后台会给出html文本，在android端一般采用webview控件来展示，但是后台给出的html文本一般是给电脑端用的，没有自适配手机，导致手机端图片显示过大，需要左右移动来查看全图。下面给出几种实用方法，达到在手机端用webview展示html中的图片，能自适应手机屏幕展示。
朋友圈都在晒下雪，今天，MixLab 教大家如何在屏幕上看雪。 使用 chrome 的扩展，注入下雪的代码到任意网页，如下图： 如何实现的？ chrome 扩展主要的文件是 manifest.jso
在项目中点击小图查看大图，对大图进行旋转、放大、缩小是个很常见的需求，今天就跟大家分享下v-viewer插件如何在vue项目中使用。先看下最终实现的效果(图片较大，点击链接进行查看)
近来一段时间在忙工作上的事，对鸿蒙的文章很久没有更新了，而鸿蒙之前的开发者文档中说明了会在近期更新DevEco Studio的版本，当版本更新之后肯定会增加一些新的内容，下面来看看吧。
如果使用的是butterfly主题，hexo-neat会与主题的各类配置本身起冲突，如果有压缩静态页面资源的需要，可以参考Hexo博客静态资源加速的相关内容。
写这个之前要先抱歉一下，由于我这段时间要做一个网站，而且比较重要，所以之前那个gh0st的文章先停一段时间，实在没有功夫写那个代码了，不过迟早是会继续写的。
Hello大家好，兔妞总觉得写代码很重要，调试也很重要，特别是前端，不光要看日志，还要调整样式，浏览器兔妞最喜欢用Chrome了，所以今天就为大家带来Chrome的调试技巧啦~~
点击上方蓝字“ITester软件测试小栈“关注我，每周一、三、五早上 09:00准时推送，每月不定期赠送技术书籍。
知晓程序注： 我们往期发布的实战指南，大多针对线上业务，如「手把手教你做电商小程序」系列。 关注知晓程序（微信号 zxcx0101），回复「电商」，查看电商小程序开发教程系列文章。 我们相信，小程序的
需要实现的功能： 数据太多想初次加载部分数据，在底部加上“加载更多”按钮 点击后加载第二页数据（从数据库只取指定页数据）后接在已有数据后面（类似于android中的下拉加载更多） 每次加载时显示“正在加载……” 网上找了一些方法，类似于MvcPager分页组件，用的是v1.5.0版，但后台需要将分页后的对象列表ToPagedList，需要在MvcPager源码中加入public static PagedList<T> ToPagedList<T>(this IList<T> list, int pageIn
本文介绍了如何定位和分析Web性能问题中的重绘（Repaint）问题，通过介绍和实例分析，提供了在Timeline中查看和定位重绘问题的方法，以及通过Paint Profiler分析绘制细节，从而优化页面性能。
一直以来，开发者大多都习惯在电脑端开发，而iPad只是用来刷刷剧，打打游戏，作为一个程序猿（程序员的别称，也许你已经熟知），我一直对能在iPad上面编程这个想法怀有浓厚的兴趣。就像是想在午后的阳光下，在公园的长椅上，在咖啡馆的窗前，拿着iPad随意敲出一些代码，方便惬意。恰逢近期有朋友向我推荐了Cloud Studio，在移动计算的新时代，随着云技术的广泛应用，云端集成开发环境（Cloud IDE）似乎也逐渐成为开发者的首选工具。它让我们可以随时随地进行编程，只需一个具有互联网连接的设备，就可以进行项目的创建，代码的编写，项目的部署和调试等各种操作，我似乎看到了iPad编程的希望。
初始化之后其实有三个文件，index.html、README.md、.nojekyll。
官方文档教程1：http://bcoder.cn/wxopen/ 官方文档教程2：http://bing.aliaii.com/wxopen/ 本文档将带你一步步创建完成一个微信小程序，并可以在手机上体验该小程序的实际效果。这个小程序的首页将会显示欢迎语以及当前用户的微信头像，点击头像，可以在新开的页面中查看当前小程序的启动日志。下载源码 1. 获取微信小程序的 AppID 如果你是收邀请的开发者，我们会提供一个帐号，利用提供的帐号，登录 https://mp.weixin.qq.com ，就可以在网站的
上一篇使用component元素实现组件切换，但是没有切换的动画效果。那么可以参考官网的例子，实现一下组件切换的动画，以及mode效果设置。
微信小游戏推出后，LayaAir引擎也同步支持了微信小游戏的开发，由于很多开发者对微信小游戏的开发流程不够了解，不太清楚如何下手。为此，我们在2018年的开工首日，从简介篇，小游戏创建篇，综合介绍篇三部分，全面介绍微信小游戏的开发、测试，与重要项目规则。
setTimeout ，延迟一段事件执行代码，当然这是最基本的用法，这里不说基本用法。
适用于前端开发团队规范为参考规范，不全是硬性要求，统一团队编码规范和风格。让所有代码都是有规可循的，并且能够获得沉淀，减少重复劳动。
在这个分步指南中，我们将使用一个基于 WebGL 的 3D 图形的框架 three.js， 创建一个 3D 版本的 Treehouse 徽标。你可以通过点击或者拖拽鼠标使相机旋转！你也可以使用鼠标滚轮进行缩放。
ECharts是一个兼容绝大部分浏览器，可流畅运行在PC和移动设备上的纯 Javascript 的图表库。ECharts 提供了折线图，柱状图，散点图，饼图，K线图，盒形图等常规图，还有可视化的地图、热力图、线图，、可视化的关系图等。多样的图表、丰富绚丽的视觉效果、流畅的交互，用来做数据统计分析是再好不过了。 1、引入echarts.js
前面用了几篇文章来跟大家分享什么是任务可中断，不过呢，可能是我介绍的方式太过于简单粗暴，以致于还是有部分同学没太明白，所以今天我就用最基础的方式重新跟大家分享一下什么是任务可中断
前言：调试技巧，在任何一项技术研发中都可谓是必不可少的技能。掌握各种调试技巧，必定能在工作中起到事半功倍的效果。譬如，快速定位问题、降低故障概率、帮助分析逻辑错误等等。而在互联网前端开发越来越重要的今天，如何在前端开发中降低开发成本，提升工作效率，掌握前端开发调试技巧尤为重要。 本文将一一讲解各种前端JS调试技巧，也许你已经熟练掌握，那让我们一起来温习，也许有你没见过的方法，不妨一起来学习，也许你尚不知如何调试，赶紧趁此机会填补空白。 骨灰级调试大师Alert 那还是互联网刚刚起步的时代，网页前端还主要以内
好吧，一个方案一个方案来分析一下（要求是不允许执行Javascript和应用CSS，以免消耗系统资源）：
本文介绍了前端性能优化中的直出方案，通过减少HTTP请求、合并小文件、懒加载、使用服务器端渲染等方式来提高首屏渲染速度，降低白屏时间，从而提升用户体验。同时，总结了实施直出方案过程中的一些经验和教训，包括前端路由的使用和React同构直出优化等。
方法1, 可以使用定高度,然后加个overflow:hidden. ,当点击查看更多时,把overflow去掉即可.但是当我需要给每个单元格加个hover显示详情的时候,发现position:absolute的元素都给overflow给盖住了.所以这个方法只能舍弃
调试技巧，在任何一项技术研发中都可谓是必不可少的技能。掌握各种调试技巧，必定能在编码中起到事半功倍的效果。譬如，快速定位问题、降低故障概率、帮助分析逻辑错误等等。而在互联网前端开发越来越重要的今天，如何在前端开发中降低开发成本，提升工作效率，掌握前端开发调试技巧尤为重要。 老九君今天将为小伙伴们一一讲解各种前端JS调试技巧，也许有的小伙伴们已经熟练掌握，那让我们一起来温习，也许有的小伙伴还没见过这种调试方法，不妨一起来学习，也许有的小伙伴还尚不知如何调试，赶紧趁此机会填补空白。 骨灰级调试大师Alert 那
关于JS-SDK的使用步骤和timestamp(时间戳)，nonceStr(随机串)，signature(签名)，access_token(接口调用凭据)生成获取的详细说明在这里：https://www.cnblogs.com/Can-daydayup/p/11124092.html
这个软件叫做 Auto.js，只支持安卓，是一个不需要 Root 权限的 JavaScript 自动化软件。什么意思呢，就是在你的安卓手机上安装这个 APP，然后通过编写 JS 脚本的方式实现自动化操作。类似的也有其他的一些软件，比如苹果自带的快捷操作，可以通过自定义配置完成一系列的流程，但是由于其目标是所有人都可以使用，所以定制的时候就没有那么灵活。
断点调试其实并不是多么复杂的一件事，简单的理解无外呼就是打开浏览器，打开sources找到js文件，在行号上点一下罢了。操作起来似乎很简单，其实很多人纠结的是，是在哪里打断点？（我们先看一个断点截图，以chrome浏览器的断点为例）
微信小程序「我」的页面效果图与需求： 用户有多张名片，需要左右切换查看，往下切换是菜单按钮。 这里需求两处滑动，用到了微信提供给我们的滑动组件 swiper，并且进行了嵌套使用，第一层是名片展
当我第一次知道这种东西，我也惊呆了，居然还有这种操作，实在强大到没朋友，从此爱上调试，按时下班。
一位过来的老鸟程序员总结了自己多年的程序员经历，把程序员分为以下五类： 补漏型：当哪里出现差错的时候他会迅速的修补 完美主义强迫症型：“你想对我的代码做什么！” 反编程型：“我是一个程序员，但是老子不写代码！” 半吊子型：“你还想怎样？它已经能工作了不是吗？” 理论型：“好吧，这样是可行的，但事实上还有一个更好的选择。” 就个人而言，我认为自己是一个完美主义型。那么，你是哪一种呢？欢迎在评论中写下你的观点。 由于原文是英文，大家可看热心的CSDN用户赖信涛对此文的编译：五种类型的程序员。 一、 你已经毁
在微信小程序中，小程序提供了一种能力-模板消息，官方文档是这样描述的：“基于微信的通知渠道，我们为开发者提供了可以高效触达用户的模板消息能力，以便实现服务的闭环并提供更佳的体验。”
实时音视频（TRTC） 是腾讯云提供的一套低延时、高质量的音视频通讯服务，致力于为腾讯云客户提供稳定、可靠和低成本的音视频传输能力。您可以使用该服务快速构建“视频通话”、“在线教育”、“直播连麦”、“在线会议”等对通信延时要求比较苛刻的音视频应用。 参考链接：https://cloud.tencent.com/document/product/647
由于本教程涉及的所有修改对缩进格式等有严格要求，担心自己控制不好的可以直接下载静态资源。参照教程进行修改。
最近有网友反馈喜欢本站导航栏底部滚动条显示位置百分比的特效，让我弄个教程，其实这个是很简单的，网上有很多教程，基本都是html+js+css，按照操作就行了，好吧，今天抽空把这个教程分享一下，声明，原作者是谁不详，所以也不知道应该感谢哪位大神，帅气的特效，我也喜欢这个，哈哈哈。。。
作者：谭照强，热爱折腾前端，喜欢新奇创意的程序员，业余喜欢玩摄影，弄咖啡。 “你听说过动感影集么” 动感影集是QQ空间新功能，可以将静态的图片轻松转变为动态的视频集，且载体是HTML5（简称H5）页面，意味着可以随时分享到空间或朋友圈给好友欣赏！ 移动端区别于PC年代的相册视频，由于设备性能限制，每一个动画细节都需要认真优化，今天就来说说动感影集开发过程中的动画性能检测与优化的问题。 1.先利其器 – Chrome Timeline&Rendering 性能分析前，我们先看看工具。Chrome浏览器带
一、需要实现的页面： Index.aspx：浏览商品页面，显示商品列表，用户可以点击“加入购物车“。 ViewCart.aspx：查看购物车页面，显示已购买的商品信息，可以点击“删除“和“提交添加订单购买”商品 ViewAccount.aspx：查看个人账户余额 Login.aspx：登录页面 二、实现功能： 1.显示商品列表 2.实现购买功能，购买的时候动态显示购物车中的商品数量和商品总价格 3.点击查看购物车后，显示已购买的商品。注意“购买数量”列，如果对一种商品点击购买多次，其“购买数量”不断增加。 4.删除购物车中已购买的商品。 如果某商品的“购买数量”为1时，则点击“删除”时，直接从购物车中删除该商品； 如果商品的“购买数量”大于1时，点击一次“删除”时，把其购买数量减1。直到该商品购买数量为1时，再点击删除时，删除该商品 5.在查看完购物车后还可以点击“浏览商品”继续购买。并在上面显示已购买的商品数量和总价格。 6.在“查看购物车“后，可以提交订单。 但在提交订单时，须完成以下功能： (a)检查用户是否已登录，未登录则转到Login.aspx页面 (b)检查用户账户余额是否能够满足本次够买 (c)检查库存数量是否满足本次够买 (d)如果以上条件都满足则 i.从用户账户中扣除本次购买的总价格 ii.从商品库存中扣除本次每种商品的购买数量 iii.向订单表和订单内容表中加入本次购买的商品信息 7.点击查看账户，可以查看该用户的账户余额 操作代码如下： 1.首先先做一个登录页面：loginpage.php
Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。 包括以下工具：
今天给大家推荐一款开源项目。一个采用接缝裁剪（seam carving）算法的在线工具，可以任意改变图片的高度和宽度，而不会扭曲图像。
所以说，不管出于什么理由，始终都不能停下学习的脚步，不会就去学嘛，对不对，我就不信还没有学不会的东西。而且，学了肯定没有坏处，就算现在用不上，说不定日后也会用上的。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
