飞奔的龟龟 - 博客园_a56爆大奖在线娱乐

[置顶] JavaScript 中的延迟加载属性模式

摘要：传统上，开发人员在 JavaScript 类中为实例中可能需要的任何数据创建属性。对于在构造函数中随时可用的小块数据来说，这不是问题。但是，如果在实例中可用之前需要计算某些数据，您可能不想预先支付该费用。例如，考虑这个类： class MyClass { constructor() { this.d 阅读全文

posted @ 2021-06-18 17:48 飞奔的龟龟阅读(301) 评论(0) 推荐(0) 编辑

[置顶] 简单模拟实现javascript中的call、apply、bind方法

摘要：目录引子隐式丢失硬绑定实现及原理分析总体实现(纯净版/没有注释) 写在最后引子# 读完《你不知道的JavaScript--上卷》中关于this的介绍和深入的章节后,对于this的指向a56爆大奖在线娱乐用这篇文章简单总结了一下。接着a56爆大奖在线娱乐就想着能不能利用this的相关知识,模拟实现一下javascript中比阅读全文

posted @ 2021-04-16 14:05 飞奔的龟龟阅读(61) 评论(0) 推荐(0) 编辑

[置顶] webpack优化之玩转代码分割和公共代码提取

摘要：前言开发多页应用的时候，如果不对webpack打包进行优化，当某个模块被多个入口模块引用时，它就会被打包多次（在最终打包出来的某几个文件里，它们都会有一份相同的代码）。当项目业务越来越复杂，打包出来的代码会非常冗余，文件体积会非常庞大。大体积文件会增加编译时间，影响开发效率；如果直接上线，还会拉长阅读全文

posted @ 2020-12-16 11:22 飞奔的龟龟阅读(605) 评论(0) 推荐(0) 编辑

[置顶] useMemo和useCallback的使用

摘要： useMemo const memoizedValue = useMemo(() => computeExpensiveValue(a, b), [a, b]); 把“创建”函数和依赖项数组作为参数传入 useMemo，它仅会在某个依赖项改变时才重新计算 memoized 值。这种优化有助于避免在每阅读全文

posted @ 2020-12-15 23:22 飞奔的龟龟阅读(475) 评论(0) 推荐(0) 编辑

[置顶] react 计算衍生数据

摘要： import React from 'react' import { connect } from 'react-redux' import TodoList from '../components/TodoList' import {toggleTodo,VisibilityFilters} fr 阅读全文

posted @ 2020-08-12 14:52 飞奔的龟龟阅读(231) 评论(0) 推荐(0) 编辑

[置顶] redux初探

摘要： action是一个普通对象里面必须有一个type字段，代表将要执行的行为，其他字段自己规划。 action只是描述了将要发生的事情并不能直接修改状态 action创建函数尽量是一个纯函数，他返回的是action对象 middleware 接受一个next() 的dispatch函数，返回了一个d 阅读全文

posted @ 2020-08-05 17:27 飞奔的龟龟阅读(101) 评论(0) 推荐(0) 编辑

[置顶] react Hook

摘要：概念：在不使用class组件的情况下，允许你使用state和react的其他特性产生背景：在组件之间公用相同的逻辑往往很难，在以前的解决方案是：高阶组件和render props 但是这类方案需要重新组织你的组件结构，这可能会很麻烦，使你的代码难以理解。你可以使用 Hook 从组件中提取状态逻辑阅读全文

posted @ 2020-07-23 17:41 飞奔的龟龟阅读(235) 评论(0) 推荐(0) 编辑

[置顶] 受控组件和非受控组件

摘要：受控组件处理表单数据是交给react内部的状态来处理，而非受控组件可以通过ref 交给dom来处理 1、受控组件的表单处理 import React, { Component } from 'react'; import ReactDOM from 'react-dom' import PropTy 阅读全文

posted @ 2020-07-22 17:54 飞奔的龟龟阅读(212) 评论(0) 推荐(0) 编辑

[置顶] react中refs的使用

摘要： 1、在dom元素中直接使用ref 意思就是可以在组件中创建一个dom节点的textInput，并将ref直接绑定到他 <script src="https://unpkg.com/@babel/standalone/babel.js"></script> <script src="https://u 阅读全文

posted @ 2020-07-21 17:25 飞奔的龟龟阅读(444) 评论(0) 推荐(0) 编辑

[置顶] 利用JavaScript自定义事件完成组件间的数据通信

摘要： a56爆大奖在线娱乐们知道，在JavaScript中，原生DOM事件在开发中是很有用的(与用户交互的重要方式)，但是操作原生DOM事件其实有两大缺点：性能低、依赖于浏览器(NodeJs、小程序等不可用)。那么这个时候，就需要a56爆大奖在线娱乐们进行自定义事件去处理某些特定的业务。认识Event对象及元素的dispatchEvent 阅读全文

posted @ 2020-05-27 15:16 飞奔的龟龟阅读(359) 评论(0) 推荐(0) 编辑

[置顶] js模块化编程之彻底弄懂CommonJS和AMD/CMD！

摘要：先回答a56爆大奖在线娱乐：为什么模块很重要？答：因为有了模块，a56爆大奖在线娱乐们就可以更方便地使用别人的代码，想要什么功能，就加载什么模块。但是，这样做有一个前提，那就是大家必须以同样的方式编写模块，否则你有你的写法，a56爆大奖在线娱乐有a56爆大奖在线娱乐的写法，岂不是乱了套！于是下面三个模块规范出来了，这篇文章也出来了（拼出来的 {捂脸笑}）。 JS中的阅读全文

posted @ 2020-05-21 18:08 飞奔的龟龟阅读(1225) 评论(1) 推荐(1) 编辑

[置顶] H5移动端开发注意事项

摘要： 1、安卓浏览器看背景图片，有些设备会模糊。用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，a56爆大奖在线娱乐苹果当初就把iPhone 4的960640分辨率，在网页里只显示了480 阅读全文

posted @ 2020-03-21 20:30 飞奔的龟龟阅读(633) 评论(0) 推荐(0) 编辑

[置顶] layui table表格单元格动态合并，并设置隔行变色

摘要： layui table表格单元格动态合并，并设置隔行变色，此代码只针对嵌套数组只有一层的时候有效，多个数组嵌套还在冥想当中！！需求描述 a56爆大奖在线娱乐们知道在layui插件官方平台有个可以无限极单元格合并的模块，但是其核心理念是针对多个相同数据进行合并，并且也非常好用，数据结构不存在嵌套结构。但是偶尔数据也阅读全文

posted @ 2020-03-03 16:34 飞奔的龟龟阅读(4421) 评论(0) 推荐(0) 编辑

[置顶] 【webpack系列】从零搭建 webpack4+react 脚手架（五）

摘要：本章节，a56爆大奖在线娱乐们一起来探讨以下问题：如何对编译后的文件进行gzip压缩，如何让开发环境的控制台输出更加高逼格，如何更好的对编译后的文件进行bundle分析等。 1 gzip压缩如果你想节省带宽提高网站速度，压缩是a56爆大奖在线娱乐简单有效的方法。a56爆大奖在线娱乐们模拟一次html的请求，想象一下浏览器和服务器的对话：浏览器：嘿阅读全文

posted @ 2019-01-06 16:43 飞奔的龟龟阅读(1171) 评论(0) 推荐(1) 编辑

[置顶] 【webpack系列】从零搭建 webpack4+react 脚手架（四）

摘要：经过三个章节的学习，你已经学会搭建了一个基于webpack4的react脚手架。如果要更改配置，比如，你希望把编译后的js文件和css文件等单独放dist下的static目录下，你想想，是不是有点麻烦。你要去浏览webpack的配置文件，找到哪些配置项，然后去更改它，a56爆大奖在线娱乐们希望有个参数配置文件，只要更阅读全文

posted @ 2019-01-06 16:29 飞奔的龟龟阅读(1262) 评论(0) 推荐(0) 编辑

[置顶] 【webpack系列】从零搭建 webpack4+react 脚手架（三）

摘要：本章节，a56爆大奖在线娱乐们对如何在脚手架中引入CSS，如何压缩CSS，如何使用CSS Modules，如何使用less，如何使用postcss等问题进行展开学习。 1 支持css （1）在app目录，新建一个css，命名为index.css，输入样式： h1{ display: flex; height: 200 阅读全文

posted @ 2019-01-06 16:09 飞奔的龟龟阅读(892) 评论(0) 推荐(0) 编辑

[置顶] 【webpack系列】从零搭建 webpack4+react 脚手架（二）

摘要： html文件如�a56爆大奖在线娱乐餐降絛ist目录？bundle.js文件修改了，万一被浏览器缓存了怎么办？如何为导出的文件加md5？如何把js引用自动添加到html？非业务代码和业务代码如何分开打包？如何搭建开发环境？如何实现开发环境的热更新？在上一节a56爆大奖在线娱乐们已经搭建了一个最基本的webpack环境，这一节a56爆大奖在线娱乐们阅读全文

posted @ 2019-01-06 15:49 飞奔的龟龟阅读(980) 评论(0) 推荐(0) 编辑

[置顶] 【webpack系列】从零搭建 webpack4+react 脚手架（一）

摘要：搭建一个React工程的方式有很多，官方也有自己的脚手架，如果你和a56爆大奖在线娱乐一样，喜欢刨根究底，从零开始自己一行一行代码创建一个React脚手架项目，那你就来对地方了。本教程是针对React新手，以及对webpack还不熟悉的用户，或者是想了解当前前端工程化方案的用户。a56爆大奖在线娱乐会在整个系列通过webpack4的配阅读全文

posted @ 2019-01-06 15:28 飞奔的龟龟阅读(1563) 评论(0) 推荐(0) 编辑

[置顶] js常见的面试题

摘要： css 选择符有哪些通配选择符 *类选择符 classid选择符 id属性选择符 input[name=button]包含选择符类似 div span子对象选择符类似 div > spanapply() 和 call()的区别 ==和的区别 null和undefined的区别 apply和c 阅读全文

posted @ 2018-12-19 23:12 飞奔的龟龟阅读(425) 评论(0) 推荐(0) 编辑

[置顶] java中读取资源文件的方法

摘要：展开全部展开全部 1.使用java.util.Properties类的load()方法示例： //文件在项目下。不是在包下！！ InputStream in = new BufferedInputStream(new FileInputStream("demo.properties")) ; P 阅读全文

posted @ 2018-10-11 22:37 飞奔的龟龟阅读(3516) 评论(0) 推荐(1) 编辑

2022年6月11日

refs转发

摘要： ref 转发不但可以转发指向具体的dom组件，也可以指向class组件的实例 import React from 'react' import ReactDOM from 'react-dom'; //ref 转发不但可以转发指向具体的dom组件，也可以指向class组件的实例 class Butt 阅读全文

posted @ 2022-06-11 22:07 飞奔的龟龟阅读(77) 评论(0) 推荐(0) 编辑

nianzhilian

公告