首页
学习
活动
专区
圈层
工具
发布

「沙里淘金」精选浏览器端JavaScript库资源推荐

Bundlers browserify - Browserify允许您通过捆绑所有依赖项来在浏览器中(“模块”)。 webpack - 为浏览器打包CommonJs / AMD模块。...ocrad.js - 通过Emscripten在JavaScript中进行OCR。 机器学习 ConvNetJS - JavaScript中的深度学习。在您的浏览器中训练卷积神经网络(或普通的)。...Ink - SAPO使用的HTML5 / CSS3框架,用于快速有效的网站设计和原型设计。...Play-em JS - Play'em是一个JavaScript组件,它管理音乐/视频轨道队列,并通过在HTML DIV(包括Youtube,Soundcloud和Vimeo)中嵌入多个玩家来播放一系列歌曲...SDK javascript-sdk-design - 从工作和个人经验中提取的JavaScript SDK设计指南 Spotify SDK - 面向实体的SDK,可与Spotify Web API配合使用

8.3K20

「首席架构师推荐」一系列很棒的的浏览器端JavaScript库资源

Bundlers browserify - Browserify允许您通过捆绑所有依赖项来在浏览器中(“模块”)。 webpack - 为浏览器打包CommonJs / AMD模块。...ocrad.js - 通过Emscripten在JavaScript中进行OCR。 机器学习 ConvNetJS - JavaScript中的深度学习。在您的浏览器中训练卷积神经网络(或普通的)。...Ink - SAPO使用的HTML5 / CSS3框架,用于快速有效的网站设计和原型设计。...Play-em JS - Play'em是一个JavaScript组件,它管理音乐/视频轨道队列,并通过在HTML DIV(包括Youtube,Soundcloud和Vimeo)中嵌入多个玩家来播放一系列歌曲...SDK javascript-sdk-design - 从工作和个人经验中提取的JavaScript SDK设计指南 Spotify SDK - 面向实体的SDK,可与Spotify Web API配合使用

9.1K21
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Python爬虫(十九)_动态HTML介绍

    JavaScript JavaScript是网络上最常用也是支持者对多的客户端脚本语言。它可以收集用户的跟踪数据,不需要重载页面直接提交表单,在页面嵌入多媒体文件,甚至运行网页游戏。...v=201601150944"> jQuery jQuery是一个非常常见的库,70%最流行的网站(约200万)和约30%的其他网站(约2亿)都在使用。...Ajax 我们与网站服务器通信的唯一方式,就是发出HTTP请求获取新页面。如果提交表单之后,或从服务器获取信息之后,网站的页面不需要重新刷新,那么你访问的网站就在用Ajax技术。...比如页面上的按钮只有当用户移动鼠标之后才出现,背景色可能每次点击都会改变,或者用一个Ajax请求触发页面加载一段内容,网页是否属于DHTML,关键要看有没有用JavaScript控制HTML和CSS元素...那些使用了Ajax或DHTML技术改变/加载内容的页面,可能有一些采集手段。

    1.9K50

    Spotify Portal for Backstage 简化平台工程

    我从未觉得自己在工作中几乎毫无用处,”现任 Spotify 工程高级总监兼 Backstage 总经理的 Nilsson 告诉 The New Stack。 “没有办法找出问题所在。...我不得不重新成为一名工程师,通过生态系统倒推回去才能理解它,”她说,因为 Spotify 虽然已经成立十年,但仍然像一家初创公司一样运作。 每个小队都有自己的背景,没有集中的文档和标准。...这正是促使她加入 Spotify 的“奇妙的自主文化”的原因。但是,随着音频流媒体平台的扩展,开发速度大幅下降。其每季度开发人员调查显示,并不是技术减慢了他们的速度。 人们找不到东西。...Backstage 产品的受益来自于工程师们对自己的开发体验进行黑进。 Spotify 也习惯于同事在其他团队进行嵌入式工作,以培养移情心智和成长心态。...Spotify Portal for Backstage 在设计上是自以为是的,它具有一个设置向导和一个目录向导,承诺帮助团队在不到五分钟的时间内开始工作。

    42410

    web名词解释

    CSS:层叠样式表(英文全称:Cascading Style Sheets),是一种用来表现 HTML(标准通用标记语言的一个应用)或 XML(标准通用标记语言的一个子集)等文件样式的语言,用于为 HTML...jQuery:是一个快速、简洁的 JavaScript 框架,是一个优秀的JavaScript 代码库(或 JavaScript 框架)。...CSS hack:通过在 CSS 样式中加入一些特殊的符号,区别不同浏览器制作不同的 CSS 样式的设置,解决浏览器显示网页特效不兼容性问题。...Html5:万维网的核心语言,标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改,其主要的目标是将互联网语义化,以便更好地被人类和机器阅读,并同时更好地支持网页中嵌入各种媒体。...ECMAScript 是一种由 Ecma 国际通过 ECMA-262 标准化的脚本程序设计语言,是 JavaScript 的标准。 Node.js:是 JavaScript 运行在服务端的平台。

    3K20

    WordPress装备页面 插件版带后台

    前言 之前写了一个html的 由于本站的主题采用pjax加载的方式,会导致部分css失效。...代码Html代码CSS代码 2024 年 6 月 3 日 核心功能 设备管理:添加、编辑、删除和排序设备信息 分类功能:为设备分配不同类别,便于组织和筛选 响应式设计:完美适配桌面端和移动端设备 图片管理...:支持从媒体库选择图片或使用外部图片URL 自定义按钮:可为每个设备设置不同的按钮文本和链接 简码支持:使用 simple_product_showcase 简码在任何页面或文章中嵌入设备展示 演示图...删除"按钮移除设备 技术特点 使用WordPress自定义表存储设备数据 集成WordPress媒体上传器进行图片管理 使用jQuery实现前端交互和后台管理功能 响应式设计确保在各种设备上的良好显示效果...安全性措施包括nonce验证和数据清理 自定义与扩展 开发者可以通过以下方式自定义插件: 修改CSS文件以调整前端和后台样式 扩展JavaScript文件以添加新的交互功能 在主题中使用过滤器钩子自定义输出

    22920

    移动webapp前端开发小结

    公司内部有一款企业社交产品share,近期打算开发手机版,初期规划是通过webapp的方式嵌入到另一款即时通信native app。...的横放或竖放来切换布局 更多属性,可参考 http://www.w3.org/TR/css3-mediaqueries/ 2、媒体查询的语法/写法 方法一、直接在CSS文件中添加 @media (min-width...1、通过字体比例em的流体布局 迅雷CUED 有一篇关于响应式设计的文章(http://cued.xunlei.com/log057 ),提到了按照字体比例em为单位来设置宽高的方法。...四、HTML5 、CSS3 1、position:fixed 设计稿是根据native app的布局设计的,需要固定顶部标题栏、底部导航栏,在web端常用到position:fixed 来实现,可惜移动端在...如果设计稿上,同一位置(比如Tab切换)上的图标大小不同,在切图时建议通过留白的方式将图标手动处理为相同宽高,这样就可以让图标对齐,避免在写样式时通过代码样式来微调图标。

    1.8K20

    HTML 插件

    HTML 插件通常是指通过浏览器或其他客户端平台扩展 HTML 功能的工具或代码模块。它们可以扩展网页的交互性、增强页面功能,或者集成额外的服务。...HTML 本身并不直接支持插件概念,但可以通过 JavaScript、CSS、第三方库、以及浏览器插件等方式实现类似插件的效果。下面是几种与 HTML 插件相关的实现方式和工具:1. ...React Developer Tools:用于调试 React 应用的浏览器插件。这些插件通常通过 JavaScript 和浏览器的 API 来操作 HTML 页面或增强其功能。2. ... :用来嵌入外部资源,如音频、视频文件,或 Flash 插件。通常用于一些多媒体内容。...HTML5 标签:通过 、、 等标签,嵌入外部插件或多媒体内容。

    46510

    「前端入门」前端基本概念

    1.1 前端应用就是指运行在各种终端设备的程序及资源 HTML、CSS 和 JS 提供前端应用运行的代码 图片和视频等为前端应用提供多媒体内容 后端 API 为前端提供业务功能服务和数据访问服务 1.2...前端应用的核心运行环境是浏览器引擎 浏览器引擎通过解析 HTML 来呈现应用页面的结构和内容 浏览器引擎通过解析 CSS 来渲染应用页面的式样和风格 浏览器引擎通过执行 JS 代码以实现应用页面的动态功能...只有一个页面的前端应用成为单页面应用,而多页面应用是通过多个页面间的静态或动态链接而相互管理起来的应用。...HTML 是描述页面结构和内容的语言,每个页面都有其对应的 HTML 文件,HTML 是页面的主文件。 CSS 是描述页面风格和式样的语言,CSS 是直接嵌入或间接引入到 HTML 页面中的。...JS 是实现页面动态功能的变成语言,JS 也直接嵌入或间接引入到 HTML 页面中的。

    1.1K00

    手机响应式网站设计_如何做响应式网页设计

    这种做法有个很大的弊病,小屏隐藏多余的元素来展示页面,而实际上那些元素你都加载进来了,浪费资源。 前面两种做法也很难完美还原设计图的尺寸。那有什么好的办法呢?...我看了小米的wap页面,他们做了一个媒体查询表,根据不同分辨率设置根目录的字号。这样就可以实现自适应了!...这时候我们根据这个表来设置基础像素,比如设计图的宽度是640px,我们看它这个表,可以看到html对应的font-size值是17.77778px,那么基础像素就是这个值,然后我们根据设计图量出来的px...有没有更智能的方式? 为什么每次都要通过小工具去换算单位呢,有没有办法让单位自动换算的? 直接用css当然是行不通的,虽然它有calc()这个属性,但是兼容性不强。...我们配合CSS预编译来做呢,less、sass、stylus,不是可以让css有运算能力吗。 之后我发现了百度EFE团队开发的基于less的est框架里面就包含了这功能。

    2K10

    前端面试那些坑

    用纯CSS创建一个三角形的原理是什么? 一个满屏 品 字布局 如何设计? 常见兼容性问题? li与li之间有看不见的空白间隔是什么原因引起的?有什么解决办法? 经常遇到的浏览器的兼容性有哪些?...清除浮动的方式 移动端的布局用过媒体查询吗? 使用 CSS 预处理器吗?喜欢那个? CSS优化、提高性能的方法有哪些? 浏览器是怎样解析CSS选择器的? 在网页中的应该使用奇数还是偶数的字体?...[阿里航旅的面试题] 元素竖向的百分比设定是相对于容器的高度吗? 全屏滚动的原理是什么?用到了CSS的那些属性? 什么是响应式设计?响应式设计的基本原理是什么?如何兼容低版本的IE?...jQuery里的fire函数是什么意思,什么时候用? jQuery 是通过哪个方法和 Sizzle 选择器结合的?...京程一灯,梦起的地方,我们始终相信通过努力,可以改变自己的命运。 我们始终相信,通过坚持不懈,可以为大家解决更多的前端技术问题。

    2.9K60

    成为一名专业的前端开发人员,需要学习什么?

    你有没有看过你非常喜欢的网站,是否研究过它的布局方式,有没有想过我自己能不能也能实现一个,甚至比你看的网站更好! 所有这些可见的站点界面和特效都是通过前端开发构建的(有时也称为“前端Web开发”)。...前端Web开发人员是通过HTML,CSS和JavaScript等编码语言实现Web设计的人。...前端Web开发人员使用三种主要编码语言来编写由Web设计人员创建的网站和Web应用程序设计: HTML CSS JavaScript 他们编写的代码在用户的浏览器中运行(而不是后端开发人员,其代码在...这些框架通过为您提供快速入门真正加速了开发,并且可以与jQuery等库一起使用,以最大限度地减少您必须执行的编程。...假设您想编写一个应用程序,按照您成为朋友的顺序向您显示所有社交媒体朋友。您可以调用Facebook的RESTful API来读取您的好友列表并返回该数据。

    1.9K20

    h5页面制作,什么是H5页面?

    下面我们将详细介绍H5页面设计与制作的概念、特点、应用以及如何入门。什么是H5页面设计与制作?H5页面设计与制作是指使用HTML5、CSS3和JavaScript等技术来创建和优化网页的过程。...HTML5提供了更丰富的标签和API,使得网页可以实现更复杂的交互效果和多媒体功能。CSS3则增强了网页的视觉效果和动画能力,而JavaScript则负责网页的动态行为和用户交互。...在线教育:H5页面可以嵌入视频、音频、动画等教学资源,增强学习体验。如何入门H5页面设计与制作?学习基础知识:首先需要掌握HTML、CSS和JavaScript的基础知识。...熟悉HTML5新特性:了解HTML5的新标签和API,如、、等。实践项目:通过实际项目来练习,如制作个人简历、博客、简单的游戏等。...希望通过本文的介绍,大家对H5页面设计与制作有了一个初步的了解,并能激发更多的兴趣和探索。

    23.9K32

    Bootstrap笔记

    -- 你自己的样式或其他文件 --> css"> 的视口(承载页面的容器)宽度都是980;视口的宽度可以通过meta标签设置此属性为移动端页面视口设置,当前值表示在移动端页面的宽度为设备的宽度,...让低版本浏览器可以支持CSS媒体查询功能基础CSS样式概要预置排版样式统一预制标签样式按钮样式表格样式表单样式图片样式辅助工具类代码样式栅格系统响应式工具类预置界面组件导航导航条面包屑导航下拉菜单按钮式下拉菜单按钮组输入框组警告框页头分页列表组面板媒体对象进度条...-- 你自己的样式或其他文件 --> css"> <!...,如header、footer、section等 respond 让低版本浏览器可以支持CSS媒体查询功能 基础CSS样式 概要 预置排版样式 统一预制标签样式 按钮样式

    4.6K90

    前端工程师面试题汇总

    用纯CSS创建一个三角形的原理是什么? 一个满屏 品 字布局 如何设计? 常见兼容性问题? li与li之间有看不见的空白间隔是什么原因引起的?有什么解决办法? 经常遇到的浏览器的兼容性有哪些?...清除浮动的方式 移动端的布局用过媒体查询吗? 使用 CSS 预处理器吗?喜欢那个? CSS优化、提高性能的方法有哪些? 浏览器是怎样解析CSS选择器的? 在网页中的应该使用奇数还是偶数的字体?...[阿里航旅的面试题] 元素竖向的百分比设定是相对于容器的高度吗? 全屏滚动的原理是什么?用到了CSS的那些属性? 什么是响应式设计?响应式设计的基本原理是什么?如何兼容低版本的IE?...jQuery里的fire函数是什么意思,什么时候用? jQuery 是通过哪个方法和 Sizzle 选择器结合的?...答案是通过探测鼠标移动的方向和轨迹,具体查看Khan Academy工程师 Ben Kamens 写的 jQuery插件 文档推荐 jQuery 基本原理 JavaScript 秘密花园 CSS参考手册

    2.7K80

    BootStrap

    jQuery,所以请确保下载对应版本的jQuery文件,来保证Bootstrap相关组件运行正常。   ....info 标识普通的提示信息或动作 .warning 标识警告或需要用户注意 .danger 标识危险或潜在的带来负面影响的动作 表单     内联表单     表单状态     ...页头 缩率图 进度条   作业:来实现这么一个页面     就在bootstrap官网的全局css样式里面的右边这个地方找你需要使用的功能。...css文件夹和fonts文件夹必须是同一级目录,因为那个css里面的内容就是通过相对路径来找fonts里面的内容的     找个微信图标看看:     咱们大家再看看font awesome里面的一些用法...随着移动设备的流行,网页设计必须要考虑到移动端的设计。同一个网站为了兼容PC端和移动端显示,就需要进行响应式开发。 什么是响应式?

    6.6K30

    第120天:移动端-Bootstrap基本使用方法

    等 respond——让低版本浏览器可以支持CSS媒体查询功能 条件注释:当满足if条件时,才执行里面的文件 <!...; 视口的宽度可以通过meta标签设置 此属性为移动端页面视口的设置,当前值表示在移动端页面的宽度为设备的宽度,并且不缩放(缩放级别为1) width:视口的宽度 initial-scale:初始化缩放...--html5shiv让浏览器可以识别HTML5的新标签--> 10 CSS3的媒体查询--> 11 的所有组件都是依赖jquery的--> 22 jquery/jquery.js"> 23 <script src...(2)预置界面组件 导航——导航条——面包屑导航——下拉菜单——按钮式下拉菜单——按钮组——警告框——页头——分页——列表组——面板——媒体对象——进度条——Glyphicons——大屏幕——嵌入内容

    4K40

    好玩又实用的19个JavaScript动画库

    但是在2015,一切都变了,HTML5的崛起: 2015年,微软宣布鼓励网站停止使用该公司的 Silverlight技术,转而使用更新的、基于HTML5 技术的媒体播放系统。...目前,我们甚至进一步采用CSS和SVG进行动画制作。但是,我们仍然需要JavaScript来制作高级动画。使用JavaScript的动画是一项非常艰巨的工作,它需要深层次的知识和技能。...资源地址 kute.js kute.js是一个原生的JavaScript动画引擎,具有出色的代码质量、超高的性能、SVG变形、笔画和二维和三维转换、CSS3转换、颜色以及其他CSS3属性或表示属性。...它可以与jquery一起使用,也可以不使用jquery。它的速度非常快,它具有彩色动画、转换、循环、测量、支持SVG和滚动功能。它是jquery和css转换的最佳组合。 ?...然后通过CSS3变换矩阵设置最终结果。 ? 资源地址 TypeIt 世界上最通用的JavaScript动画输入工具。 ?

    3.9K11

    简洁概括,程序员的技能树

    前端程序员 基础 HTML / CSS JavaScript DOM 中级篇 数据格式(如JSON、XML) RESTful API交互(如jQuery Ajax,Fetch API,ReactiveX...) 正则表达式 HTML语义化 命令行 Node.js DIV / CSS SCSS / SASS 矢量图形 / 矢量图形动画(如SVG) 单页面应用 高级篇 ES6 / TypeScript CSS3...Firefox,Safari等等) 跨平台测试(Windows、GNU/Linux,Mac OS等等) 跨设备测试(Desktop,Android,iOS,Windows Phone) 跨版本测试(同一个浏览器的不同版本...) 前端特定 CSS / CSS3 动画 JavaScript 动画 Web字体嵌入 Icon 字体 图形和图表 CSS Sprite(如glue) DOM操作(如jQuery、React等等) 模板引擎...社区 社交媒体交流 自媒体平台 技术社区 问答社区 持续学习 学习新技术、语言 健康 运动 不熬夜 生产力 熟悉工具 快捷键、快捷键、快捷键 估算 完成时间估算 延迟花费 预算估算 薪资估算 其他 面试

    2.6K60
    领券