本文将向大家介绍 Chrome 87 开始支持的 CSS Overview Panel,并且介绍如何更好地利用这个面板。通过 CSS Overview Panel,可能可以帮助我们:
这个插件提供html的编写提示,包括到属性的格式监测,语法细致监测纠正,非常好的。插件地址
Github: https://github.com/nzbin/snack Docs: https://nzbin.github.io/snack 前言 这篇文章我已经酝酿了半年之久,或者说拖沓了这么久吧。想说的东西很多,却又无从说起。如今轻量级框架如雨后春笋,层出不穷。我想每个人都应该归纳总结工作中的常见需求,编写一套适合自己的 CSS 框架。在之前的文章中,我提到了面向对象的 CSS(比如 BEM、OOCSS、SMACSS,详见 http://vanseodesign.com/css/dr
为WordPress网站添加一个音乐播放器,网上大部分的教程都是使用各种插件,有的插件还需要花钱买授权,用着不爽。本文用纯代码为网站添加音乐播放器,安全可靠,可以任意修改。
摘要:我们将会为Web开发人员提供多个资源。其中包括一个着陆页设计资源、两种降低屏幕刺眼程度的方法、一个用来实现拖曳网页布局的插件、一个用于整理date-picker的jQuery插件,以及许多为开发
读完了《Visual Studio Code权威指南》,前端方面书籍不能停,于是捡起「CSS一姐」 Lea Verou 的《CSS魔法》。
干啥的?相当于给搜索结果添加过滤条件,看下下面的案例你就知道啦,过滤 github 的搜索结果,更精确搜索项目
不知道你们是否也遇到过这样的问题,写代码的时候总是需要一遍又一遍地检查、调试,浪费了很多时间和精力。而这些问题,其实可以通过一些AI辅助工具得到很好的解决。
大家好,我是你们的食堂老板童欧巴。又到了每周周刊的时间,在这里祝堂友们国庆快乐!
论文题目:MDNN: A Multimodal Deep Neural Network for Predicting Drug-Drug Interaction Events论文摘要:多种药物的相互作用可能会导致严重的事件,从而导致伤害和巨大的医疗成本。对药物-药物相互作用(DDI)事件的准确预测可以帮助临床医生做出有效的决策并制定适当的治疗方案。最近,已经提出了许多基于人工智能的技术来预测DDI相关事件。然而,现有的大多数方法对DDI事件和其他多模式数据(如靶标和酶)之间的潜在相关性关注较少。为了解决这个问题,作者提出了一种用于DDI事件预测的多模态深度神经网络(MDNN)。在MDNN中,作者设计了一个基于药物知识图(DKG)的路径和基于异构特征(HF)的路径两个路径框架来获取药物的多模态表示。最后,设计了一个多模态融合神经层来探索药物多模态表示之间的互补性。作者在真实数据集上进行了广泛的实验。结果表明,MDNN能够准确预测DDI事件,并优于目前最先进的预测模型。
前端变化虽快,但其实一直都围绕这几个概念在转: URL - 访问什么页面 Data - 显示什么信息 View - 页面长成什么样 Action - 对页面做了什么操作 API Server - Data 数据的来源 在 redux 的生态圈内,每个环节有多种方案,比如 Data 可以是 immutable 或者 plain object,在你选了immutable 之后,用 immutable.js 还是 seamless-immutable,以及是否用 redux-immutable 来辅助数据修改,都
详情见:https://github.com/Tencent/tdesign-vue/releases/tag/0.44.1
如果你经常用 shell 记得看看本周特推里的 gum,它能给你的 shell 增加新趣味。除了这个 shell kit,我们还有 dashboard kit——tabler,功能技能 kit engineeringladders,网络模拟 kit comcast 用来测试分布式系统。
盘点那些真正能提升工作幸福度的小工具,都是我日常开发中经常使用的工具。包括4个维度:软件、终端、VScode插件、Chrome插件。
https://juejin.cn/post/6969765277252714503
xworks,简单,没有框架,没有额外的样式表。它生成一个HTML文件,其中包含60行漂亮的内联CSS。
本文版权归作者所有,转载请注明作者和出处。 未经作者许可,请勿将本文用作商业用途。 封面来源:见图片水印 Markdown 是一种轻量级的标记语言,它的文本可以转换为 HTML ,加上 CSS 的样式控制,能够很方便快捷进行文章排版。Markdown 解决了一文多处投放(微信公众号+博客)以及排版的问题。 CSS 指层叠样式表 (Cascading Style Sheets),样式定义如何显示 HTML 元素,样式通常存储在样式表中,外部样式表可以极大提高工作效率,外部样式表通常存储在 CSS 文件中。
大家好,我是秋风。前段时间时间呢,我写了一个我给鸿星尔克写了一个720°全景看鞋展厅,看大家挺赶兴趣的,当时我是用 Three.js 来写的,但是 JS 实现可能在一些非常非常老旧的机型上兼容性可能没有那么完美。
ruda 是手机浏览器中的开发者工具,是一个JS插件,在自己的页面中引入即可 Eruda 的由来 Eruda 的作者以前在手机中进行页面开发时,感觉日志输出非常麻烦,经常使用类似 window on
https://github.com/Nealyang/React-Fullstack-Dianping-Demo/blob/master/record/play.gif https://github.com/Nealyang/React-Fullstack-Dianping-Demo/blob/master/record/state_tree.gif
想当初 Markdown 的出现,拯救了多少死在 Word 样式调整上的人,现在,slidev 出现了,它让你 Focus 在本该专注的 PPT 内容制作上而不需要花太多精力在样式调整上,你仅仅用 Markdown 语法就可以做出一个高颜值幻灯片。生产力工具除了 slidev,还有 zx 这个 Google 开源的小工具能帮你写出更好的脚本,以及现在才被小鱼干发现的一个宝藏项目 Best-websites-a-programmer-should-visit 收录了太多非常高质量的 CS 相关网站,全方位解放学习能力。
X-BUILD 是面向小型项目的脚手架工具,通过终端命令最快在几秒钟初始化项目目录,解决开发中的自动化、性能、模块化、规范、自适应布局等问题,辅助你生成更优质的代码。它两部分组成:一部分为基于 Node.js 环境下的项目生成器,它是安装在全局环境下的 NPM 包;另一部分是基于 webpack 的开发和生产环境,对各类需求做了相应的配置。
换肤这个功能,不能算是很常见,但是也是有需求的,所以这里提供几种前端的换肤解决方案,供大家参考。
本文介绍了一种CSS路径动画的曲线生成方法,该方法通过将贝塞尔曲线与关键帧动画相结合,实现了在动画过程中沿路径匀速运动的效果。具体来说,该方法包括以下步骤:首先,通过贝塞尔曲线公式构建贝塞尔曲线;然后,将贝塞尔曲线与关键帧动画相结合,通过计算关键帧动画的插值函数,将贝塞尔曲线上的点映射到关键帧动画的插值点上;最后,在动画过程中,根据贝塞尔曲线上的点的位置,计算动画对象在关键帧动画中的位置,以实现沿路径匀速运动的效果。
Bootstrap简介什么是Bootstrap?框架:库 lib libraryjQuery作为一个框架来讲,提供一套比较便捷的操作DOM的方式把大家都需要的功能预先写好到一些文件 这就是一个框架Bootstrap 让我们的 Web 开发更简单,更快捷;注意是 Bootstrap 不是 BootStrap!这是一个词,不是合成词,其含义为:n. 引导指令,引导程序Bootstrap 是当下最流行的前端框架(界面工具集);特点就是灵活简洁,代码优雅,美观大方;其目的是为了让 Web 开发更敏捷;是 Twitt
互联网发展到今天,对于我们的前端而言,我们的关注点不应该仅仅是我们产出的页面能不能用,也需要更多的去关注我们的页面好不好用,有没有照顾到更多的用户群体?
colorjoe 是一个具有触控和 AMD 支持的可扩展颜色选择器。可以通过 CSS 定义其实际尺寸和布局。通过这种方式,该组件非常适合响应式布局。
背景 将markdown文档转换为html,主要是web应用中有些场景会用到,如博客系统,支持markdown语法的评论功能等 要自己去实现这个功能,并没有那么简单,当然面向GitHub编程,就简单很多了 设计 1. markdown 转 html 在github上相关的开源包还是比较多的,选择了一个之前看 Solo (一个开源的java博客系统)源码时,接触到的辅助包 flexmark 因为flexmark 工程比较庞大,我们这里只依赖其中的markdown转html的工具类,所以只需要添加下面的依赖即可
前一阵看到同事在用一个名叫 AirFlow 的工具,而我竟然素未耳闻,一番搜索之后发现这个工具是 Apache 的顶级项目,而且在 GitHub 上有 1w+ 的 Star。震惊之余,感觉有必要把 GitHub 上常用工具捋一遍,以避免以后发生重复造轮子的情况。计划是把 GitHub 上 5k+ Star 的项目都知道是做什么用的,每周看 50 个,数据来源是这里:https://gitstar-ranking.com/repositories。
前一阵看到同事在用一个名叫 AirFlow 的工具,而我竟然素未耳闻,一番搜索之后发现这个 工具是 Apache 的顶级项目,而且在 GitHub 上有 1w+ 的 Star。
25 Best Developer Tools You Can’t Do Withoutshanebarker.com
MWeb Pro for mac是mac上一款支持markdown编辑器标记语言的简约文本编辑器,能方便地用Markdown记日记、简单的管理日记并生成博客。而写日记时插入图片的功能是经常用到的。可拖拽或直接粘贴即可插入图片并显示出来。
如果你的工作岗位需要写一些函数来实现动画,那肯定接触过贝塞尔曲线,比如 CSS 动画过渡时间函数、Photoshop 中的钢笔效果等,而很多人对于贝塞尔曲线的理解仅仅停留在表面上,毕竟市面上关于它的介绍文章大部分停留在贝塞尔曲线的类型上。
Web 开发社区非常庞大,要找到可靠且准确的资源让人觉得慌。幸运的是,我们的开发者已经为你收集了 -- 搜索网站只是发现过时的回答和观看视频的日子已经过去,这并不能解决你的问题。以下是我们尝试并测试的最喜欢的资源列表:
原创不易,未经作者允许禁止转载!! 前段时间和天诚学长(21届上岸TX的大佬)交流了一下他在Webpack CSS压缩遇到的坑,一时兴起总结了这篇Webpack体积压缩相关的知识,希望你读完能有所收获
周刊的视频版会在 B 站账号【前端食堂】同步发送,想看视频的堂友们可以先去 B 站看视频,有感兴趣的链接再回来~
前言 VS Code越来越完善了,这半年期间我又搜罗了一波个人认为比较实用的插件。 插件集 前端领域 Dependency Analytics :分析项目中npm模块依赖,给出了很直观的数据反馈(包是否有安全问题等) Gitmoji Commit :预设emoji的模板输入,快速commit Xml Complete :XML智能补全,遵循类似协议的也可以 BEM Helper :css BEM方式创建类名(辅助工具) JavaScript Code Snippet :装了这个,可以不装另外通用 js sn
鉴于 window 下基本用不到 vim,所以下面内容不再提及 window,具体可以在相应 github 中查看手册 操作基础:已装有上有 nodejs(npm)。没装的可以移步官网:https://nodejs.org/en/ 另有 sublime 配置方式,请移步:sublime配置及使用技巧
问题:我怎么才能收到你们公众号平台的推送文章呢? 最近写了一个wechat-colorpicker小项目。 主要是为了练习下TS。既然写了一个小库,我就想着顺便学下如何写测试吧,这是一件蛮有意思的事情。 从选型到搭建环境,前前后后用了近2个小时。不得不说一个合格的前端必然是一个合格的配置工程师。再次列举下,这个项目中所需要搭建配置的工具。 webpack.config 自动编译ts+css tsconfig.config ts的配置文件 tslint.json tslint的配置文件 jest.config
github地址:https://github.com/1314mxc/yunUI ,欢迎star!
插件 parallel.js: 前后端通用的一个并行库 zepto: 用于现代浏览器的兼容 jQuery 的库 totoro: 稳定的跨浏览器测试工具 TheaterJS: 一个用于模拟人输入状态的 JS 库 stellar.js: 前端用于实现异步滚动效果的库,现已不再维护 skrollr: 另一款实现一步滚动的开源库,使用人数众多,可实现各种狂拽酷炫掉渣天的前端效果,看真相 Framework7: 前端框架,是开发人员可以基于 web 技术构建 IOS7 程序 regulex: 用于生成 正则表达式 的
作者描述了 RSC 开发工具的缺失,并分享了如何利用 RSC 的数据格式来创建开发工具,包括可视化工具和浏览器扩展。
PrimeVue在npm可用,如果您有现有应用程序,请运行以下命令以将PrimeVue和PrimeIcons下载到您的项目
PhpStorm 2022是一款强大的PHP集成开发工具,可用于许多流行的版本控制系统,确保在git,github,SVN,Mercurial和Perforce中提供一致的用户体验。新版本改进了phpstorm软件的自动完成功能。还增加了代码清理工具,可以删除不必要的部分来优化全类名称,从而更好的提高用户的工作效率。
通常,在产品发布新版本或者有新功能上线时,都会开发一个新手引导功能来引导用户了解应用的功能。在前端开发中,如何快速地开发新手引导功能呢,下面介绍几个开箱即用的新手引导组件库。
本文将探讨过去一年中 Web 技术的主要发展趋势,特别是 JavaScript,并尝试预测下 2021 年前端开发的下一步发展。
图来源网络 前端插件以及部分细分网址梳理 插件 parallel.js: 前后端通用的一个并行库 zepto: 用于现代浏览器的兼容 jQuery 的库 totoro: 稳定的跨浏览器测试工具 TheaterJS: 一个用于模拟人输入状态的 JS 库 stellar.js: 前端用于实现异步滚动效果的库,现已不再维护 skrollr: 另一款实现一步滚动的开源库,使用人数众多,可实现各种狂拽酷炫掉渣天的前端效果,看真相 Framework7: 前端框架,是开发人员可以基于 web 技术构建 IOS7 程
对开发者来说,资源非常重要,因为在编码的时候可以提高很大程度上提高生产力。通过几个月,我收集到了一些链接,然后我很乐意跟大家分享其中部分。希望它们对你有所帮助。废话少说,这里提供了很棒的免费且最新的资源。
大家好,我是若川。我持续组织了近一年的源码共读活动,感兴趣的可以 点此扫码加我微信 lxchuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。历史面试系列。另外:目前建有江西|湖南|湖北籍前端群,可加我微信进群。
本文首发于政采云前端团队博客:编写高质量可维护的代码:优雅命名 https://www.zoo.team/article/good-name
领取专属 10元无门槛券
手把手带您无忧上云