更新于3 年
72

Jetpack Compose如何禁用涟漪(水波纹)效果

Modifier.clickable()进行点击的时候会有水波纹效果,如何去除这个效果呢?有以下两个方法:

1.将indication设为nul


modifier = Modifier
            .clickable(onClick = {}, indication = null, interactionSource = remember {
                MutableInteractionSource()
            })

2.使用pointerInput设置点击事件

modifier = Modifier
                .pointerInput(Unit) {
                    detectTapGestures(
                    // 长按事件
                    onLongPress = {}, 
                    // 点击事件
                    onTap = { })
                }
更新于3 年
140

开源产品推荐

1. Penpot(原型、UI设计工具)

官网:https://help.penpot.app/

68747470733a2f2f70656e706f742e6170702f696d616765732f726561646d652f686f6d652d75692e6a7067.jpg

2. Supabase(开源firebase)

官网:https://supabase.com/

68747470733a2f2f73757061626173652e636f6d2f646f63732f6173736574732f696d616765732f73757061626173652d6172636869746563747572652d39303530613733313765396563376566623738303766353139343132326534382e706e67.png

3.OpenSumi(开源IDE)

官网:https://opensumi.com/zh

O1CN01uIRRRl1wmLkN9geV3_!!6000000006350-2-tps-2844-1830.png

Nettu Meet(视频会议系统)

官网:https://github.com/fmeringdal/nettu-meet

app.png

更新于3 年
229

IDEA系列常用插件:适用于IDEA、Webstorm、Goland、Pycharm、Phpstorm

1.GitToolBox

可以在每一行查看上次提交的信息,提交人,可以根据左侧的颜色,了解本次操作是修改,删除还是新增

Snipaste_2022-03-16_09-56-24.png

Snipaste_2022-03-16_09-56-42.png

2.Rainbow Brackets(彩虹括号)

让一对的括号显示成一种颜色,不同对的快显示成不同的颜色,方便用户区分。
1825757-20191202154819892-2080431276.png

3.CodeGlance2(代码缩略图)

原本有一个叫CodeGlance的插件,貌似作者不维护了,新版本无法使用。右侧缩略图可以快速滑动到对应位置。

Snipaste_2022-03-16_10-34-47.png

4.Grep console

自定义日志颜色,idea控制台可以彩色显示各种级别的log,安装完成后,在console中右键就能打开。

screenshot_17407.png

screenshot_16117.gif

更新于3 年
651

SEO优化-Sitemap

sitemap简单来说就是网站地图,通过可视化的形式,展示网站的主要结构,目的是方便搜索引擎以及用户更快的找到你的页面。不同框架有不同的生成方法,下面介绍nextjs框架的:

安装next-sitemap

yarn add next-sitemap -D

创建配置文件next-sitemap.js

/** @type {import('next-sitemap').IConfig} */

module.exports = {
  siteUrl: process.env.SITE_URL || 'https://example.com',
  generateRobotsTxt: true, // (optional)
  // ...other options
}

添加指令

{
  "build": "next build",
  "postbuild": "next-sitemap"
}

这样构建的时候就会自动生成sitemap。但是可能其中有一些路由不需要生产sitemap,这时候在next-sitemap.js里配置exclude,配置那些页面文件路径,生成的时候就不会存在那些页面地址了。
sitemap适合于任何的搜索引擎,但是如果等待搜索引擎的蜘蛛去爬取,可能需要很长时间,所以我们需要手动提交到那些搜索引擎网站,让他们主动收录。下面列举几个常用的搜索引擎:

增加百度收录

百度收录的网站是https://ziyuan.baidu.com 。点击右上角搜索服务,然后点击普通收录,进入后会出现新增网站的链接,添加相关信息以后,即可以正常操作。

Snipaste_2022-03-14_15-14-48.png
在普通收录下面有三种提交方式,API提交、sitemap、还有手动提交。百度的sitemap和一般网站的sitemap要求不一样,详情可见 https://ziyuan.baidu.com/college/courseinfo?id=267&page=3#h2_article_title0

Google收录

google的收录配置网站是 https://search.google.com/search-console/about

微信截图_20220314152825.png
选择任意一种方式验证,验证完成进入控制台,点击左侧网址检查,打开页面后选择请求编入索引。

微信图片_20220314162106.png
接着点击左侧站点地图,在页面里添加站点地图

微信截图_20220314162235.png
此时google就会根据地址一级一级的缓存网站地图。

检验是否收录

在搜索引擎的搜索框里使用site:域名,来确认搜索引擎是否收录。

常用搜索引擎收录平台

  1. Bing - https://www.bing.com/webmasters/about?cc=www (支持从google收录平台导入数据)
  2. 360站长平台 - https://zhanzhang.so.com/
更新于3 年
140

免费开发资源平台

1. 部署平台

1. Vercel
支持Nextjs、Svelte、Nuxt.js、Gatsby.js、Angular等常见前端框架部署,支持自动配置https,支持部署Serverless接口

2. 数据库

1. MongoDB Atlas

  • 类型: MongoDB
  • 大小: 512MB
  • 支持香港节点等数十个节点

2. CloudAMQP

  • 类型: rabbitmq

3. CloudKarafka

  • 类型: kafka

4. RedisLabs

  • 类型: redis
  • 大小: 30MB

5. upstash

  • 类型:redis,kafka
  • 大小:10k访问次数

3.客服聊天系统

1. Chatra

  • 介绍:支持一个客服,在线和离线聊天Widget
更新于4 年
349

Android开发基础知识(一):Assets和Res目录

创建一个新的Android项目后会产生assets和res两个文件夹,虽然二者都是存放资源的目录,但是二者有着很大的区别。

res目录

这个目录下的文件会在R.java里自动生成该资源的ID,所以访问这种资源文件比较简单,通过R.XXX.ID

assets目录

该目录下的文件在系统的编译的时候不会参与编译,所以我们无法同像R.XXX.ID的方式来访问它们。同时我们也不能通过绝对路径去访问它们,因为apk安装之后会放在/data/app/**.apk目录下,assets被绑定在qapk里,以apk形式存在,并不会解压到/data/data/YourApp目录下面。

res/raw和assets区别

相同点:

  1. 两者目录下的文件在打包后会原封不动的保存在apk包中,不会被编译成二进制。

不同点:

  1. res/raw中文件可以用R.XXX.ID访问;assets文件夹则需要使用AssetManger
  2. res/raw不可以有目录结构,而assets可以有目录结构
  3. assets目录下的文件尽可能不要超过1M,否则会有bug;而res/raw则可以不受限制

访问assets目录文件

  1. webview.loadUrl("file:///android_asset/demo/index.html")
  2. AssetManager.open(String filename) 返回的是一个InputStream类型的字节流。
更新于4 年
180

基于WebView搭建混合开发应用开发平台(一):项目简介

随着越来越快的开发迭代,基于WebView的混合开发占据了不少的份额。很多App内部都有着WebView的影子,本项目就是基于Jetpack Compose来搭建WebView混合开发框架。

项目目标

开发基于WebView的混合开发框架。安卓默认支持5.0以上,iOS支持13以上。

项目功能

基础功能

  1. 选择图片和拍照功能
  2. 权限申请
  3. 定位功能(基于高德地图)
  4. 扫码
  5. office文件预览
  6. 文件下载
  7. 选择文件功能
  8. 极光推送
  9. 第三方网页浏览
  10. 剪切板
  11. 自动升级

高级功能

  1. 语音识别
  2. 录音
  3. 录屏

项目地址

https://github.com/lookenghua/WebView

avatar

lookenghua

独立开发者

文章

17

分类

6

标签

5