未分类

未分类

未分类

44 文章 1229 浏览

开发人员必知的 5 种开源框架

原文:https://opensource.com/business/15/12/top-5-frameworks 软件侵吞着世界已经四年多了,但开发人员看待软件的方式稍有不同。我们一直在致力于解决实际问题,而很少思考软件开发的基石。当问题变得更庞大、解决方案更复杂时,一些实用的、不怎么产生泄漏的抽象工具就显得越来越重要。 简单地来说,在那些追求生产效率的开发者眼中,框架正在吞食着世界。那究竟是哪…

后知后觉 5天以前 浏览 921 评论 0 收藏 0

Lighthouse 的介绍和使用

Lighthouse 是一个开源的自动化工具,用于改进网络应用的质量。可以将其作为一个 Chrome 扩展程序运行,或从命令行运行。 为 Lighthouse 提供一个审查的网址,它将针对此页面运行一连串的测试,然后生成一个有关页面性能的报告。目前测试项包括页面性能、PWA、可访问性(无障碍)、最佳实践、SEO。Lighthouse 会对各个测试项的结果打分,并给出优化建议,这些打分标准和优化建议…

蓝色星空 2022-06-13 浏览 772 评论 0 收藏 0

Vue Button 按钮的 click 点击事件

使用 Vue,您可以将按钮点击与您想要执行的功能联系起来。 正式的方法是使用 v-on:click 属性,然而,Vue 有一个简洁的快捷方式 @click。 const app = new Vue({ data: () => ({counter: 0}), template: ` <div style="border-style:solid"> <div>Number…

无敌元气妹 2022-06-10 浏览 799 评论 0 收藏 0

Installing Python on Linux(在 Linux 上安装 Python)

The latest versions of Ubuntu and Fedora come with Python 2.7 out of the box. 最新版的Ubuntu和Fedora自带Python 2.7,直接使用。 The latest versions of Redhat Enterprise (RHEL) and CentOS come with Python 2.6. Some …

JSmiles 2022-05-14 浏览 947 评论 0 收藏 0

10个来自 Docker 社区的酷炫工具

本文系Opensource.com所发布的《开源2015年鉴》的其中一篇,来自Docker公司的高管回顾了2015年由社区所主导和开发的几个非常好的工具。 回顾过去的2015年,拥有先进的开发经验的 Docker 社区创建了很多个项目。我们知道从如此之多的贡献中挑选出来自认为优秀的是非常困难的一件事,这里我们尽可能的选出大伙公认的 “10个酷炫的工具”,这些工具在你使用 Docker 和欲扩展你的…

清风夜微凉 2022-05-03 浏览 887 评论 0 收藏 0

JavaScript 题集 3

1. var lowerCaseOnly = /^[a-z]+$/; [lowerCaseOnly.test(null), lowerCaseOnly.test()] 答案:有关正则表达式,test过程会将传入的变量自动转换为字符串 null-》"null",完全没有则会转换为 "undefined" 2. "1 2 3".replace(/\d/g, parseInt) 答案:replace的第…

JSmiles 2022-04-03 浏览 898 评论 0 收藏 0

如何写一个你自己的 jQuery 库?

本文面向的读者群如下: 前端交互重度依赖 jQuery 库 具备一定的原生js基础知识 开始阅读某一版本的 jQuery 源码 本文采用的写作与编码手法如下: 以标准实现为主,不考虑兼容性 函数实现以新手直觉式为主,而非 jQuery 源码中经过千锤百炼的版本 粗略搭建类 jQuery 式骨架,最终产物不以投入生产为目的,仅供参考 用最终实现的库,实现一个在现代浏览器中正常工作的轮播图效果 注意:…

JSmiles 2022-03-07 浏览 978 评论 0 收藏 0

使用 Sass 制作菱形网格布局

  • 使用 Sass 制作菱形网格布局
  • 使用 Sass 制作菱形网格布局
  • 使用 Sass 制作菱形网格布局
  • 使用 Sass 制作菱形网格布局

自从我从事 WEB 开发以来,一直都在规规矩矩地使用标准的栅格布局。直到有一次在公司跟实习生交流时,我意识到开发者的思维已经被条条框框固定住了。这里并不是想说栅格布局这种规规矩矩的布局有什么不好,实际上这些布局就像是沃尔沃汽车一样,让人感到安稳和可靠。但是,拥抱变化何尝不是一件趣事?非常幸运的是,我能与众多才华横溢的设计师共同工作。在最近的一个项目中,他们提出了一种基于栅格布局的菱形布局。 旋转 …

浮生未歇 2021-12-27 浏览 930 评论 0 收藏 0

Flutter 中 interactivity 的使用

Example 如下例子中引入了一个 state 管理简单演示了如何管理 state,并非直接可跑的例子,可以嵌套在 Layout Tutorial 的示例代码中。 class FavoriteWidget extends StatefulWidget { @override _FavoriteWidgetState createState() => _FavoriteWidgetState…

岁月打碎记忆 2021-12-18 浏览 998 评论 0 收藏 0

前后端分离的思考与实践(五)

  • 前后端分离的思考与实践(五)
  • 前后端分离的思考与实践(五)
  • 前后端分离的思考与实践(五)
  • 前后端分离的思考与实践(五)

基于前后端分离的多终端适配 前言 近年来各站点基于 Web 的多终端适配进行得如火如荼,行业间也发展出依赖各种技术的解决方案。有如基于浏览器原生 CSS3 Media Query 的响应式设计、基于云端智能重排的「云适配」方案等。本文则主要探讨在前后端分离基础下的多终端适配方案。 关于前后端分离 关于前后端分离的方案,我们在服务端接口和浏览器之间引入 NodeJS 作为渲染层,因为 NodeJS …

丢了幸福的猪 2021-12-15 浏览 926 评论 0 收藏 0

快速批量导出小红书商城中的多款商品图片素材

  • 快速批量导出小红书商城中的多款商品图片素材
  • 快速批量导出小红书商城中的多款商品图片素材
  • 快速批量导出小红书商城中的多款商品图片素材
  • 快速批量导出小红书商城中的多款商品图片素材

今天有朋友问我,有没有办法把手机上的小红书上商品图片素材给保存到电脑上?小编接下来就给你演示操作一回,希望能帮到一些还不懂的保存手机端小红书商品图片素材的朋友们,下面一起来看看小编的操作方法吧。 我们先在电脑上安装个载图助手 一部带有(安装小红书)的手机 打开手机上的小红书APP然后进入商城,找到要采集的商品也可用关键词搜索 找到自己喜欢的款式,点击商品进入主页面,打开右上角的三个小点菜单,点击“…

7051440603 2021-12-12 浏览 1075 评论 0 收藏 0

批量将义乌购上多个商品链接里的图片素材保存

  • 批量将义乌购上多个商品链接里的图片素材保存
  • 批量将义乌购上多个商品链接里的图片素材保存
  • 批量将义乌购上多个商品链接里的图片素材保存
  • 批量将义乌购上多个商品链接里的图片素材保存

如果我们正巧某个平台上浏览到喜欢的商品时,然后想要把该链接上的图片素材给保存下来,该如何操作呢?今天小编给大家分享一个新的技巧,小编就以义乌购平台的商品来演示操作,下面一起来试试,希望能给大家带来帮助。 需要用到的工具 安装一个载图助手 怎么批量复制? 在电脑网页中打开义乌购,然后在列表页中,开始挑选商品,找到喜欢的商品 找到喜欢的商品时依次进入商品的主页面,点击复制上方的连接 把复制好的链接导到…

7051440603 2021-12-12 浏览 989 评论 0 收藏 0

关于 DOM 你应该知道的

常用的节点有三类,分别是: element node text node attribute node 除此之外其他还可能包括 comment 等其他节点。 如下示例可以将三类节点一一对应: <p title="a gentle reminder">Don't forget to buy this stuff</p> 拿到节点的方法: 通过 dom.children 拿到的…

嘦怹 2021-12-01 浏览 942 评论 0 收藏 0

一起来做 Chrome 扩展之本地存储 localStorage

  • 一起来做 Chrome 扩展之本地存储 localStorage
  • 一起来做 Chrome 扩展之本地存储 localStorage
  • 一起来做 Chrome 扩展之本地存储 localStorage
  • 一起来做 Chrome 扩展之本地存储 localStorage

Chrome 中的本地存储其实也是用的 HTML5 中 localStorage,唯一区别是 chrome 扩展有自己的 localStorage,它属于这个扩展,而不属于一个域名。得用这一点可以很好的处理扩展自己的一些数据,而不受访问网站和域名的影响。 localStorage 基础 localStorage 是 HTML5 特性,所以有些浏览器不一定支持,不过我们这里讲的是 chrome 扩展…

温柔少女心 2021-11-27 浏览 1114 评论 0 收藏 0

文章 – 一行代码实现数字千位分隔符

方法 var format = function (number) { return String(number).replace(/(\d)(?=(\d{3})+$)/g, '$1,'); }; 原理 难点在这个正则上。 /(\d)(?=(\d{3})+$)/g ?= 术语叫 先行断言。 x(?=y) 称为先行断言(Positive look-ahead),x 只有在 y 前面才匹配,y 不会被…

瑾夏年华 2021-11-11 浏览 601 评论 0 收藏 0