摘要：
1.transition用法动画效果调试 transition:color .25s linear; /*调试时候直接在浏览器点击linear 去调试动画效果 */ /* 动画效果是在点击移动选中时出现的样式 */ transition :all .25s ...; 直接在浏览器去调试几个按钮就可以 阅读全文
posted @ 2022-03-28 22:03
cc-front
阅读(232)
评论(0)
推荐(0)
摘要：
1.合并数组 并非运算for 运算 setData( { typeList:['全部', ...result.data] //展开运算数组 typeList:['全部'].concat(result.data) //concat数组合并 typeList:result.data.reduce((r, 阅读全文
posted @ 2022-03-28 22:01
cc-front
阅读(309)
评论(0)
推荐(0)
摘要：
一、当需要实现函数组件的双向绑定时无非就是实现手动将事件对象加值变量 1.useState + value + onChange事件对象 =>输入框双想绑定 const Input=()=>{ const [message,setMessage] = useState(''); return( <> 阅读全文
posted @ 2022-03-28 21:55
cc-front
阅读(820)
评论(0)
推荐(0)
摘要：
在REACT组件中： 1.基于数据驱动（修改状态数据，REACT帮助重新渲染视图）完成的组件叫做受控组件 ==>（受数据控制的组件） 2.基于ref操作的dom实现视图更新的，叫做非受控组件 =>在项目场景中，建议多使用受控组件 VUE:[MVVM] 数据更改视图跟着更改，视图更改数据也跟着更改（双 阅读全文
posted @ 2022-03-28 21:27
cc-front
阅读(43)
评论(0)
推荐(0)
摘要：
一、页面常常有事件点击的场景，这里有两种情况分辨 事件冒泡和事件捕获 浏览器上最外层是window对象 1.事件捕获 > 它是从最外层开始发生到最具体的元素 p document ->html ->body ->div ->p 2.事件冒泡是从结构内层最里面元素发生到最外层document对象 最内 阅读全文
posted @ 2022-03-28 16:05
cc-front
阅读(162)
评论(0)
推荐(0)
摘要：
一、实现数据双向绑定 底层原理实现 输入框 1.使用Object.defineProperty实现 <input id="inputNode" type="text" oninput="inputEvt()"/> <h1 id="showNode"></h1> <script> var obj={ 阅读全文
posted @ 2022-03-28 14:09
cc-front
阅读(65)
评论(0)
推荐(0)
摘要：
一、当想获取输入框的值并想展现出来时候就需要用什么方式来获取 1.js事件对象 2.框架绑定 1.使用oninput事件 拿取元素id选择器 直接获取 <h1 id="title">HELLO JS oninput</h1> <input type="text" id="a" name="b" cl 阅读全文
posted @ 2022-03-28 10:21
cc-front
阅读(3289)
评论(0)
推荐(0)
摘要：
一、url解析 1.输入网址 2.DNS解析 3.建立tcp连接 4.客户端发送HTTP连接 5.服务器处理请求 6.服务器响应请求 7.浏览器展示HTML 8.浏览器在发送请求获取其他在HTML中的资源 输入地址后，计算机向dns服务器发出ip查询请求，要求进行地址解析，然后dns服务器把ip地址 阅读全文
posted @ 2022-03-28 08:51
cc-front
阅读(89)
评论(0)
推荐(0)
浙公网安备 33010602011771号