11 2020 档案

angular11源码探索[DoCheck 生命周期和onChanges区别]
摘要：原理图 直接生成模块和路由然后定义声明的模块 ng g m one --routing --m=app 组件+模块+路由+指向的声明路径 ng g m two --route=home --m=app 生命周期 DoCheck 和 onChanges 的区别 当我们传入数组或者对象的时候,我们会发现 阅读全文
posted @ 2020-11-27 16:23 猫神甜辣酱 阅读(541) 评论(0) 推荐(1) 编辑
圆锥渐变小技巧[conic-gradient]
摘要：conic-gradient T型渐变 从中间12点位置顺时针开始,设置角度和百分比都可以 background:conic-gradient(#e63946 0 40%, #026bdc 40% 70%,#ffb5a7 70% 100%); background-image: conic-grad 阅读全文
posted @ 2020-11-25 16:20 猫神甜辣酱 阅读(606) 评论(0) 推荐(0) 编辑
[创意编码p5]魔法水环
摘要：https://www.openprocessing.org/sketch/989004 圆的参数方程 x= radius * sin(i) y= radius * cos(i) 椭圆的参数方程 x= radius * sin(i) y= radius-90*cos(i); 画一个底盘的椭圆 fun 阅读全文
posted @ 2020-11-25 10:04 猫神甜辣酱 阅读(186) 评论(0) 推荐(0) 编辑
p5.js基本[一] T型高斯分布的小星星
摘要：样例 <script src="./p5/p5.js"></script> <script> function setup() { // 只写一次你想做的事 createCanvas(400, 400); } function draw() { // 写下你要重复的内容 // 每秒约60次速度重复 阅读全文
posted @ 2020-11-20 11:46 猫神甜辣酱 阅读(646) 评论(0) 推荐(0) 编辑
javascript原生技巧篇
摘要：有趣的css问题 <div style="margin:0 auto;max-width:450px;"> <div style="height:20vh;background-color: firebrick;"> </div> </div> 父元素margin:0 auto;max-width: 阅读全文
posted @ 2020-11-18 14:39 猫神甜辣酱 阅读(223) 评论(0) 推荐(0) 编辑
线性插值编写可视化代码
摘要：线性插值 处于创意编码,游戏开发,数据可视化和生成创意的功能 [start,end] 在范围内插值,t通常在[0,1] 范围内 function lerp (start, end, t) { return start * (1 - t) + end * t; } //虽然这样,但是我感觉现在这样,更 阅读全文
posted @ 2020-11-16 18:32 猫神甜辣酱 阅读(264) 评论(0) 推荐(0) 编辑
javascript原生技巧篇
摘要：var 有趣的小东西 // 默认的时候 name // '' window.name //'' var name=22 window.name // '22' var name=0x12 window.name // 会先转化为数字,再转成字符串 '18' 其他的变量正常化 var age=12 w 阅读全文
posted @ 2020-11-15 14:39 猫神甜辣酱 阅读(196) 评论(0) 推荐(1) 编辑
canvas基础[二]教你编写贝塞尔曲线工具
摘要：贝塞尔曲线 bezierCurveTo 在线工具 https://canvature.appspot.com/ [感觉这个好用一些] https://blogs.sitepointstatic.com/examples/tech/canvas-curves/bezier-curve.html 三次贝 阅读全文
posted @ 2020-11-12 15:50 猫神甜辣酱 阅读(832) 评论(0) 推荐(0) 编辑
canvas基础[一]探究出初中数学知识
摘要：何时用SVG何时用canvas SVG 矢量图,视觉清晰,文件小 <svg viewBox="0 0 100 100"> <circle cx="50" cy="50" r="50" /> <style> circle { fill: blue; animation: pulse 2s altern 阅读全文
posted @ 2020-11-11 13:26 猫神甜辣酱 阅读(419) 评论(0) 推荐(2) 编辑
dat.GUI 打造可视化工具(一)
摘要：前言 有时候学习api其实我们可以从源码的角度学习,因为有时候很多文档写的太不清楚了,自己都是慢慢去试,去猜,去实现其实也是挺浪费时间的,面对未知的一脸蒙蔽,偶尔烦躁,其实需要的是自己静下心来慢慢研究,收获离你不远 介绍 与javascript一起使用的参数调用库 顾名思义，GUI（图形用户界面）可 阅读全文
posted @ 2020-11-09 17:48 猫神甜辣酱 阅读(3356) 评论(0) 推荐(1) 编辑
视觉滚动[反差美]
摘要：科普 视差滚动简单的认识就是移动滚动条或者滚动鼠标滑轮,dom盒子移动的速度加减的差别造成页面的不同的效果 就是一种反差感,对于没有设计美感功底的程序员,只有写出可移植的demo,形成自己的美感培养 codepen 好像需要富强,我在后天整理好,放上了百度云的demo链接可以去下载 在这里介绍大家一 阅读全文
posted @ 2020-11-06 17:16 猫神甜辣酱 阅读(1101) 评论(0) 推荐(2) 编辑
从原生web组件到框架组件源码(三)
摘要：快乐的时光都是这么短暂,转眼间,web原生组件的知识点已经学完了,这个虽然暂时不一定有用,但是随着时间的积累,一步一个脚印的积累,你会有相应的收获,希望能变得更强,比如两年前我也会想有现成的东西不用,干嘛要自己写呢?但是你确定一直用上层的东西,你的收获有自己写快吗? 在开发的过程过能节约下来的时间, 阅读全文
posted @ 2020-11-03 16:08 猫神甜辣酱 阅读(446) 评论(0) 推荐(1) 编辑
从原生web组件到框架组件源码(二)
摘要：innerHTML outerHTML textContent innerText 区别 <div id="test"> <span>sdsdsdsd <span>555</span></span> bbbb </div> innerHTML ​ 从对象的起始位置到终止位置的全部内容,包括Html标 阅读全文
posted @ 2020-11-02 16:45 猫神甜辣酱 阅读(410) 评论(0) 推荐(1) 编辑
从原生web组件到框架组件源码(一)
摘要：温馨提醒,当你觉得看我写的很乱的时候,就对了,那是因为我查阅了大量的资料提取出来的,因为有点东西不太理解,所以你会感觉有的部分重复了,也不是重复,只是后面对前面的内容进行梳理了一些,需要耐心的看到最后 自定义元素 我们发现自定义元素总是有破折号的Q,<my-component> 或 <bacon-c 阅读全文
posted @ 2020-11-01 11:00 猫神甜辣酱 阅读(634) 评论(4) 推荐(0) 编辑