星火商店由深度科技论坛大佬 @shenmo 发起的星火工作组致力于丰富 Linux 生态, 取“星星之火,可以燎原”之意,组建了星火应用商店。 我们是个年轻的团队,大部分成员是 00 后,有小学生,中学生,大学生,来自五湖四海。 尽管我们年龄不同,资历不同,但是我们努力建设 Linux 生态的目标是相同的, 我们有信心、也有勇气向着我们共同的目标不断前行！
有这个想法是有一次看到国外有专门卖类似的礼物周边,实现的过程解决了很多问题https://h5.orangelovely.com/celestial?utm_source=v2ex 大家可以看看自己出生时的星空都长什么样子,而且朋友们还能在你的星空下留言。 祝大家七夕快乐！
上海按摩店踩坑地图（ 3 ~ 5 星的都可以去尝试,3 星一下,还是算了吧…）地址： https://github.com/cobaltdisco/CN-Massage-Map 以及自己的另一个项目——谷歌中文搜索结果屏蔽黑名单 地址： https://github.com/cobaltdisco/Google-Chinese-Results-Blocklist
目前 mac beta 版本已发布,感兴趣的同学可以下载使用： https://github.com/njzydark/Aragorn
用 OmegaT 翻译时发现本站（ https://www.v2ex.com/t/435921 ）有人做了腾讯翻译的插件,非常好用,于是参考其代码做了一个利用彩云小译的翻译插件。
「情侣兑换券」小程序,送给 TA 一张按摩券、奶茶券,或延迟赠送的七夕礼物券
iPreview - Powerful Quick Look 是一款功能强大的 macOS Quick Look 应用； App Store
开局你有一台机器,你可以把他拆成零件再组装回去,有几率多出一两个零件,反复拆装之后,多出的零件就可以组装成一台新的机器,机器多了能拆出的零件就更多了,更多的零件可以组装成更复杂的机器,拆装之后有几率获得的零件数量更多。目前没有人做过这种题材吧
最近做了一点算是机器视觉、PID 、STEM 方面的兴趣活动,和各位分享,希望能寻到更多 DIY 爱好者。 :)
本人算是第一批电子杂志从业者,经历了电子杂志,从无到有,风光大盛的时期,也经历了电子杂志衰落的整个过程。看着他起高楼,看着他高楼塌。但是虽然市场对电子杂志的冒进有各种声音,但是我觉得电子杂志作为一种结合传统翻阅习惯与互联网特性的一种内容表现形式,他应该会更好,而且我也有很多想法在这里面,因此一直都在坚持研究与开发电子杂志相关的东西。
BUI-163 网易新闻大小: 6.27M 做这个 App 主要是为了给 BUI 的开发者一个完整的 App 开发示例, 里面的组件化使用了各种不同的方式实现, 整个 app 开发过程记录在这里`bui 神速`订阅号. 快速开发 App 系列篇, 该 App 基于 BUI Webapp 框架+Dcloud 构建. 仅供学习交流使用.其中列表数据部分为真实的接口, 详情没有找到 163 的开放接口. 下载 源码下载: https://github.com/imouou/BUI-163 App 体验下载: http://d.firim.top/zcdj 交互 1: 下拉刷新, 加载分页 Gif 预览 https://image-static.segmentfault.com/276/220/2762205102-9b8de3c140d7cf07_articlex 交互 2: Tab 嵌套交互 Gif 预览 https://image-static.segmentfault.com/337/549/3375499393-948da9779a4aafb4_articlex 交互 3: 栏目删减自动更新 Gif 预览 https://segmentfault.com/img/remote/1460000023654401 交互 4: 底部 tab 的交互, 每个 Tab 里面还有各自的交互 Gif 预览 https://segmentfault.com/img/remote/1460000023654402
https://chrome.google.com/webstore/detail/chrome-plus-lite/flofgcaepmmfemilghanakkkhakplaij?hl=en
Lottery number tracking hepler
项目动机
http://www.wgstart.com
在学习或开发中,我会不断的遇到新的问题,我可能回去百度 Google 等检索相关问题去解决遇到的问题。
现在的静态博客生成器都太复杂了,大多数功能我都不需要,所以就自己写了几行脚本。有相同需求的朋友可以参考。
支持 LaTeX 公式,主题是 GitHub 风格。
使用
执行 make,可将当前目录下的 Markdown 文件转换为 HTML 文件,并生成目录 index.html 。
编译时依赖
Pandoc
运行时依赖
MathJax, github-markdown-css
代码
page.tpl:
$title$ $body$ Makefile: index.html : $(patsubst %.md,%.html,$(wildcard *.md)) ls -1t *.html | \ xargs grep -E --exclude=index.html --max-count=1 "
.+ " | \ sed -E "s/(.+)\.html:
(.+)<\/h1>/- [\2](\/\1)/" | \ pandoc --standalone --template=page.tpl --metadata=title:"Untitled Site" [email protected] --from=commonmark %.html : %.md pandoc --standalone --template=page.tpl --metadata=title:$(basename [email protected] ) [email protected] --from=commonmark $< 项目地址 Flutter: Channel stable, v1.17.1 运行环境：iOS 8.0 或以上（暂未适配 Android ）
之前写小程序需要模拟后端接口,就用了 easy-mock 。但是官方给的是超级不稳定的体验版。 今天又需要用,官网又崩溃了。 于是本着分担官网压力和自己方便的目的,在本地搭建了一个 easy-mock 。
简介
前段时间用 H5ai 的时候发现官网除了安装教程以外,自定义配置都写在 config 文档里了 很不方便查找 于是就自己搭建了一个文档网站 方便大家查找。
一句简介
前言
[产品功能]将音乐声音进行实时可视化的裸眼 2d 流光效果呈现 [产品解决了什么需求？] 没有需求,纯属个人创意产品,灵感来自于淘宝上的裸眼 3d 全息风扇广告机,很感兴趣,于是研究了视觉暂留原理,想到了将音乐可视化应用到这个上面,然后实现了预期想法,目前定义为一款音频娱乐产品 [产品实现简介] 软件：实时处理音频数据——搭建可视化模型处理——转化成可视化数据——通过电脑通信串口 USB 蓝牙发射器将数据发出 硬件：外设实时收到数据,控制 LED,渲染实时流光效果 [产品特点] 仅用 13 颗微型 led 实现裸眼 2D 音乐可视化（当然肉眼看到的实时效果由强大的硬件电路和精心开发的软件两者共同支持）；肉眼实际效果远远好于摄像机手机等拍摄的视频效果（受强大的肉眼和 low 比的机器拍摄差异影响,目前来看这可能和别的产品不同,是为数不多的实际肉眼效果强过视频拍摄效果的产品） [软件功能简介] 模式 1：导入自己喜欢的音乐文件（运行前进行音频可视化特征提取处理）播放即可,软件端在音乐播放过程中可任意切换可视化特效 模式 2：环境声音——软件实时采集电脑周围的环境声音完成可视化特效,软件端在可任意切换可视化特效 模式 3：小游戏——做了一些裸眼 2D 声控小游戏,等你来发现 模式 4：自定义文字输入（英文字母+数字） [自研心路] 第一座大山——硬件部分,完全靠自己重新打造,单片机芯片的选型,电路设计,PCB 电路板的打样测试,PCB 元件的焊接,蓝牙芯片的选择,单片机代码的研究和实现,没有任何帮手,只能自己啃下来；现在复盘来看,硬件部分可以用“精妙”二字来评价。 第二座大山——软件部分,本人为技术型产品经理+需求分析,代码 N 年没写过了,为了实现这个产品目标,一开始选用 MATLAB 来找思路,后续选用 Python 来实现,然后打包成执行软件；软件界面用 QT,算法和界面分离,现在已经过万行代码；难的是软件需要自己完成,优势是有丰富扎实的产品设计功底,沟通成本为零,几个角色合为一体,经此一役,真是欲仙欲死,当然前期过程比较艰难 [创新不易 寻求资瓷,不期待有什么大新闻] 诚邀尝鲜体验,由于涉及到硬件,想体验这个产品的朋友需要花些银两（硬件成本价）,因为是个人业余项目,硬件部分特别是单片机芯片,蓝牙主从模组,沉金 PCB,柔性电路板,单独采购及制作这些电子材料都是很贵的（不了解的大家可以去某宝看看 stm32 系列意法半导体芯片、封装尺寸低于 6cm 的高性能蓝牙模组、沉金 PCB 样片、柔性电路板样片此类的价格） 也欢迎来吹毛求疵的建议者 体验加我 WX 交流 base64 d3V3dWxhbGFy
本教程案例在线演示
有路网 PC 端 有路网移动端
免费配套视频教程
免费配套视频教程
教程配套源码资源
教程配套源码资源
div
div 可定义文档中的分区（ division ）。
div 标签可以把网页分割为独立的、不同的部分。
可以看成以下结构：
div 不像 h1,p 标签,没有任何默认样式,其主要作用是标识网页上的某块区域。常见做法是通过给 div 元素加上 id 或 class,然后通过 css 选中某个 div,对其进行样式美化。
我是一个 div
每个 div 可以看成一个盒子
一个盒子中主要的属性有 5 个：width 、height 、padding 、border 、margin 。如下：
width：内容的宽度。CSS 中 width 指的是内容的宽度,而不是盒子的宽度。盒子的宽度=内容宽度+padding+border
height：内容的高度。CSS 中 height 指的是内容的高度,而不是盒子的高度。盒子的高度=内容高度+padding+border
padding：内边距。
border：边框。
margin：外边距。
元素宽高
Title 我是一只小小鸟
边框
属性 说明 示例
border-top-color 上边框颜色
border-top-color:#369;
border-right-color 右边框颜色
border-right-color:#369;
border-bottom-color 下边框颜色
border-bottom-color:#fae45b;
border-left-color 左边框颜色
border-left-color:#efcd56;
border-color 四个边框为同一颜色
border-color:#eeff34;
上、下边框颜色：#369
左、右边框颜色：#000
border-color:#369 #000;
上边框颜色：#369
左、右边框颜色：#000
下边框颜色：#f00
border-color:#369 #000 #f00;
上、右、下、左边框颜色： #369 、#000 、#f00 、#00f
border-color:#369 #000 #f00 #00f;
边框粗细
border-width:像素值 order-top-width:5px; border-right-width:10px; border-bottom-width:8px; border-left-width:22px; border-width:5px ; border-width:20px 2px; border-width:5px 1px 6px; border-width:1px 3px 5px 2px;
边框样式
none hidden dotted dashed solid double border-top-style:solid; border-right-style:solid; border-bottom-style:solid; border-left-style:solid; border-style:solid ; border-style:solid dotted; border-style:solid dotted dashed; border-style:solid dotted dashed double;
border 简写
同时设置边框的颜色、粗细和样式 border-bottom: 9px #F00 dashed ; border: 9px #F00 dashed ;
外边距 margin-top margin-right margin-bottom margin-left margin margin-top: 1px margin-right : 2 px margin-bottom : 2 px margin-left : 1 px margin : 3 px 5 px 7 px 4 px; margin: 3px 5px; margin: 3px 5px 7px; margin: 8px;
外边距的妙用
网页居中对齐 前提,居中对齐的网页元素必须设定宽度。 margin:0px auto;
内边距
padding padding-left padding-right padding-top padding-bottom padding padding-left:10px; padding-right: 5px; padding-top: 20px; padding-bottom:8px; padding:20px 5px 8px 10px ; padding:10px 5px; padding:30px 8px 10px ; padding:10px;
盒子型模的尺寸
盒子模型总尺寸=border-width+padding+内容宽度
box-sizing
box-sizing 是用于告诉浏览器如何计算一个元素是总宽度和总高度
box-sizing: content-box
width = content width;
height = content height
box-sizing: border-box
width = border + padding + content width
heigth = border + padding + content heigth
Content box
Border box
content box:
border box:
总结一下：
1.对于给定 width 和 height 的元素,设置 box-sizing 属性会影响盒子 content width 和 content height 。
2.浏览器默认使用标准盒子模型,即 box-sizing: content-box, 就是我们所写的宽度和高度就是对 content 进行设置的。
3.在一些响应式布局中,我们修改了浏览器计算元素宽度、高度的方式,认为元素的宽度和高度是包括内边距 padding 和边框 border
元素默认样式
很多标签都有自己的默认样式
我们在 chrome 浏览器中运行时,可以通过开发者工具(快捷键 Ctrl+Shift+I)来一个个审查元素,来看看它们的默认样式
body 标签的 margin 为 8px
p 标签的上下外边距为 16px
h1 标签的上下外边距为 21.440px
ul 标签的上下外边距也为 16px,左内边距也为 40px
重置默认样式
为了兼容性,凡是浏览默认的样式,都不要使用。 重置默认样式 (css reset) /*默认样式重置(css reset)*/ body,p,h1,h2,h3,h4,h5,h6,dl,dd{ margin: 0; font-size: 12px; /* 中文字体大小的最小值 */ /* font-family: xx; 也可以设置字体 */ } ol,ul { list-style: none; /* 去除列表样式 */ padding: 0; margin: 0; } a { color: #464646; text-decoration: none; } a:hover { color: #f60; text-decoration: underline; }
取色器工具
用来拾取演示,和测量长度的轻量级工具。 双击执行 弹出取色器,点击按钮
测量宽高
选择屏幕标尺
测量
拾取颜色
选择屏幕取色器
随意选取颜色
练习 有路网右侧黑板报
我们书写 css 的步骤应该按照由外及内,由上至下,由左到右的顺序。
black-board.css .black-board{ width: 220px; background-color: #f9f9f9; } .book-con{ padding: 10px; border:1px solid #eaeaea } .black-board h2{ font-size: 16px; } .black-board ul{ padding-top: 14px; padding-left: 20px; } .black-board li{ line-height: 22px; }
youlu-blackboard.html
Document 元素分类
行级（内联）元素
块级元素
内联块元素
行级元素
a strong em
内嵌元素的特性：
1.默认同行可以继续跟同类型标签
2.内容撑开宽度
3.不支持宽高
4.不支持上下的 margin
span
span 是一个特殊的行级标签,和 div （块级标签）一样,没有任何语义（样式）。
通常用来着重显示某行文字中的某个单词
Title 积极推进“科学融入教育” 提供优质教育服务
在东部数据,有一群人默默支持你成就IT 梦想
选择东部数据 ,成就你的梦想
块级元素
p div h1~h6 ol-li ul-li dl-dt-dd
块元素的特性
1.默认独占一行显示
2.没有宽度时,默认撑满一排
3.支持所有 css 命令
练习 有路网左侧图书分类
left-category.css .index-sort{ width: 208px; border: 1px solid #dcdcdc; border-top: 0; background-color: #FFFFFF; } .index-sort li{ border-bottom: 1px dotted #dcdcdc; padding: 0 10px 12px 26px; } .index-sort li h2{ font-size: 14px; line-height: 28px; padding-left: 8px; } .index-sort a{ line-height: 20px; margin: 0 3px; } .index-sort .yl-all-index{ font-size: 14px; line-height: 20px; padding: 10px; }
youlu-left-category.html
Document 内联块元素—代表元素 img
inline-block 的特点：
元素在一行显示
支持宽高
没有宽度的时候内容撑开宽度
Title display 属性
控制元素的显示和隐藏
块级元素与行级元素的转变
block 块级元素的默认值,元素会被显示为块级元素,该元素前后会带有换行符
inline 内联元素的默认值。元素会被显示为内联元素,该元素前后没有换行符
inline-block 内联块元素
none 设置元素不会被显示
练习 有路网 help 导航
help-nav.css .help{ height: 30px; line-height: 30px; padding-left: 10px; } .help a{ border-right: 1px solid gray; padding-right: 4px; padding-left: 2px; } .help .last{ border-right: 0 }
youlu-help-nav.html
Document 练习 有路网顶部导航
top-nav.css .topBar{ height: 30px; line-height: 30px; width: 1200px; margin: 0 auto; background-color: #f4f4f4; } .topBar .topBarL{ display: inline-block; margin-right: 536px; } .topBar .topBarR{ display: inline-block; } .topBar .topBarR li{ display: inline-block; } .topBar .topBarR li a{ border-right: 1px solid gray; padding-left:4px; padding-right: 6px; } .topBar .login{ color: red; } .topBar .topBarR .last a{ border-right: 0; }
youlu-top-nav.html
Document 您好,欢迎光临有路网！ 背景图像
背景图像
background-image 属性 background-image:url(图片路径);
Title 摆渡人摆渡人摆渡人摆渡人
背景重复方式
background-repeat 属性
repeat：沿水平和垂直两个方向平铺
no-repeat：不平铺,即只显示一次
repeat-x：只沿水平方向平铺
repeat-y：只沿垂直方向平铺
Title 摆渡人摆渡人摆渡人摆渡人 摆渡人摆渡人摆渡人摆渡人
背景定位
background-position 属性
Xpos Ypos 单位：px Xpos 表示水平位置,Ypos 表示垂直位置
X% Y% 使用百分比表示背景的位置
X 、Y 方向关键词 水平方向的关键词：left 、center 、right
垂直方向的关键词：top 、center 、bottom
Title 摆渡人摆渡人摆渡人摆渡人 摆渡人摆渡人摆渡人摆渡人
给黑板报的列表项目前面加上小圆点背景图像
.black-board li{ line-height: 22px; padding-left: 6px; background: url('img/point.gif') no-repeat left center; }
前言
一些时候,我们需要写一个 git commit, 比如 bug fix, 或是 init project,或着回复姑娘一句“nice job”
好不容易刷的题,两周不看就忘了？ 有些重点题目想反复刷？ 用记单词的劲头（方法）来刷题？ 有些刷题笔记也想复习？ “考前”想快速看看高频题目或者“错题本”？ 手机上也想复习？
C.TEAM 艰难重生,摸鱼又双叒叕发新版 Thief Pro
发现我做的另外一个 app 限免被人发在 V2EX 上了,就亲自来发个贴,哈哈,与其让别人推,不如自己推荐,然后就不废话了,mac 和 iphone 上我都有一个解压专家 Oka,现在都在限免,欢迎大家去下载试用,链接我就不放了,想用的人自己搜一下就好了。如果看到帖子后发现限免结束了,可以加我微信 appsupportgroup,我来送 VIP 兑换码就好了。
前几天逛知乎的时候看到了个问题很有意思： 无码时代来了程序员会失业吗？
目前数据量还比较少,正在逐步完善中。
预览图
总有那么几个公众号,你看到后觉得如获至宝,迫不及待的希望一口气看完他的所有历史文章。
体验命令： traceroute 2a0f:9400:7a05:6666::2 -m 255 或 mtr 2a0f:9400:7a05:6666::2 -m 255
分享一个自动博文发布工具,你这周读的文章就是你想分享给你的读者的！
网站名叫“未来邮递员”,想给未来传递一点讯号
6 年前我还在上大学,因为自己懒得每次登录账号都要找手机看二步认证,写了一简单的浏览器插件显示二步认证的代码： https://v2ex.com/t/110184
周末花了一天半时间研究了一下 socket.io ,写了一个聊天室应用,搭建在了 repl.it 上 ,我们可以让一个 SVG 包含一个标准的 HTML 页面,而 SVG 可以作为图片被引用,那么二者结合之后… 的说明 简介与截图等应用
前言
.png)
大数据引擎.png)
大数据应用.png)
大数据底层技术.png)
ForeSpider软件
.png)
采集服务.png)
软件学习.png)
智能分析.png)
特征提取.png)
智能计算.png)
数据可视化.png)
数据分析应用.png)
系统集成服务.png)
代码工具.png)
金融方案.png)
制造业&物流.png)
企业数字化.png)
医疗方案.png)
政务方案.png)
实时监测.png)
智能分析.png)
数据智能挖掘.png)
全网自动采集.png)
场景智慧采集.png)
主题识别采集
022-2345 2937
185 2247 0110
business@forenose.com
手机有路
022-2345 2937
185 2247 0110
business@forenose.com
前嗅大数据
津公网安备12010102001008号