一、zoomfiy.js 推荐可以从这里下载 使用说明： 使用该jquery 插件 引入该插件的js:zoomfiy.js 或 min 引入该插件的css:zoomfiy.css 或 min 前后顺序都可 js里加入 调用插件的函数 $('这里写要放大的图片').zoomify(); 如果有ajax 新生成的图片，要在ajax里再次调用一遍该函数。 二、zoomooz.js 推荐这里下载 使用说明： 这个插件有很多种 放大功能，可进行优雅的缩放操作，特别适用相册网站。这个图片方法不是 单独图片跳脱出来的
前言 上周六有个群友@我说Gitee的反馈模块新增了截图功能，我就去体验了下，发现他们用的就是我的插件😁，本文就跟大家分享下这个插件，欢迎各位感兴趣的开发者阅读本文。 插件地址与实现原理 本插件采用原生js实现，可以集成在任意一个web项目中，插件npm地址与GitHub地址请移步： js-screen-shot（npm）[1] js-screen-shot（GitHub）[2] 插件的实现原理请移步： 实现Web端自定义截屏[3] 实现Web端自定义截屏(JS版)[4] 在线体验本插件，可移步我的开源项目
③ 确定SogouLoginUtils集成器存在的情况下，点击enter键，便会展现出集成器中所涵盖的所有js方法，通过检索，便可验证“特定域名网页注入js”是否通过验收；
卤煮在前面已经向大家介绍了Chrome开发者工具的一些功能面板，其中包括Elements、Network、Resources基础功能部分和Sources进阶功能部分，对于一般的网站项目来说，其实就是需要这几个面板功能就可以了（再加上console面板这个万精油）。它们的作用大多数情况下是帮助你进行功能开发的。然而在你开发应用级别的网站项目的时候，随着代码的增加，功能的增加，性能会逐渐成为你需要关注的部分。那么网站的性能问题具体是指什么呢？在卤煮看来，一个网站的性能主要关乎两项，一是加载性能、二是执行性能。第一项可以利用Network来分析，我以后会再次写一篇关于它的文章分享卤煮的提高加载速度的经验，不过在此之前，我强烈推荐你去阅读《web高性能开发指南》这本书中的十四条黄金建议，这是我阅读过的最精华的书籍之一，虽然只有短短的一百多页，但对你的帮助确实无法估量的。而第二项性能问题就体现在内存泄露上，这也是我们这篇文章探讨的问题——通过Timeline来分析你的网站内存泄露。
别踩白板这个游戏相信大家都玩过，这个是基于HTML5打造的简单小游戏，在PC端和移动端都能够运行，适应多种平台，今天我们使用原生JS搭配JQuery构建这个小游戏--别踩白板。
本文介绍了如何定位和分析Web性能问题中的重绘（Repaint）问题，通过介绍和实例分析，提供了在Timeline中查看和定位重绘问题的方法，以及通过Paint Profiler分析绘制细节，从而优化页面性能。
. 这里我创建了一个index目录,该目录下面创建好必备的文件。这里只会操作到.js和.wxml文件。 第一种方案 wxml文件添加如下内容
iScroll5 表单元素无法失焦 解决方法 HTML5学堂：iScroll框架从4版本升级到5版本之后，很好的解决了滚动区域中表单元素不能聚焦的问题，但是，2014年年底测试的时候发现了5版本的一个
该文介绍了如何使用Chrome浏览器的Timeline功能来分析前端页面的性能，包括内存泄漏、CPU使用率、网络请求、渲染时间、内存变化等。通过在页面上进行操作，可以查看不同时间段内各项性能指标的变化情况。同时，还可以利用Timeline来找出内存泄漏等问题，从而优化前端性能。
最近发现，许多前端开发人员（包括作者我哈），对chrome的开发者工具中的使用并不是特别深入，而本文时对chrome开发者工具Timeline的一个讲解。
事件是可以被 JavaScript 侦测到的行为。 鼠标点击、鼠标移动、鼠标滚动、按下键盘，浏览器窗口大小的改变，网页加载完成，关闭网页等等都会发生事件。
鸿蒙的最新IDE支持可视化开发。几乎不需要编写一行代码，就可以设计非常复杂的界面。当然，如果要实现业务逻辑，还是需要编写代码的。所以我们把这些功能称为低代码开发，也就是说，可以让我们少编写一些代码。
js的作者Brendan Eich公开说明过var其实是js语言设计上的错误，但是这种错误多半不能修复和移除，所以大概在十几年前，Brendan Eich就修复了这个问题，添加了一个新的关键词：let let可以看做是更完美的var
HTML5学堂：在大家都羡慕“神笔马良”拥有那支无所不能的笔时，在前端开发中，也出现了一支很神奇的“笔”——CodePen，顾名思义，code+pen，即是代码笔。它的出现可以说解决了使用手机查看代码的不方便问题，为技术文章的阅读提供了便利。 为此以后HTML5学堂的文章也会把代码案例放在这个工具中，具体的使用，大家可以去即可进入CodePen（http://codepen.io/majiang/）来查看完整的代码案例。不多说，先介绍工具吧~~~ CodePen是什么呢？ 顾名思义就是code+pen =
选中需要调试或修改的API，在右侧API操作面版可以看到当前API的请求信息、请求参数，点击发送按钮，即可看到当前配置的响应详情
一个页面需要两个验证码，使用同一个验证码调用两次会导致有前一个失效。那么我们需要创建不同的两个验证码，分别做验证。
摘要总结：本文介绍了两个动画示例，第一个示例通过vue.js实现了一个简单的弹出层效果，第二个示例使用vue.js实现了标签页切换的效果。通过这些示例展示了vue.js在动画方面的强大能力，同时也提供了两种实现方式供读者参考。
Remix是以太坊官方开源的Solidity在线集成开发环境，可以使用Solidity语言在网页内完成以太坊智能合约的在线开发、在线编译、在线测试、在线部署、在线调试与在线交互，非常适合Solidity智能合约的学习与原型快速开发。
我们可以点击右侧的Step into next function call来执行下一步函数调用
欢迎参加腾讯云 Cloud Studio 实战训练营！在本次训练营中，我们将通过沉浸式体验，带您一步步编写一个基于 Nuxt.js 的静态博客系统。无论您是初学者还是有一定编程经验的开发者，本训练营都将为您提供一个深入了解和掌握 Nuxt.js 技术以及静态网站开发的机会。
有朋友留言说，微软早就在Office里也支持JS了，比如Script Lab……其实关于Script Lab，二年前我们就聊过一次。今天就再大家详细聊一下，这主要包含了以下内容：
本篇博客将通过使用Nuxt 框架开发一个博客系统为线索,一步步的讲解Cloud Studio 的使用以及其强大的优势
移动端，点击之后某个区域后有阴影 今天偶然发现一件很奇怪的事儿。 在移动端，在我去掉css的伪类及其伪元素跟相关的js之后， 在我点击某块区域的时候，总有一个背景盖在上面，当初以为是Js搞得鬼， 后来发现却不以为然，原来是css的一个属性搞得鬼，希望可以帮到大家。 问题1： 如图所示，我所遇到的状况： 问题2：去掉点击区域的边框阴影效果 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta cont
JavaScript 引擎会通过向下移动 ESP(记录当前执行状态的指针) 来销毁该函数保存在栈中的执行上下文。
最近公司项目需求，要做一个百度地图电子围栏的功能，在网上查了一下资料，看了很多博客，大多数都写的不是很详细，我看的云里雾里的，最后终于集合所有的几篇资料，自己做出了一个简单的demo，下面将过程记录和分享一下，希望给予有需要同学一些帮助，我这个人说话比较啰嗦，所以写的一定会很详细的，哈哈！闲言少叙，开始了。
近些年随着网络和终端设备的性能提高，前端技术的发展与完善，各类纷繁复杂的单页 Web 应用（SPA）相继出现，Web 被赋予越来越重要的使命。配合 React 等 Web 框架，可以迅速地开发出功能强大的 SPA。不过，随着应用功能的迭代与体积的增加，Web 应用的性能对用户体验的影响也会日益凸显，因此，针对性的性能优化手段在 Web 开发中是必不可少的。
很多网页设计都可能会用到js遍历去增加css类别，这篇文章主要介绍了js遍历添加栏目类添加cs， 再点击其它删除css的实例代码，非常不错，具有一定的参考借鉴借鉴价值，原作者是谁已无从知晓，但是代码是有效的，有需要的朋友可以参考下。
写在前面 今天实现一个后台管理的引导页，所谓的引导页就是当用户第一次或者手动进行触发的时候，提示给用户当前系统的模块介绍，比如哪里是退出，哪里是菜单等等相应的操作 效果展示 https://live.csdn.net/v/embed/209987 实现思路 使用的是第三方driver.js的插件功能 插件地址 driver.js 实现步骤 安装dirver.js yarn add driver.js 引入dirver.js 定义一个引导的组件 LmDriver.vue
在VSCode中：Ctrl + Shift+ P，搜素livereload，并回车/点击“Live Server”。
前段时间，我将精力专注在Web性能领域；在这个领域下有个重要的课题是如何让网页更丝滑（流畅）。
在开发微信小游戏的过程中，开发者往往会遇到很多内存问题，如内存泄漏或者内存溢出等。对目前几款微信创意小游戏进行测试发现，微信小游戏运行时的异常Crash多是由于内存占用过多造成的。为了方便开发者调优小游戏内存，本文从开发、测试与现网不同阶段介绍我们常见的内存分析与调优工具。
在我们的日常开发场景中，表单打印是一个比较常见的场景，微搭本身不带打印功能，我们需要借助一个第三方的库来实现打印。
现在有多行div，共用一个删除事件，点击删除的时候，会把页面所有的div全都删掉了，但是我只需要点击哪一行div里面的删除按钮，就删除哪一行，其实很简单，只需要写一个this事件即可。
本文作者：IMWeb 黎清龙 原文出处：IMWeb社区 未经同意，禁止转载 这两个伪元素分别表示元素内容的【前】【后】，利用这两个伪元素可以在元素内容的前后添加内容，其实这没有什么前后的概念
这两个伪元素分别表示元素内容的【前】【后】，利用这两个伪元素可以在元素内容的前后添加内容，其实这没有什么前后的概念，如果应用了absolute的特性之后，你可以把这些伪元素放在任何位置，有了这两个伪元素，就代表每个元素都有两个助手可供使用，灵活运用它们的话将会得到很多有趣的实现，简化许多实现。
在营销活动中，通过埋点可以获取用户的喜好及交互习惯，从而优化流程，进一步提升用户体验，提高转化率。
最近其他项目不是很忙，被安排给公司的官网项目做一个新的页面（之前没接触公司官网项目），其中有一个用到轮播图的地方，最开始想直接用swiper.js插件实现就好了，可是发现官网项目里之前都没有引入过swiper.js，后来想了想，就不引入它了，免得又得增加依次一次网络请求，项目里既然已经用到了jQuery，那就索性用jQuery写一个轮播图吧。
基于URL的hash实现(点击菜单的时候改变URL的hash,根据hash的变化控制组件的切换)
Ajax MGraph 基于 Prototype.js 的 Ajax 图表库，纯 XHTML 和 CSS 实现。
上一期我们为大家讲解低代码在国内市场的当前现状以及APICloud可视化开发工具的组件类型和特点。相信大家对可视化编程有了一个整体的了解，那么今天带大家更进一步的使用组件。
1.实现后台首页的基本布局 2.实现左侧菜单栏 3.实现用户列表展示 4.实现添加用户
今天，时间比较宽松，所以想做一个之前曾经讨论过的功能。其实算是做一个好一点的帮助系统吧，之前也有在其它地方见到过类似的功能。
今天记录一下一种前端页面的效果的实现，这种效果很常见，一般用于网站后台系统的前端页面。一般后台系统会分为顶部导航栏，左边的菜单栏和右边的主体区。有一种效果是这样的，当点击左边菜单的时候，在右边的主体区会弹出相应的页面，点击多个菜单选项时，在右边依次陈列这些窗口，这些窗口之间可以相互切换，类似于浏览器的多个打开的窗口那样。
基本需求 前端部分： 1、访问地址为：http://website/zrpd?useid=1234，其中userid是用户标识，页面需要根据不同的标识值返回不同的信息。 （1)如果该useri
layui弹出层的使用方法：首先引入jQuery1.8以上的任意版本；然后引入laery.js；最后通过“function show(){var a = layer.open({…});}”方式使用laery.open弹出层即可。
掌握 DOM 的基本概念后，这次我们讲讲浏览器的事件和事件对象。再结合具体业务需求，通过例子展示事件相关的操作方法。
摘要总结：本文主要介绍了一款基于JavaScript的别踩白块小游戏，包括游戏的规则、UI设计和功能实现。游戏共包含两种模式，分别是普通模式和街机模式。普通模式中，玩家需要按顺序点击黑色方块，如果玩家成功踩到白色方块，则游戏结束。街机模式中，玩家需要在规定时间内达到一定分数，否则游戏结束。游戏还支持排行榜功能，可以吸引用户进行竞争和互动。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
