随笔分类 -  js基础

js语言中的基础。可能遇到的坑
正则
摘要: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) 推荐(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) 推荐(0)
flex 弹性布局
摘要:对于是弹性布局, 需要在父级元素上。#parent{ display:flex } 如果原先定义了子元素的高度, 会变成无效, 因为默认???shrink 如果需要元素页面居中, .item{ justify-content: center; align-items:center; //这两个用的很 阅读全文
posted @ 2020-10-25 18:45 connie313 阅读(90) 评论(0) 推荐(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) 推荐(0)
RequestIdleCallback and requestAnimationFrame
摘要:requestAnimationFrame 过去js动画是用setINtervl, setTimeout,改变位置, 形状, 大小 浏览器60Hz, 每秒60次才能保证平滑,流畅, 不然就会感到跳,也就是最大17ms 传统的定时器是不够精确的, setInterval(fn,time);不能保证立即 阅读全文
posted @ 2020-10-12 08:06 connie313 阅读(116) 评论(0) 推荐(0)
Javascript高级程序设计(四)
摘要:1. <script> 以及关键字async, defer 默认是放在head里面,逐行阻塞加载, 从上而下下载, 解析和解释都完成后, 才能渲染页面(浏览器解析到body才会开始渲染)。如果有许多行的javascript, 会导致页面渲染有明显延迟, 最好把script放入到body里面。 1)  阅读全文
posted @ 2020-09-19 22:56 connie313 阅读(259) 评论(0) 推荐(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) 推荐(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) 推荐(0)