mithril

可拖拽组件slider.js

邮差的信 提交于 2020-12-05 18:02:35
基于 mithril.js ,javascript ,scss写一个可拖动的滑块组件 问题描述: 需求需要实现一个可拖动的滑块组件,但是又不能用UI框架,只好自己动手写一个了。 废话不多说,直接上代码。 技术要求 需要有mithril.js,javascript,scss技术基础。 js及页面代码。 var m = require ( "mithril" ) ; require ( './slider.scss' ) ; import slider from './slider' ; let obj = { colorWidth : 0 , // 已拖拽长度 clickOpen : false , // 是否开启拖拽 sliderDom : '' , // 绑定的灰条dom colorDom : '' , // 绑定的有色条dom radiusDom : '' , // 绑定的圆点dom moveEmentRect : null , // 获取灰条dom参数 Percentage : 0 , // 百分比 minWidth : 0 , // 拖动区间下限 maxWidth : 0 , // 拖动区间上限 sliderCallback : null , // 参数回调 node : [ 0 , 25 , 50 , 75 , 100 ] , // 节点数及占比 // 初始化数据

vscode插件安装及快捷键

北城以北 提交于 2020-11-27 04:48:52
插件 1.汉化 如果需要汉化,ctrl + shift + x,打开插件商店,输入 chinese,然后选择第一个,点击 ‘install’ 2.Git history Git 历史 3.Auto Close Tag 自动写关闭标签的插件 4.Auto Rename Tag 自动重命名关闭标签 5.Mithril Emmet 注意:其实vscode 内置了Emmet插件 高效编写 HTML、CSS 代码的插件,能快速输入大部分内容 比如,在编辑 HTML 文件时,输入 tr*2>td*3 ,然后回车,就能快速生成一个两行三列的表格标签。 6.Quokka Quokka 是一个调试工具插件,能够根据你正在编写的代码提供实时反馈。它易于配置,并能够预览变量的函数和计算值结果。另外,在使用 JSX 或 TypeScript 项目中,它能够开箱即用。 7.open in browser 右击直接在浏览器查看 快捷键 放大缩小试图:ctrl + 和 ctrl - 向上复制一行:alt + shift + ↑ 向下一行:alt + shift + ↓ 当光标点击到某一行时,默认选中全行,可以直接复制剪切 来源: oschina 链接: https://my.oschina.net/u/4408513/blog/3422547

轻量级开源论坛Flarum

梦想与她 提交于 2020-10-02 08:55:41
Flarum是一款优雅简洁的开源论坛系统。遵守MIT开源协议。Flarum由 PHP 编写,基于 Laravel 框架。安装环境需要: PHP 7.2+ 以及 MySQL 5.6+。 特色: 快速简单 方便部署,界面基于 Mithril JavaScript 轻量级框架。 优雅并且自适应: 开箱即用 强大可拓展: 定制性、可扩展性API 作者 Toby 曾经开发 php 非常简洁的论坛程序 esoTalk,但作者认为Esotalk没有构建在一个可持续发展的基础上。所以重新开发了Flarum论坛。Flarum 的开源架构灵活,拥有完善的 API 和文档。Flarum 不仅仅为程序员开发,而是为所有人开发的。Flarum 在设计之初就考虑了跨平台,开箱即用。并且 Flarum 的界面风格使用了 LESS,很容易更换主题。 GitHub 仓库挂件 WordPress 插件 flarum / flarum Simple forum software for building great communities. https://flarum.org 10,324 1,147 Download ZIP 相关文件下载地址 本地直接下载 来源: oschina 链接: https://my.oschina.net/u/4325541/blog/4276869