摘要: 偏基础的日常学习记录合集 有趣的css属性一 圆锥渐变小技巧 conic-gradient javascript原生技巧篇 线性插值编写可视化代码 javascript原生技巧篇 canvas基础(二)教你编写贝塞尔曲线工具 canvas基础(一)探究出初中数学知识 dat.GUI 打造可视化工具( 阅读全文
posted @ 2021-01-21 11:41 猫神甜辣酱 阅读(167) 评论(2) 推荐(1) 编辑
摘要: 源码探索模块 angular11源码探索二十六Router整体路由配置 angular11源码探索二十五Router路由事件 angular11源码探索二十四路由检测变更策略 angular11源码探索二十三路由forRoot angular11源码探索二十二路由Route下路由守卫 angular 阅读全文
posted @ 2021-01-21 11:24 猫神甜辣酱 阅读(367) 评论(0) 推荐(1) 编辑
摘要: 对象转基本类型 优先级: 如何成为全核工程师 先精后广,一专多长 []==false, !![]==true [] + {} 和 {} + []一样吗 当有一个操作数是字符串时 如果两个操作数都是字符串,将两个字符串拼接起来 如果只有一个操作符石字符串,则另一个操作数转换为字符串(toString) 阅读全文
posted @ 2019-02-19 13:47 猫神甜辣酱 阅读(1254) 评论(1) 推荐(2) 编辑
摘要: Symbol 属性私有化,数据保护 let 不支持变量声明预解析(先声明后使用) 支持块作用域 不允许重复声明(暂存死区) 定义的变量不会给window增加属性 const 不支持变量声明预解析(先声明后使用) 支持块作用域 不允许重复声明(暂存死区) 常量(值一旦确定,不允许修改,所有必须初始化) 阅读全文
posted @ 2018-12-26 22:58 猫神甜辣酱 阅读(1222) 评论(1) 推荐(3) 编辑
摘要: 设置 base href ng build --base-href "/" --prod async管道的用法 <ng-container *ngIf="num|async;let add;"> <h1>{{add}}</h1> </ng-container> num=of(1) 排除主题文件 an 阅读全文
posted @ 2021-08-22 01:43 猫神甜辣酱 阅读(60) 评论(0) 推荐(0) 编辑
摘要: 安装(文档参考版本12.1.1) ng add @angular/cdk 添加css @import '~@angular/cdk/overlay-prebuilt.css'; 执行两个方法 <button (click)="add();add1()">Click</button> 获取焦点失去焦点 阅读全文
posted @ 2021-07-18 17:39 猫神甜辣酱 阅读(111) 评论(0) 推荐(0) 编辑
摘要: 自定义表单项目实践 父 <app-two [(ngModel)]="books"></app-two> books='' 子 @Component({ selector: 'app-two', templateUrl: './two.component.html', styleUrls: ['./t 阅读全文
posted @ 2021-07-16 17:29 猫神甜辣酱 阅读(20) 评论(0) 推荐(0) 编辑
摘要: 统一设置获取/失去焦点 css篇 :focus-within 是一个CSS 伪类 ,表示一个元素获得焦点,或,该元素的后代元素获得焦点。换句话说,元素自身或者它的某个后代匹配 :focus 伪类。(shadow DOM 树中的后代也包括在内) js篇 <div id="aaa"> <input ty 阅读全文
posted @ 2021-06-18 17:01 猫神甜辣酱 阅读(91) 评论(0) 推荐(0) 编辑
摘要: Rollup 是一个用于 JavaScript 的模块打包器,它将小段代码编译成更大更复杂的东西,比如库或应用程序。它对包含在 JavaScript 的 ES6 修订版中的代码模块使用新的标准化格式,而不是以前的特殊解决方案,例如 CommonJS 和 AMD和UMD 为什么我应该在 Webpack 阅读全文
posted @ 2021-06-09 19:32 猫神甜辣酱 阅读(214) 评论(0) 推荐(1) 编辑
摘要: 讲解 原始数据 let arr = [ {"id": 2, "parentId": 1, "name": "Fruits"}, {"id": 3, "parentId": 2, "name": "apple"}, {"id": 4, "parentId": 2, "name": "orange"}, 阅读全文
posted @ 2021-05-31 16:16 猫神甜辣酱 阅读(44) 评论(0) 推荐(1) 编辑
摘要: 安装 npm install -g @vue/cli@next 子传父 父 <One :titles="msg1" @oneTwo="clickMethod"/> 子 export default { name: "One", emits: ['oneTwo'], methods: { update 阅读全文
posted @ 2021-05-16 18:49 猫神甜辣酱 阅读(75) 评论(0) 推荐(0) 编辑
摘要: redux 管理state的容器, 用于状态管理 下载 yarn add react-redux redux 上一个小案例redux 小案例 <button onClick={()=>store.dispatch(addAction)}>++</button> <button onClick={() 阅读全文
posted @ 2021-05-06 00:20 猫神甜辣酱 阅读(64) 评论(0) 推荐(1) 编辑
摘要: https://create-react-app.dev/ Neutrino 把 webpack 的强大功能和简单预设结合在一起。并且包括了 React 应用和 React 组件的预设。 Nx 是针对全栈 monorepo 的开发工具包,其内置了 React,Next.js,Express 等。 P 阅读全文
posted @ 2021-05-05 23:05 猫神甜辣酱 阅读(43) 评论(1) 推荐(0) 编辑
摘要: 按钮翻面 地图 小案例 https://developers.arcgis.com/javascript/latest/key-features/ 这种过渡好帅 鼠标跟随背景移动 核心代码 const el = document.getElementById("wrapper"); const d 阅读全文
posted @ 2021-04-24 00:02 猫神甜辣酱 阅读(85) 评论(0) 推荐(0) 编辑