正则
摘要:1) 从几到题开始, a. 千分位 10000000 => 10,000,000 note: a(?=x) 仅匹配a后面跟着的x, ax. =. x a(?:\d{3}) 仅仅作为匹配, 不做记忆。 (a) 作为匹配的结果 1 '10000000'.replace(/(\d)?=((?:\d{3})
阅读全文
posted @
2021-02-18 22:45
connie313
阅读(34)
推荐(0)
HTML5可视化
摘要:1) 面对可视化需求, 应该选择canvas还是svg? 答: canvas是基于HTMLCanvasElement, 图形是调用api绘制的, 主要是写js。不过, 对于复杂的path,比svg的path稍微步骤多一点, svg只要用字母数字组成string即可。 svg是类似于HTML的, 元素
阅读全文
posted @
2021-02-18 22:27
connie313
阅读(182)
推荐(0)
flex 弹性布局
摘要:对于是弹性布局, 需要在父级元素上。#parent{ display:flex } 如果原先定义了子元素的高度, 会变成无效, 因为默认???shrink 如果需要元素页面居中, .item{ justify-content: center; align-items:center; //这两个用的很
阅读全文
posted @
2020-10-25 18:45
connie313
阅读(90)
推荐(0)
Shadow dom - web组件
摘要:通过shadow dom,可以将子树渲染到另一颗树里。 隔离css, 选择性隔离html显示,实现dom封装。与template不同的是, shadow dom其实渲染了, 但是template没有渲染。 <body><div id="foo">hahaha</div></body> documen
阅读全文
posted @
2020-10-14 23:41
connie313
阅读(397)
推荐(0)
RequestIdleCallback and requestAnimationFrame
摘要:requestAnimationFrame 过去js动画是用setINtervl, setTimeout,改变位置, 形状, 大小 浏览器60Hz, 每秒60次才能保证平滑,流畅, 不然就会感到跳,也就是最大17ms 传统的定时器是不够精确的, setInterval(fn,time);不能保证立即
阅读全文
posted @
2020-10-12 08:06
connie313
阅读(116)
推荐(0)
Javascript高级程序设计(四)
摘要:1. <script> 以及关键字async, defer 默认是放在head里面,逐行阻塞加载, 从上而下下载, 解析和解释都完成后, 才能渲染页面(浏览器解析到body才会开始渲染)。如果有许多行的javascript, 会导致页面渲染有明显延迟, 最好把script放入到body里面。 1)
阅读全文
posted @
2020-09-19 22:56
connie313
阅读(259)
推荐(0)
flutter入门
摘要://flutter不支持ios热更新,ios大,没有skia,路由入栈管理 import 'package:flutter/material.dart'; import 'package:english_words/english_words.dart'; void main() { runApp(
阅读全文
posted @
2020-09-12 23:45
connie313
阅读(139)
推荐(0)
javascript基础
摘要:一、hasOwnProperty vs isPrototyOf 1&2互为补充 function siteAdmin(nickName,siteName){ this.nickName=nickName; this.siteName=siteName;}siteAdmin.prototype.sho
阅读全文
posted @
2020-07-26 08:14
connie313
阅读(93)
推荐(0)