首页
统计
墙纸
留言
Search
1
PVE8优化
13 阅读
2
Debian 12 / Ubuntu 22.04 使用源安装 LAMP 教程
11 阅读
3
内核版本 4.9 以上的 Linux 系统开启/关闭 BBR 的方法
10 阅读
4
CSS动画
10 阅读
5
jenkins根据分支、文件夹打包
9 阅读
web前端
Vue
CSS
javascript
React
那些年爬过过的坑
ES6
TypeScrippt
ES7
javascript图灵 - 总结
Node
面试总结
React-Native
Web优化
基础
AngularJS
拍摄
Flutter
Dart
Docker
Linux
mysql
PVE
登录
/
注册
Search
标签搜索
vue+elementui
Cicada
累计撰写
158
篇文章
累计收到
57
条评论
首页
栏目
web前端
Vue
CSS
javascript
React
那些年爬过过的坑
ES6
TypeScrippt
ES7
javascript图灵 - 总结
Node
面试总结
React-Native
Web优化
基础
AngularJS
拍摄
Flutter
Dart
Docker
Linux
mysql
PVE
页面
统计
墙纸
留言
搜索到
149
篇与
的结果
2020-09-28
vue3.0
性能优化diff算法优化: https://vue-next-template-explorer.netlify.app/Vue2中的虚拟dom是进行全量的对比Vue3新增了静态标记(PatchF1ag),在与上次虚拟节点进行对比时候,只对比带有patch flag的节点并且可以通过flag的信息得知当前节点要对比的具体内容hoistStatic 静态提升Vue2中无论元素是否参与更新,每次都会重新创建,然后再渲染Vue3中对于不参与更新的元素,会做静态提升,只会被创建一 次,在渲染时直接复用即可cachellandlers 事件侦听器缓存+默认情况下onClick会被视为动态绑定,所以每次都会去追踪它的变化但是因为是同一个函数,所以没有追踪变化,直接缓 存起来复用即可响应数据底层api的优化vue2Object.defineProperty无法监控到数组下标的变化,导致通过数组下标添加元素,不能实时响应;Object.defineProperty只能劫持对象的属性,从而需要对每个对象,每个属性进行遍历,如果,属性值是对象,还需要深度遍历。vue3Proxy可以劫持整个对象,并返回一个新的对象。Proxy不仅可以代理对象,还可以代理数组。还可以代理动态增加的属性。ssr渲染当有大量静态的内容时候,这些内容会被当做纯字符串推进一个buffer里面,即使存在动态的绑定,会通过模板插值嵌入进去。这样会比通过虚拟dmo来渲染的快上很多很多。当静态内容大到一 定量级时候,会用_ createStat icVNode方法在客户端去生成一个static node,这些静态node,会被直接innerHtml,就不需要创建对象,然后根据对象渲染。新增api组合api setupsetup执行时机beforeCreate:表示组件刚刚被创建出来,组件的data和methods还没有初始化好setupCreated:表示组件刚刚被创建出来,并且组件的data和methods已经初始化好setup注意点-由于在执行setup函数的时候,还没有执行Created生命周期方法,所以在setup函数中,是无法使用data和methods.由于我们不能在setup函数中使用data和methods,所以Vue为了避免我们错误的使用,它直接将setup函 数中this修改成了undefinedreactivereactive是Vue3中提供的实现响应式数据的方法,在Vue2中响应式数据是通过defineProperty来实现的,而在Vue3中响应式数据是通过ES6的Proxy来实现的reactive注意点:reactive参数必须是对象(json/arr)-如果给reactive传递了其它对象(number),默认情况下修改对象,界面不会自动更新,如果想更新,可以通过重新赋值的方式vue3中文文档
2020年09月28日
3 阅读
0 评论
1 点赞
2020-08-25
内核版本 4.9 以上的 Linux 系统开启/关闭 BBR 的方法
了解计算机网络的人都知道,在 TCP 连接中,为了维持连接的可靠性,引入了拥塞控制和流量管理的方法。而 BBR 就是一项由 Google 开源的 TCP 拥塞控制算法,在网络优化、加速等方面都有着极其可观的效果,某种程度上来说也可以算是一大神器了。下面就来介绍一下怎么在 Linux 系统下开启和关闭 BBR 吧。内核版本确定从 Linux 4.9 版本开始,TCP BBR 就已经成为了 Linux 系统内核的一部分。因此,开启 BBR 的首要前提就是当前系统内核版本大于等于 4.9。查看当前内核版本:uname -r只有返回的值大于等于 4.9 时才可以进行下一步操作,否则需要先手动将内核版本升级至 4.9 以上(这里不再赘述)开启 BBR整个开启过程其实很简单,在特定文件中写入几行配置就行了。修改系统配置使用 echo 写入配置:echo "net.core.default_qdisc=fq" >> /etc/sysctl.conf echo "net.ipv4.tcp_congestion_control=bbr" >> /etc/sysctl.conf保存生效修改完之后需要保存才能生效:sysctl -p验证开启状态操作完后最好验证一下 BBR 是否正常开启并启动。查看内核开启情况sysctl net.ipv4.tcp_available_congestion_control显示内容如下,包含含“bbr”字样则 BBR 已正常开启# sysctl net.ipv4.tcp_available_congestion_control net.ipv4.tcp_available_congestion_control = bbr cubic reno查看 BBR 是否启动lsmod | grep bbr显示如下则已启动成功(后面的数字不一定跟我这里一样)# lsmod | grep bbr tcp_bbr 20480 14关闭 BBR前面开启 BBR 时我们写入了两行配置,关闭 BBR 只需要将这两行配置删掉即可。编辑 /etc/sysctl.conf 文件:vim /etc/sysctl.conf移动光标至文件最底端(vim 编辑器在普通模式下输入一个 G 即可跳转到文件结尾),将如下两行配置删除(前面开启 BBR 时添加的):net.core.default_qdisc=fq net.ipv4.tcp_congestion_control=bbr保存文件并退出后我们需要重新加载一下配置:sysctl -p最后再重启一下系统(必须)就会发现 BBR 已经关闭啦!你可以用上面“验证开启状态”步骤中的命令测试一下,已经没有“bbr”字样了。转载自:https://xirikm.net/2019/317-2
2020年08月25日
10 阅读
9 评论
0 点赞
2020-04-27
nes你我童年
./S1: 1-01 岛上探险.nes 1-02 保镖.nes 1-03 坦克大战.nes 1-04 古堡.nes 1-05 魂斗罗.nes 1-06 打砖块.nes 1-07 黑鹰.nes 1-08 的哒2.nes 1-09 游乐声小子.nes 1-10 猩猩喷雾.nes 1-11 双龙会.nes 1-12 玛丽医生.nes 1-13 唐老鸭历险记.nes 1-14 唐老鸭历险记2.nes 1-15 赛车英雄.nes 1-16 雷达车.nes 1-17 智慧方块.nes 1-18 超级乌蝇机.nes 1-19 碰碰池.nes 1-20 宇宙战舰.nes 2-01 羽毛球.nes 2-02 铁坦克.nes 2-03 成龙功夫.nes 2-04 时空战士.nes 2-05 营救.nes 2-06 公路战士.nes 2-07 绿色兵团.nes 2-08 太空毁灭战.nes 2-09 超级玛丽.nes 2-10 足球.nes 2-11 太空侵略者.nes 2-12 星际大门.nes 2-13 俄罗斯方块.nes 2-14 俄罗斯方块2.nes 2-15 猫与鼠.nes 2-16 双鹰.nes 2-17 恶狗游世界.nes 2-18 破坏者.nes 2-19 两人麻将.nes 2-20 鼠捉猫.nes 3-01 洛克人.nes 3-02 机甲战士.nes 3-03 街头小子.nes 3-04 大食鬼.nes 3-05 钻石方块.nes 3-06 跆拳道.nes 3-07 射击方块.nes 3-08 星球战士.nes 3-09 辛巴达.nes 3-10 快打旋风.nes 3-11 五子棋.nes 3-12 五十三次.nes 3-13 北斗拳.nes 3-14 忍者.nes 3-15 露露.nes 3-16 冒险岛.nes 3-17 南极冒险.nes 3-18 清洁工.nes 3-19 气球大战.nes 3-20 装甲英雄.nes 4-01 泰瑞历险.nes 4-02 推鸭蛋.nes 4-03 升降机.nes 4-04 囡囡赛车.nes 4-05 少女战士.nes 4-06 功夫.nes 4-07 忍者赤影.nes 4-08 魔界村.nes 4-09 排球.nes 4-10 DE方块.nes 4-11 挖虫子.nes 4-12 机器人.nes 4-13 变形飞机.nes 4-14 直升机大战.nes 4-15 小精灵.nes 4-16 七宝奇谋.nes 4-17 敲冰块.nes 4-18 空手道.nes 4-19 国王骑士.nes 4-20 顶龟.nes 5-01 迷宫组曲.nes 5-02 宾尼兔.nes 5-03 火之岛.nes 5-04 台球.nes 5-05 大力水手.nes 5-06 日本武士.nes 5-07 Q太郎.nes 5-08 西游记.nes 5-09 潜水之战.nes 5-10 太空鹞.nes 5-11 极度危险.nes 5-12 间谍塞午.nes 5-13 滑板小子.nes 5-14 星际大战.nes 5-15 网球.nes 5-16 直升机大战2.nes 5-17 壮志凌云.nes 5-18 兵蜂.nes 5-19 火星战士.nes 5-20 铁板阵.nes ./S2: 1-01 大猩猩.nes 1-02 大猩猩2.nes 1-03 七龙珠.nes 1-04 迷宫复活.nes 1-05 埃及人.nes 1-06 冒险队.nes 1-07 火爆机车.nes 1-08 飞行射击.nes 1-09 网球3.nes 1-10 前线.nes 1-11 拳击大赛.nes 1-12 FC原人.nes 1-13 救火英雄.nes 1-14 奇幻勇士.nes 1-15 激斗棒球.nes 1-16 古比大战.nes 1-17 高尔夫球.nes 1-18 阻击1代.nes 1-19 五子棋3.nes 1-20 交叉火力.nes 2-01 单车王.nes 2-02 大力水手2.nes 2-03 双龙会2.nes 2-04 热血之歌.nes 2-05 热血格斗.nes 2-06 太空大战.nes 2-07 偷吃精灵.nes 2-08 FOTON.nes 2-09 小蜜蜂.nes 2-10 四人麻将.nes 2-11 宇宙射击.nes 2-12 围棋大战.nes 2-13 小猫KATTY.nes 2-14 挖金子.nes 2-15 地底探险3.nes 2-16 怒1代.nes 2-17 蹦跳男孩.nes 2-18 花丸忍者.nes 2-19 女超人蕾拉.nes 2-20 HOSTAGES.nes 3-01 热血冰球.nes 3-02 英雄救美.nes 3-03 金人摔跤.nes 3-04 究极虎.nes 3-05 拯救人类.nes 3-06 小美人鱼.nes 3-07 珍妮1.nes 3-08 鲁邦三世.nes 3-09 DORA麻将.nes 3-10 机车大赛.nes 3-11 疯狂城市.nes 3-12 摩天童子.nes 3-13 KT猫2.nes 3-14 米老鼠.nes 3-15 最后战斗.nes 3-16 三目童子.nes 3-17 阿部刑警.nes 3-18 魔城传说.nes 3-19 玛丽医生.nes 3-20 羽毛球.nes 4-01 坦克.nes 4-02 FLAPPY.nes 4-03 时空要塞.nes 4-04 驼鸟.nes 4-05 麻将.nes 4-06 洛克人2.nes 4-07 铁战士.nes 4-08 蜈蚣.nes 4-09 碰碰球.nes 4-10 跑车.nes 4-11 射击方块2.nes 4-12 神风特工队.nes 4-13 足球.nes 4-14 星球战士.nes 4-15 街霸.nes 4-16 雷电行动.nes 4-17 俄罗斯方块2.nes 4-18 魂斗罗2.nes 4-19 雷霆战机.nes 4-20 破坏者2.nes 5-01 Q魔方.nes 5-02 雷达车.nes 5-03 蓝色要塞.nes 5-04 雷庭战机1.nes 5-05 宾尼兔1.nes 5-06 兵蜂2.nes 5-07 芭蕾舞.nes 5-08 泡泡精灵.nes 5-09 西部牛仔.nes 5-10 浪荡小子.nes 5-11 1943.nes 5-12 枪炮.nes 5-13 丛林大战.nes 5-14 独孤剑.nes 5-15 宾尼兔3.nes 5-16 辛巴达2.nes 5-17 忍者1.nes 5-18 忍者2.nes 5-19 忍者3.nes 5-20 十月战役.nes ./S3: 1-01 魂斗罗1代.nes 1-02 魂斗罗2代.nes 1-03 坦克1代.nes 1-04 坦克2代.nes 1-05 俄罗斯方块3.nes 1-06 俄罗斯方块4.nes 1-07 超级篮球1.nes 1-08 超级篮球2.nes 1-09 超级篮球3.nes 1-10 世界足球.nes 1-11 热血足球.nes 1-12 橄榄球.nes 1-13 网球1代.nes 1-14 网球2代.nes 1-15 排球.nes 1-16 冰球.nes 1-17 台球2代.nes 1-18 KLASH球.nes 1-19 保龄球.nes 1-20 五子棋2.nes 2-01 超人棒球.nes 2-02 赛车.nes 2-03 机械战警1.nes 2-04 机械战警2.nes 2-05 地底探险.nes 2-06 蜜蜂战机.nes 2-07 地底大作战.nes 2-08 新人类.nes 2-09 超级X风.nes 2-10 剑神.nes 2-11 雷鸟号.nes 2-12 时空勇士.nes 2-13 特救指令.nes 2-14 百战大击.nes 2-15 捍卫战士.nes 2-16 大相扑.nes 2-17 天才钓手.nes 2-18 街头小子.nes 2-19 穷消之梦.nes 2-20 疯狂赛车.nes 3-01 龙牙.nes 3-02 金刚1999.nes 3-03 美军上尉.nes 3-04 最终任务.nes 3-05 送报童.nes 3-06 终结者.nes 3-07 双蛇城.nes 3-08 赛车大战.nes 3-09 忍者神龟.nes 3-10 铁拳三.nes 3-11 斗者挽歌.nes 3-12 组合金刚.nes 3-13 忍者KUN.nes 3-14 小精灵.nes 3-15 三只小猪.nes 3-16 彩虹岛.nes 3-17 热血挑战赛.nes 3-18 洛克新时代.nes 3-19 妖精物语.nes 3-20 迷魂碰碰车.nes 4-01 宝和复任.nes 4-02 飘浮枪手.nes 4-03 动物学园.nes 4-04 鸟的故事.nes 4-05 时空小子.nes 4-06 太空行动.nes 4-07 扑克方块.nes 4-08 铁链精灵.nes 4-09 松鼠大战.nes 4-10 直升机.nes 4-11 人鸟战队.nes 4-12 中华大仙.nes 4-13 城市冒险.nes 4-14 眼镜蛇.nes 4-15 宇宙刑警.nes 4-16 凯蒂方块.nes 4-17 圣铃传说.nes 4-18 猫城.nes 4-19 滑板小子.nes 4-20 城市列车.nes 5-01 沙滩排球.nes 5-02 ASO.nes 5-03 彷魔刻.nes 5-04 生命之匙.nes 5-05 美人鱼.nes 5-06 炸弹精灵.nes 5-07 功夫王.nes 5-08 变形金刚.nes 5-09 忍者赤影.nes 5-10 功夫英豪.nes 5-11 马戏团.nes 5-12 智力算数.nes 5-13 CLUCLU.nes 5-14 挖虫子2.nes 5-15 迷宫.nes 5-16 戴维世界.nes 5-17 升降机.nes 5-18 猩猩3.nes 5-19 LOTLOT.nes 5-20 沙漠之战.nes
2020年04月27日
0 阅读
0 评论
0 点赞
2020-04-24
Markdown
标题类型指令简介标题#一级标题标题##二级标题段落类型指令简介段落enter换行斜体**斜体文本斜体\_\_斜体文本粗体****粗体文本粗体\_\_\_\_粗体文本粗斜体******粗斜体文本粗斜体\_\_\_\_\_\_粗斜体文本分隔线***或---以上分隔线删除线\~\~\~\~删除线下划线\<u>下划线文本脚注[^]脚注1列表类型指令简介有序列表1.有序列表无序列表-或+无序列表区块类型指令简介区块\<区块嵌套区块\<\<嵌套区块代码类型指令简介代码\`\`\`\`\`\`代码连接类型指令简介连接[]()连接连接[][变量]连接表格类型指令简介列表竖线竖线分割列表头竖线----竖线分割表头图片类型指令简介图片\图片变量引用\![][]变量引用高级语法类型指令简介变量[]:变量定义转译\转译字符脚注 ↩
2020年04月24日
1 阅读
0 评论
0 点赞
2020-04-13
js中文简体繁体切换
(function(modules) { 'use strict'; window.Translate = modules[0]; //Translate.BindObj('btnId', '繁', '以繁體中文查看内容'); })([ { strJT: '万与丑专业丛东丝丢两严丧个丬丰临为丽举么义乌乐乔习乡书买乱争于亏云亘亚产亩亲亵亸亿仅从仑仓仪们价众优伙会伛伞伟传伤伥伦伧伪伫体余佣佥侠侣侥侦侧侨侩侪侬俣俦俨俩俪俭债倾偬偻偾偿傥傧储傩儿兑兖党兰关兴兹养兽冁内冈册写军农冢冯冲决况冻净凄凉凌减凑凛几凤凫凭凯击凼凿刍划刘则刚创删别刬刭刽刿剀剂剐剑剥剧劝办务劢动励劲劳势勋勐勚匀匦匮区医华协单卖卢卤卧卫却卺厂厅历厉压厌厍厕厢厣厦厨厩厮县参叆叇双发变叙叠叶号叹叽吁后吓吕吗吣吨听启吴呒呓呕呖呗员呙呛呜咏咔咙咛咝咤咴咸哌响哑哒哓哔哕哗哙哜哝哟唛唝唠唡唢唣唤唿啧啬啭啮啰啴啸喷喽喾嗫呵嗳嘘嘤嘱噜噼嚣嚯团园囱围囵国图圆圣圹场坂坏块坚坛坜坝坞坟坠垄垅垆垒垦垧垩垫垭垯垱垲垴埘埙埚埝埯堑堕塆墙壮声壳壶壸处备复够头夸夹夺奁奂奋奖奥妆妇妈妩妪妫姗姜娄娅娆娇娈娱娲娴婳婴婵婶媪嫒嫔嫱嬷孙学孪宁宝实宠审宪宫宽宾寝对寻导寿将尔尘尧尴尸尽层屃屉届属屡屦屿岁岂岖岗岘岙岚岛岭岳岽岿峃峄峡峣峤峥峦崂崃崄崭嵘嵚嵛嵝嵴巅巩巯币帅师帏帐帘帜带帧帮帱帻帼幂幞干并广庄庆庐庑库应庙庞废庼廪开异弃张弥弪弯弹强归当录彟彦彻径徕御忆忏忧忾怀态怂怃怄怅怆怜总怼怿恋恳恶恸恹恺恻恼恽悦悫悬悭悯惊惧惨惩惫惬惭惮惯愍愠愤愦愿慑慭憷懑懒懔戆戋戏戗战戬户扎扑扦执扩扪扫扬扰抚抛抟抠抡抢护报担拟拢拣拥拦拧拨择挂挚挛挜挝挞挟挠挡挢挣挤挥挦捞损捡换捣据捻掳掴掷掸掺掼揸揽揿搀搁搂搅携摄摅摆摇摈摊撄撑撵撷撸撺擞攒敌敛数斋斓斗斩断无旧时旷旸昙昼昽显晋晒晓晔晕晖暂暧札术朴机杀杂权条来杨杩杰极构枞枢枣枥枧枨枪枫枭柜柠柽栀栅标栈栉栊栋栌栎栏树栖样栾桊桠桡桢档桤桥桦桧桨桩梦梼梾检棂椁椟椠椤椭楼榄榇榈榉槚槛槟槠横樯樱橥橱橹橼檐檩欢欤欧歼殁殇残殒殓殚殡殴毁毂毕毙毡毵氇气氢氩氲汇汉污汤汹沓沟没沣沤沥沦沧沨沩沪沵泞泪泶泷泸泺泻泼泽泾洁洒洼浃浅浆浇浈浉浊测浍济浏浐浑浒浓浔浕涂涌涛涝涞涟涠涡涢涣涤润涧涨涩淀渊渌渍渎渐渑渔渖渗温游湾湿溃溅溆溇滗滚滞滟滠满滢滤滥滦滨滩滪漤潆潇潋潍潜潴澜濑濒灏灭灯灵灾灿炀炉炖炜炝点炼炽烁烂烃烛烟烦烧烨烩烫烬热焕焖焘煅煳熘爱爷牍牦牵牺犊犟状犷犸犹狈狍狝狞独狭狮狯狰狱狲猃猎猕猡猪猫猬献獭玑玙玚玛玮环现玱玺珉珏珐珑珰珲琎琏琐琼瑶瑷璇璎瓒瓮瓯电画畅畲畴疖疗疟疠疡疬疮疯疱疴痈痉痒痖痨痪痫痴瘅瘆瘗瘘瘪瘫瘾瘿癞癣癫癯皑皱皲盏盐监盖盗盘眍眦眬着睁睐睑瞒瞩矫矶矾矿砀码砖砗砚砜砺砻砾础硁硅硕硖硗硙硚确硷碍碛碜碱碹磙礼祎祢祯祷祸禀禄禅离秃秆种积称秽秾稆税稣稳穑穷窃窍窑窜窝窥窦窭竖竞笃笋笔笕笺笼笾筑筚筛筜筝筹签简箓箦箧箨箩箪箫篑篓篮篱簖籁籴类籼粜粝粤粪粮糁糇紧絷纟纠纡红纣纤纥约级纨纩纪纫纬纭纮纯纰纱纲纳纴纵纶纷纸纹纺纻纼纽纾线绀绁绂练组绅细织终绉绊绋绌绍绎经绐绑绒结绔绕绖绗绘给绚绛络绝绞统绠绡绢绣绤绥绦继绨绩绪绫绬续绮绯绰绱绲绳维绵绶绷绸绹绺绻综绽绾绿缀缁缂缃缄缅缆缇缈缉缊缋缌缍缎缏缐缑缒缓缔缕编缗缘缙缚缛缜缝缞缟缠缡缢缣缤缥缦缧缨缩缪缫缬缭缮缯缰缱缲缳缴缵罂网罗罚罢罴羁羟羡翘翙翚耢耧耸耻聂聋职聍联聩聪肃肠肤肷肾肿胀胁胆胜胧胨胪胫胶脉脍脏脐脑脓脔脚脱脶脸腊腌腘腭腻腼腽腾膑臜舆舣舰舱舻艰艳艹艺节芈芗芜芦苁苇苈苋苌苍苎苏苘苹茎茏茑茔茕茧荆荐荙荚荛荜荞荟荠荡荣荤荥荦荧荨荩荪荫荬荭荮药莅莜莱莲莳莴莶获莸莹莺莼萚萝萤营萦萧萨葱蒇蒉蒋蒌蓝蓟蓠蓣蓥蓦蔷蔹蔺蔼蕲蕴薮藁藓虏虑虚虫虬虮虽虾虿蚀蚁蚂蚕蚝蚬蛊蛎蛏蛮蛰蛱蛲蛳蛴蜕蜗蜡蝇蝈蝉蝎蝼蝾螀螨蟏衅衔补衬衮袄袅袆袜袭袯装裆裈裢裣裤裥褛褴襁襕见观觃规觅视觇览觉觊觋觌觍觎觏觐觑觞触觯詟誉誊讠计订讣认讥讦讧讨让讪讫训议讯记讱讲讳讴讵讶讷许讹论讻讼讽设访诀证诂诃评诅识诇诈诉诊诋诌词诎诏诐译诒诓诔试诖诗诘诙诚诛诜话诞诟诠诡询诣诤该详诧诨诩诪诫诬语诮误诰诱诲诳说诵诶请诸诹诺读诼诽课诿谀谁谂调谄谅谆谇谈谊谋谌谍谎谏谐谑谒谓谔谕谖谗谘谙谚谛谜谝谞谟谠谡谢谣谤谥谦谧谨谩谪谫谬谭谮谯谰谱谲谳谴谵谶谷豮贝贞负贠贡财责贤败账货质贩贪贫贬购贮贯贰贱贲贳贴贵贶贷贸费贺贻贼贽贾贿赀赁赂赃资赅赆赇赈赉赊赋赌赍赎赏赐赑赒赓赔赕赖赗赘赙赚赛赜赝赞赟赠赡赢赣赪赵赶趋趱趸跃跄跖跞践跶跷跸跹跻踊踌踪踬踯蹑蹒蹰蹿躏躜躯车轧轨轩轪轫转轭轮软轰轱轲轳轴轵轶轷轸轹轺轻轼载轾轿辀辁辂较辄辅辆辇辈辉辊辋辌辍辎辏辐辑辒输辔辕辖辗辘辙辚辞辩辫边辽达迁过迈运还这进远违连迟迩迳迹适选逊递逦逻遗遥邓邝邬邮邹邺邻郁郄郏郐郑郓郦郧郸酝酦酱酽酾酿释里鉅鉴銮錾钆钇针钉钊钋钌钍钎钏钐钑钒钓钔钕钖钗钘钙钚钛钝钞钟钠钡钢钣钤钥钦钧钨钩钪钫钬钭钮钯钰钱钲钳钴钵钶钷钸钹钺钻钼钽钾钿铀铁铂铃铄铅铆铈铉铊铋铍铎铏铐铑铒铕铗铘铙铚铛铜铝铞铟铠铡铢铣铤铥铦铧铨铪铫铬铭铮铯铰铱铲铳铴铵银铷铸铹铺铻铼铽链铿销锁锂锃锄锅锆锇锈锉锊锋锌锍锎锏锐锑锒锓锔锕锖锗错锚锜锞锟锠锡锢锣锤锥锦锨锩锫锬锭键锯锰锱锲锳锴锵锶锷锸锹锺锻锼锽锾锿镀镁镂镃镆镇镈镉镊镌镍镎镏镐镑镒镕镖镗镙镚镛镜镝镞镟镠镡镢镣镤镥镦镧镨镩镪镫镬镭镮镯镰镱镲镳镴镶长门闩闪闫闬闭问闯闰闱闲闳间闵闶闷闸闹闺闻闼闽闾闿阀阁阂阃阄阅阆阇阈阉阊阋阌阍阎阏阐阑阒阓阔阕阖阗阘阙阚阛队阳阴阵阶际陆陇陈陉陕陧陨险随隐隶隽难雏雠雳雾霁霉霭靓静靥鞑鞒鞯鞴韦韧韨韩韪韫韬韵页顶顷顸项顺须顼顽顾顿颀颁颂颃预颅领颇颈颉颊颋颌颍颎颏颐频颒颓颔颕颖颗题颙颚颛颜额颞颟颠颡颢颣颤颥颦颧风飏飐飑飒飓飔飕飖飗飘飙飚飞飨餍饤饥饦饧饨饩饪饫饬饭饮饯饰饱饲饳饴饵饶饷饸饹饺饻饼饽饾饿馀馁馂馃馄馅馆馇馈馉馊馋馌馍馎馏馐馑馒馓馔馕马驭驮驯驰驱驲驳驴驵驶驷驸驹驺驻驼驽驾驿骀骁骂骃骄骅骆骇骈骉骊骋验骍骎骏骐骑骒骓骔骕骖骗骘骙骚骛骜骝骞骟骠骡骢骣骤骥骦骧髅髋髌鬓魇魉鱼鱽鱾鱿鲀鲁鲂鲄鲅鲆鲇鲈鲉鲊鲋鲌鲍鲎鲏鲐鲑鲒鲓鲔鲕鲖鲗鲘鲙鲚鲛鲜鲝鲞鲟鲠鲡鲢鲣鲤鲥鲦鲧鲨鲩鲪鲫鲬鲭鲮鲯鲰鲱鲲鲳鲴鲵鲶鲷鲸鲹鲺鲻鲼鲽鲾鲿鳀鳁鳂鳃鳄鳅鳆鳇鳈鳉鳊鳋鳌鳍鳎鳏鳐鳑鳒鳓鳔鳕鳖鳗鳘鳙鳛鳜鳝鳞鳟鳠鳡鳢鳣鸟鸠鸡鸢鸣鸤鸥鸦鸧鸨鸩鸪鸫鸬鸭鸮鸯鸰鸱鸲鸳鸴鸵鸶鸷鸸鸹鸺鸻鸼鸽鸾鸿鹀鹁鹂鹃鹄鹅鹆鹇鹈鹉鹊鹋鹌鹍鹎鹏鹐鹑鹒鹓鹔鹕鹖鹗鹘鹚鹛鹜鹝鹞鹟鹠鹡鹢鹣鹤鹥鹦鹧鹨鹩鹪鹫鹬鹭鹯鹰鹱鹲鹳鹴鹾麦麸黄黉黡黩黪黾鼋鼌鼍鼗鼹齄齐齑齿龀龁龂龃龄龅龆龇龈龉龊龋龌龙龚龛龟志制咨只里系范松没尝尝闹面准钟别闲干尽脏拼', strFT: '萬與醜專業叢東絲丟兩嚴喪個爿豐臨為麗舉麼義烏樂喬習鄉書買亂爭於虧雲亙亞產畝親褻嚲億僅從侖倉儀們價眾優夥會傴傘偉傳傷倀倫傖偽佇體餘傭僉俠侶僥偵側僑儈儕儂俁儔儼倆儷儉債傾傯僂僨償儻儐儲儺兒兌兗黨蘭關興茲養獸囅內岡冊寫軍農塚馮衝決況凍淨淒涼淩減湊凜幾鳳鳧憑凱擊氹鑿芻劃劉則剛創刪別剗剄劊劌剴劑剮劍剝劇勸辦務勱動勵勁勞勢勳猛勩勻匭匱區醫華協單賣盧鹵臥衛卻巹廠廳曆厲壓厭厙廁廂厴廈廚廄廝縣參靉靆雙發變敘疊葉號歎嘰籲後嚇呂嗎唚噸聽啟吳嘸囈嘔嚦唄員咼嗆嗚詠哢嚨嚀噝吒噅鹹呱響啞噠嘵嗶噦嘩噲嚌噥喲嘜嗊嘮啢嗩唕喚呼嘖嗇囀齧囉嘽嘯噴嘍嚳囁嗬噯噓嚶囑嚕劈囂謔團園囪圍圇國圖圓聖壙場阪壞塊堅壇壢壩塢墳墜壟壟壚壘墾坰堊墊埡墶壋塏堖塒塤堝墊垵塹墮壪牆壯聲殼壺壼處備複夠頭誇夾奪奩奐奮獎奧妝婦媽嫵嫗媯姍薑婁婭嬈嬌孌娛媧嫻嫿嬰嬋嬸媼嬡嬪嬙嬤孫學孿寧寶實寵審憲宮寬賓寢對尋導壽將爾塵堯尷屍盡層屭屜屆屬屢屨嶼歲豈嶇崗峴嶴嵐島嶺嶽崠巋嶨嶧峽嶢嶠崢巒嶗崍嶮嶄嶸嶔崳嶁脊巔鞏巰幣帥師幃帳簾幟帶幀幫幬幘幗冪襆幹並廣莊慶廬廡庫應廟龐廢廎廩開異棄張彌弳彎彈強歸當錄彠彥徹徑徠禦憶懺憂愾懷態慫憮慪悵愴憐總懟懌戀懇惡慟懨愷惻惱惲悅愨懸慳憫驚懼慘懲憊愜慚憚慣湣慍憤憒願懾憖怵懣懶懍戇戔戲戧戰戩戶紮撲扡執擴捫掃揚擾撫拋摶摳掄搶護報擔擬攏揀擁攔擰撥擇掛摯攣掗撾撻挾撓擋撟掙擠揮撏撈損撿換搗據撚擄摑擲撣摻摜摣攬撳攙擱摟攪攜攝攄擺搖擯攤攖撐攆擷擼攛擻攢敵斂數齋斕鬥斬斷無舊時曠暘曇晝曨顯晉曬曉曄暈暉暫曖劄術樸機殺雜權條來楊榪傑極構樅樞棗櫪梘棖槍楓梟櫃檸檉梔柵標棧櫛櫳棟櫨櫟欄樹棲樣欒棬椏橈楨檔榿橋樺檜槳樁夢檮棶檢欞槨櫝槧欏橢樓欖櫬櫚櫸檟檻檳櫧橫檣櫻櫫櫥櫓櫞簷檁歡歟歐殲歿殤殘殞殮殫殯毆毀轂畢斃氈毿氌氣氫氬氳彙漢汙湯洶遝溝沒灃漚瀝淪滄渢溈滬濔濘淚澩瀧瀘濼瀉潑澤涇潔灑窪浹淺漿澆湞溮濁測澮濟瀏滻渾滸濃潯濜塗湧濤澇淶漣潿渦溳渙滌潤澗漲澀澱淵淥漬瀆漸澠漁瀋滲溫遊灣濕潰濺漵漊潷滾滯灩灄滿瀅濾濫灤濱灘澦濫瀠瀟瀲濰潛瀦瀾瀨瀕灝滅燈靈災燦煬爐燉煒熗點煉熾爍爛烴燭煙煩燒燁燴燙燼熱煥燜燾煆糊溜愛爺牘犛牽犧犢強狀獷獁猶狽麅獮獰獨狹獅獪猙獄猻獫獵獼玀豬貓蝟獻獺璣璵瑒瑪瑋環現瑲璽瑉玨琺瓏璫琿璡璉瑣瓊瑤璦璿瓔瓚甕甌電畫暢佘疇癤療瘧癘瘍鬁瘡瘋皰屙癰痙癢瘂癆瘓癇癡癉瘮瘞瘺癟癱癮癭癩癬癲臒皚皺皸盞鹽監蓋盜盤瞘眥矓著睜睞瞼瞞矚矯磯礬礦碭碼磚硨硯碸礪礱礫礎硜矽碩硤磽磑礄確鹼礙磧磣堿镟滾禮禕禰禎禱禍稟祿禪離禿稈種積稱穢穠穭稅穌穩穡窮竊竅窯竄窩窺竇窶豎競篤筍筆筧箋籠籩築篳篩簹箏籌簽簡籙簀篋籜籮簞簫簣簍籃籬籪籟糴類秈糶糲粵糞糧糝餱緊縶糸糾紆紅紂纖紇約級紈纊紀紉緯紜紘純紕紗綱納紝縱綸紛紙紋紡紵紖紐紓線紺絏紱練組紳細織終縐絆紼絀紹繹經紿綁絨結絝繞絰絎繪給絢絳絡絕絞統綆綃絹繡綌綏絛繼綈績緒綾緓續綺緋綽緔緄繩維綿綬繃綢綯綹綣綜綻綰綠綴緇緙緗緘緬纜緹緲緝縕繢緦綞緞緶線緱縋緩締縷編緡緣縉縛縟縝縫縗縞纏縭縊縑繽縹縵縲纓縮繆繅纈繚繕繒韁繾繰繯繳纘罌網羅罰罷羆羈羥羨翹翽翬耮耬聳恥聶聾職聹聯聵聰肅腸膚膁腎腫脹脅膽勝朧腖臚脛膠脈膾髒臍腦膿臠腳脫腡臉臘醃膕齶膩靦膃騰臏臢輿艤艦艙艫艱豔艸藝節羋薌蕪蘆蓯葦藶莧萇蒼苧蘇檾蘋莖蘢蔦塋煢繭荊薦薘莢蕘蓽蕎薈薺蕩榮葷滎犖熒蕁藎蓀蔭蕒葒葤藥蒞蓧萊蓮蒔萵薟獲蕕瑩鶯蓴蘀蘿螢營縈蕭薩蔥蕆蕢蔣蔞藍薊蘺蕷鎣驀薔蘞藺藹蘄蘊藪槁蘚虜慮虛蟲虯蟣雖蝦蠆蝕蟻螞蠶蠔蜆蠱蠣蟶蠻蟄蛺蟯螄蠐蛻蝸蠟蠅蟈蟬蠍螻蠑螿蟎蠨釁銜補襯袞襖嫋褘襪襲襏裝襠褌褳襝褲襇褸襤繈襴見觀覎規覓視覘覽覺覬覡覿覥覦覯覲覷觴觸觶讋譽謄訁計訂訃認譏訐訌討讓訕訖訓議訊記訒講諱謳詎訝訥許訛論訩訟諷設訪訣證詁訶評詛識詗詐訴診詆謅詞詘詔詖譯詒誆誄試詿詩詰詼誠誅詵話誕詬詮詭詢詣諍該詳詫諢詡譸誡誣語誚誤誥誘誨誑說誦誒請諸諏諾讀諑誹課諉諛誰諗調諂諒諄誶談誼謀諶諜謊諫諧謔謁謂諤諭諼讒諮諳諺諦謎諞諝謨讜謖謝謠謗諡謙謐謹謾謫譾謬譚譖譙讕譜譎讞譴譫讖穀豶貝貞負貟貢財責賢敗賬貨質販貪貧貶購貯貫貳賤賁貰貼貴貺貸貿費賀貽賊贄賈賄貲賃賂贓資賅贐賕賑賚賒賦賭齎贖賞賜贔賙賡賠賧賴賵贅賻賺賽賾贗讚贇贈贍贏贛赬趙趕趨趲躉躍蹌蹠躒踐躂蹺蹕躚躋踴躊蹤躓躑躡蹣躕躥躪躦軀車軋軌軒軑軔轉軛輪軟轟軲軻轤軸軹軼軤軫轢軺輕軾載輊轎輈輇輅較輒輔輛輦輩輝輥輞輬輟輜輳輻輯轀輸轡轅轄輾轆轍轔辭辯辮邊遼達遷過邁運還這進遠違連遲邇逕跡適選遜遞邐邏遺遙鄧鄺鄔郵鄒鄴鄰鬱郤郟鄶鄭鄆酈鄖鄲醞醱醬釅釃釀釋裏钜鑒鑾鏨釓釔針釘釗釙釕釷釺釧釤鈒釩釣鍆釹鍚釵鈃鈣鈈鈦鈍鈔鍾鈉鋇鋼鈑鈐鑰欽鈞鎢鉤鈧鈁鈥鈄鈕鈀鈺錢鉦鉗鈷缽鈳鉕鈽鈸鉞鑽鉬鉭鉀鈿鈾鐵鉑鈴鑠鉛鉚鈰鉉鉈鉍鈹鐸鉶銬銠鉺銪鋏鋣鐃銍鐺銅鋁銱銦鎧鍘銖銑鋌銩銛鏵銓鉿銚鉻銘錚銫鉸銥鏟銃鐋銨銀銣鑄鐒鋪鋙錸鋱鏈鏗銷鎖鋰鋥鋤鍋鋯鋨鏽銼鋝鋒鋅鋶鐦鐧銳銻鋃鋟鋦錒錆鍺錯錨錡錁錕錩錫錮鑼錘錐錦鍁錈錇錟錠鍵鋸錳錙鍥鍈鍇鏘鍶鍔鍤鍬鍾鍛鎪鍠鍰鎄鍍鎂鏤鎡鏌鎮鎛鎘鑷鐫鎳鎿鎦鎬鎊鎰鎔鏢鏜鏍鏰鏞鏡鏑鏃鏇鏐鐔钁鐐鏷鑥鐓鑭鐠鑹鏹鐙鑊鐳鐶鐲鐮鐿鑔鑣鑞鑲長門閂閃閆閈閉問闖閏闈閑閎間閔閌悶閘鬧閨聞闥閩閭闓閥閣閡閫鬮閱閬闍閾閹閶鬩閿閽閻閼闡闌闃闠闊闋闔闐闒闕闞闤隊陽陰陣階際陸隴陳陘陝隉隕險隨隱隸雋難雛讎靂霧霽黴靄靚靜靨韃鞽韉韝韋韌韍韓韙韞韜韻頁頂頃頇項順須頊頑顧頓頎頒頌頏預顱領頗頸頡頰頲頜潁熲頦頤頻頮頹頷頴穎顆題顒顎顓顏額顳顢顛顙顥纇顫顬顰顴風颺颭颮颯颶颸颼颻飀飄飆飆飛饗饜飣饑飥餳飩餼飪飫飭飯飲餞飾飽飼飿飴餌饒餉餄餎餃餏餅餑餖餓餘餒餕餜餛餡館餷饋餶餿饞饁饃餺餾饈饉饅饊饌饢馬馭馱馴馳驅馹駁驢駔駛駟駙駒騶駐駝駑駕驛駘驍罵駰驕驊駱駭駢驫驪騁驗騂駸駿騏騎騍騅騌驌驂騙騭騤騷騖驁騮騫騸驃騾驄驏驟驥驦驤髏髖髕鬢魘魎魚魛魢魷魨魯魴魺鮁鮃鯰鱸鮋鮓鮒鮊鮑鱟鮍鮐鮭鮚鮳鮪鮞鮦鰂鮜鱠鱭鮫鮮鮺鯗鱘鯁鱺鰱鰹鯉鰣鰷鯀鯊鯇鮶鯽鯒鯖鯪鯕鯫鯡鯤鯧鯝鯢鯰鯛鯨鯵鯴鯔鱝鰈鰏鱨鯷鰮鰃鰓鱷鰍鰒鰉鰁鱂鯿鰠鼇鰭鰨鰥鰩鰟鰜鰳鰾鱈鱉鰻鰵鱅鰼鱖鱔鱗鱒鱯鱤鱧鱣鳥鳩雞鳶鳴鳲鷗鴉鶬鴇鴆鴣鶇鸕鴨鴞鴦鴒鴟鴝鴛鴬鴕鷥鷙鴯鴰鵂鴴鵃鴿鸞鴻鵐鵓鸝鵑鵠鵝鵒鷳鵜鵡鵲鶓鵪鶤鵯鵬鵮鶉鶊鵷鷫鶘鶡鶚鶻鶿鶥鶩鷊鷂鶲鶹鶺鷁鶼鶴鷖鸚鷓鷚鷯鷦鷲鷸鷺鸇鷹鸌鸏鸛鸘鹺麥麩黃黌黶黷黲黽黿鼂鼉鞀鼴齇齊齏齒齔齕齗齟齡齙齠齜齦齬齪齲齷龍龔龕龜誌製谘隻裡係範鬆冇嚐嘗鬨麵準鐘彆閒乾儘臟拚', evtObj: null, toFT: document.cookie.indexOf('viewasft=1') != -1, trans: function(txt, isEvtObj) { var chr, i, str = '', strS = this.toFT ? this.strJT : this.strFT, strT = this.toFT ? this.strFT : this.strJT, tPos = -1; if (isEvtObj) { var tmp = strS; strS = strT; strT = tmp; txt = txt.replace(this.toFT ? '繁' : '简', this.toFT ? '简' : '繁'); } for (i = 0; i < txt.length; i++) { chr = txt.charAt(i); tPos = strS.indexOf(chr); if (chr.charCodeAt(0) > 10000 && tPos != -1) str += strT.charAt(tPos); else str += chr; } return str; }, TransTarget: function(tag, isInit) { var childNodes, OO; childNodes = tag ? tag.childNodes : document.body.childNodes; if (!tag) { if (!isInit) { this.toFT = !this.toFT; document.cookie = 'viewasft=' + (this.toFT ? 1 : 0) + ';path=/'; } document.title = this.trans(document.title); this.evtObj.innerHTML = this.trans(this.evtObj.innerHTML, true); this.evtObj.title = this.trans(this.evtObj.title, true); } for (var i = 0; i < childNodes.length; i++) { OO = childNodes[i]; if ("|BR|HR|TEXTAREA|SCRIPT|OBJECT|EMBED|".indexOf("|" + OO.tagName + "|") != -1 || OO == this.evtObj) continue; if (OO.title != "" && OO.title != null) OO.title = this.trans(OO.title); if (OO.alt != "" && OO.alt != null) OO.alt = this.trans(OO.alt); if (OO.tagName == "INPUT" && OO.value != "" && /^(button|reset|submit)$/i.test(OO.type)) OO.value = this.trans(OO.value); if (OO.nodeType == 3) OO.data = this.trans(OO.data); else this.TransTarget(OO); } }, BindObj: function(Id, innerHTML, title, transDelay) { this.evtObj = $('#' + Id).get(0); if (this.evtObj) { var me = this; this.evtObj.href = "#"; this.evtObj.onclick = function() { me.TransTarget(); return false; }; this.evtObj.innerHTML = this.trans(innerHTML, true); this.evtObj.title = this.trans(title, true); if (this.toFT) setTimeout(function() { me.TransTarget(false, true); }, transDelay ? transDelay : 50); } } } ]);调用方法:<a href="" id="btnId">繁</a> <script> Translate.BindObj('btnId', '繁', '以繁體中文查看内容'); </script>
2020年04月13日
1 阅读
0 评论
0 点赞
2020-04-02
flutter Drawer抽屉组件
Demo感觉没什么好解释的,就是一般的简单用法,特别说一下,添加Drawer组件,Scaffold会自动给我们生成一个Drawer的按钮,如果我们在appBar中手动设置leading,确实是会更改这个按钮的图标,但是点击这个图标就不会弹出Drawer了,所以如果我们有需要自定义Drawer的图标的话,需要如下处理: leading: Builder( builder: (BuildContext context){ return IconButton( icon: Icon(Icons.wifi_tethering), onPressed: (){ Scaffold.of(context).openDrawer(); } ); } ), 手动关闭Navigator.pop(context)
2020年04月02日
0 阅读
0 评论
0 点赞
2020-04-02
flutter PageView
暂无简介
2020年04月02日
1 阅读
0 评论
0 点赞
2020-03-27
flutter布局容器
Row | ColumnRow | Column( mainAxisAlignment: MainAxisAlignment.center, //主轴对齐方式 crossAxisAlignment: CrossAxisAlignment.center, //交叉轴对齐方式 children: <Widget>[] //子部件 }StackStack( //使子部件重叠(必须要有父容器) alignment: Alignment(0,0), //子部件为对齐的对齐方式 children: <Widget>[] //子部件 )PositionedPositioned( top //上偏移 right //右偏移 bottom //下偏移 left //左偏移 child //子部件AspectRatioAspectRatio( //子部件纵横比 aspectRatio: 1 / 1,//宽高比 child: Container( decoration: BoxDecoration(color: Color(0xFFff0000)), ), )ConstrainedBoxConstrainedBox( //约束子部件大小 constraints: BoxConstraints( maxHeight: 200, minWidth: 10, ), child: Container( decoration: BoxDecoration(color: Color(0xFFff0000)), ), )
2020年03月27日
1 阅读
0 评论
0 点赞
2020-03-19
CSS常用片段
清除浮动.clearfix:after { content: "\00A0"; display: block; visibility: hidden; width: 0; height: 0; clear: both; font-size: 0; line-height: 0; overflow: hidden; } .clearfix { zoom: 1; }垂直水平居中绝对定位方式且已知宽高position: absolute; top: 50%; left: 50%; margin-top: -3em; margin-left: -7em; width: 14em; height: 6em;绝对定位 + 未知宽高 + translateposition: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); //需要补充浏览器前缀flex 轻松搞定水平垂直居中(未知宽高)display: flex; align-items: center; justify-content: center;利用绝对定位宽高拉升原理,中心居中元素 position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;利用相对定位于 CSS3 使元素垂直居中 position: relative; top: 50%; -webkit-transform: -webkit-translateY(-50%); -moz-transform: -moz-translateY(-50%); -o-transform: -o-translateY(-50%); transform: translateY(-50%);文本末尾添加省略号宽度固定,适合单行显示...overflow: hidden; text-overflow: ellipsis; white-space: nowrap;宽度不固定,适合多行以及移动端显示overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;简洁 loading 效果.loading:after { display: inline-block; overflow: hidden; vertical-align: bottom; content: "\2026"; -webkit-animation: ellipsis 2s infinite; } // 动画部分 @-webkit-keyframes ellipsis { from { width: 2px; } to { width: 15px; } }自定义文本选中样式// 注意只能修改这两个属性 字体颜色 选中背景颜色 element::selection { color: green; background-color: pink; }顶角贴纸效果<div class="wrap"> <div class="ribbon"> <a href="#">Fork me on GitHub</a> </div> </div> /* 外层容器几本设置 */ .wrap { width: 160px; height: 160px; overflow: hidden; position: relative; background-color: #f3f3f3; } .ribbon { background-color: #a00; overflow: hidden; white-space: nowrap; position: absolute; /* shadom */ -webkit-box-shadow: 0 0 10px #888; -moz-box-shadow: 0 0 10px #888; box-shadow: 0 0 10px #888; /* rotate */ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); /* position */ left: -50px; top: 40px; } .ribbon a { border: 1px solid #faa; color: #fff; display: block; font: bold 81.25% "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 1px 0; padding: 10px 50px; text-align: center; text-decoration: none; /* shadow */ text-shadow: 0 0 5px #444; }input 占位符input::-webkit-input-placeholder { color: green; background-color: #f9f7f7; font-size: 14px; } input::-moz-input-placeholder { color: green; background-color: #f9f7f7; font-size: 14px; } input::-ms-input-placeholder { color: green; background-color: #f9f7f7; font-size: 14px; }移动端可点击元素去处默认边框-webkit-tap-highlight-color: rgba(255, 255, 255, 0);首字下沉element:first-letter { float: left; color: green; font-size: 30px; }鼠标手型a[href], input[type="submit"], input[type="image"], input[type="button"], label[for], select, button { cursor: pointer; }屏蔽 Webkit 移动浏览器中元素高亮效果在访问移动网站时,你会发现,在选中的元素周围会出现一些灰色的框框,使用以下代码屏蔽这种样式-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;去默认样式//移除常用标签的浏览器默认的 margin 和 padding body, p, h1, h2, h3, h4, h5, h6, dl, dd, ul, ol, th, td, button, figure, input, textarea, form { margin: 0; padding: 0; } //统一 input、select、textarea 宽度 input, select, textarea { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } table { /*table 相邻单元格的边框间的距离设置为 0*/ border-spacing: 0; /*默认情况下给 tr 设置 border 没有效果,如果 table 设置了边框为合并模式:「border-collapse: collapse;」就可以了*/ border-collapse: collapse; } //移除浏览器部分元素的默认边框 img, input, button, textarea { border: none; -webkit-appearance: none; } input { /*由于 input 默认不继承父元素的居中样式,所以设置:「text-align: inherit」*/ text-align: inherit; } textarea { /*textarea 默认不可以放缩*/ resize: none; } //取消元素 outline 样式 a, h1, h2, h3, h4, h5, h6, input, select, button, option, textarea, optgroup { font-family: inherit; font-size: inherit; font-weight: inherit; font-style: inherit; line-height: inherit; color: inherit; outline: none; } //取消超链接元素的默认文字装 a { text-decoration: none; } ol, ul { /*开发中 UI 设计的列表都是和原生的样式差太多,所以直接给取消 ol,ul 默认列表样式*/ list-style: none; } button, input[type="submit"], input[type="button"] { /*鼠标经过是「小手」形状表示可点击*/ cursor: pointer; } input::-moz-focus-inner { /*取消火狐浏览器部分版本 input 聚焦时默认的「padding、border」*/ padding: 0; border: 0; } //取消部分浏览器数字输入控件的操作按钮 input[type="number"] { -moz-appearance: textfield; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; }chrome 内核 浏览器 position: fixed 防止抖动position: fixed; -webkit-transform: translateZ(0);强制换行/自动换行/强制不换行/* 强制不换行 */ white-space: nowrap; /* 自动换行 */ word-wrap: break-word; word-break: normal; /* 强制英文单词断行 */ word-break: break-all;
2020年03月19日
2 阅读
0 评论
0 点赞
2020-03-10
flutter容器组件
容器组件(Container)可以理解为在Android中的RelativeLayout或LinearLayout等,在其中你可以放置你想布局的元素控件,从而形成最终你想要的页面布局。当然Flutter中的容器组件作为一个"容器",肯定会有一些给我们提供一些属性来约束我们容器内的组件,下面介绍一下容器组件(Container)的一些常用属性及描述:
2020年03月10日
1 阅读
0 评论
0 点赞
1
...
3
4
5
...
15