![](https://img-blog.csdnimg.cn/4baec94a45a341ba996543a64a596315.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
蓝白的一些学习笔记
文章平均质量分 68
。。。
茶茶呀
前端工程师
展开
-
【好记忆不如烂笔头】学习Vue3
记录Vue3知识点原创 2022-08-09 16:52:43 · 411 阅读 · 0 评论 -
熟悉Array.from()
语法:Array.from(arrayLike[, mapFn[, thisArg]])返回值:一个新的数组实例。Array.from() 方法对一个类似数组或可迭代对象创建一个新的,浅拷贝的数组实例。arrayLike想要转换成数组的伪数组对象或可迭代对象。mapFn 可选如果指定了该参数,新数组中的每个元素会执行该回调函数。thisArg 可选可选参数,执行回调函数 mapFn 时 this 对象。从String生成数组Array.from('foo');// [ "f", "o", "o"转载 2021-11-19 01:29:47 · 122 阅读 · 0 评论 -
freeCodeCamp刷题之用D3实现数据可视化
D3jsD3js 是一个可以基于数据来操作文档的 JavaScript 库。可以帮助你使用 HTML, CSS, SVG 以及 Canvas 来展示数据。D3 遵循现有的 Web 标准,可以不需要其他任何框架独立运行在现代浏览器中,它结合强大的可视化组件来驱动 DOM 操作。append数据enter() 方法发现页面中没有 h2 元素,但是需要推入数据(每个对应 dataset 中的一个数据)。 新的 h2元素被append到 body,文本为 New item。<body> &l原创 2021-07-29 09:15:08 · 305 阅读 · 0 评论 -
freeCodeCamp刷题笔记之Redux
创建一个 Redux Store在 Redux 中,有一个状态对象负责应用程序的整个状态, 这意味着如果你有一个包含十个组件且每个组件都有自己的本地状态的 React 项目,那么这个项目的整个状态将通过 Reduxstore被定义为单个状态对象, 这是学习 Redux 时要理解的第一个重要原则:Redux store 是应用程序状态的唯一真实来源。这也意味着,如果应用程序想要更新状态,只能通过 Redux store 执行, 单向数据流可以更轻松地对应用程序中的状态进行监测管理。const..原创 2021-07-28 11:53:10 · 330 阅读 · 0 评论 -
freeCodeCamp刷题笔记之React
目录创建单个元素创建多个元素在JSX里添加注释渲染 HTML 元素为 DOM 树在 JSX 中定义一个 HTML Class创建一个类式组件使用 React 渲染嵌套组件传递一个数组作为 Props使用默认的 Props覆盖默认的 Props使用 PropTypes 来定义 Props 的类型无状态函数组件的 Props创建一个有状态的组件在用户界面中渲染状态使用state切换元素写一个简单的计数器创建可控制的输入框创建一个可以控制原创 2021-07-20 19:54:58 · 465 阅读 · 0 评论 -
freeCodeCamp刷题笔记(八)之中级算法
数组的对称差function diffArray(arr1, arr2) { let result1=arr1.filter(function(x){ return arr2.indexOf(x) === -1; }) let result2=arr2.filter(function(x){ return arr1.indexOf(x) === -1; }) let result=result2.concat(result1); return result;}原创 2021-05-19 16:37:59 · 195 阅读 · 0 评论 -
freeCodeCamp刷题笔记(七)
面向对象编程自身属性和prototype属性。 自身属性是直接在对象上定义的。 而prototype属性是定义在prototype上的。function Bird(name) { this.name = name; //own property}Bird.prototype.numLegs = 2; // prototype propertylet duck = new Bird("Donald");新增多个prototype属性function Dog(nam...原创 2021-05-11 10:01:48 · 385 阅读 · 0 评论 -
freeCodeCamp刷题笔记(六)
创建一个具有m行和n列“零”的二维数组function zeroArray(m, n) { // 创建一个二维数组,有 m 行 n 列,元素均为 0 let newArray = new Array; let row = new Array; for (let i = 0; i < m; i++) { // 添加第 m 行到 newArray for (let j = 0; j < n; j++) { // 将 n 个 0 推入当前行以创建列原创 2021-05-06 14:58:21 · 254 阅读 · 5 评论 -
freeCodeCamp刷题笔记(五)
匹配多个字符串 |let petString = "James has a pet cat.";let petRegex = /dog|cat|bird/; // 修改这一行let result = petRegex.test(petString);匹配时忽略大小写 ilet myString = "freeCodeCamp";let fccRegex = /freeCodeCamp/i; // 修改这一行let result = fccRegex.test(myString);..原创 2021-05-05 17:37:11 · 633 阅读 · 0 评论 -
freeCodeCamp刷题笔记(四)
使用箭头函数编写简洁的匿名函数当不需要函数体,只返回一个值的时候,箭头函数允许你省略return关键字和外面的大括号。 这样就可以将一个简单的函数简化成一个单行语句。const myFunc = () => "value";将 rest 操作符与函数参数一起使用let sum=(...args) =>args.reduce((a, b) => a + b, 0);console.log(sum(1, 2, 3)); // 6使用解构赋值来获取对象的值解构赋..原创 2021-05-05 11:04:58 · 195 阅读 · 0 评论 -
freeCodeCamp刷题笔记(三)
排队function nextInLine(arr, item) { arr.push(item); var item=arr.shift(); return item;}原创 2021-04-28 22:12:14 · 274 阅读 · 0 评论 -
freeCodeCamp刷题笔记(二)
了解 Alt 文本留空的情景对于有标题的图片,依然需要添加 alt 文本,因为这样有助于搜索引擎记录图片内容。使用标题显示内容的层次关系语义化的意思是,标签名能准确地表达它所含内容的信息类型。figure 标签使用 label 元素提高表单的可访问性label 标签的 for 属性与表单组件的name绑定。使用fieldset 标签包裹整组单选按钮<form> <fieldset> <legend>Choose one of原创 2021-04-19 10:24:16 · 217 阅读 · 0 评论 -
freeCodeCamp刷题笔记(一)
使用属性选择器来设置元素的样式// 使用 [attr=value] 属性选择器来修改[type='radio'] { margin: 20px 0px 20px 0px;} 绝对单位与相对单位单位长度的类型可以分成 2 种:相对和绝对。 绝对单位与长度的物理单位相关。 例如,in 和 mm 分别代表着英寸和毫米。 绝对长度单位会接近屏幕上的实际测量值,不过不同屏幕的分辨率会存在差异,这就可能会造成误差。相对单位长度,比如 em 和 rem,它们的实际值会依赖其他长度的值而决定。 比如原创 2021-04-15 23:43:42 · 234 阅读 · 0 评论 -
对微信小程序云数据库进行增删改查
对微信小程序云数据库进行增删改查微信小程序云开发具体文档:https://developers.weixin.qq.com/miniprogram/dev/framework/get:获取记录数据页面元素:<button type="primary" bindtap="getData">点击获取数据</button><view>{{dataObj.title}}</view><view>{{dataObj.author}}</vi原创 2020-09-29 16:57:53 · 754 阅读 · 0 评论