随笔分类 - J前端技术
摘要：桌面GUI框架 软件技术起步阶段，如果要开发桌面UI客户端，windows以前只能用微软自家的windows SDK、MFC等自己的UI框架，linux则是GTK等，现在选择则有很多。这么多的开源框架，可以说各有各的特点，有的成熟稳定，有的运行高效，还有一些框架单凭业务表达能力取胜，开发者在做技术选
阅读全文
摘要：java Swing 进度条 1 package io.guanghe; 2 3 import javax.swing.*; 4 5 /* 6 ProgressMonitor的用法与ProgressBar相似 , ProgressMonitor可以直接创建一个进度对话框 7 提供的构造方法: 8 p
阅读全文
摘要：java AWT 简易绘图 1 package io.guanghe; 2 3 import java.awt.*; 4 import java.awt.event.*; 5 import java.awt.image.BufferedImage; 6 7 public class DrawImag
阅读全文
摘要：java AWT 图片查看器 1 package io.guanghe; 2 3 import java.awt.*; 4 import java.awt.event.*; 5 import java.awt.image.BufferedImage; 6 7 public class DrawIma
阅读全文
摘要：java AWT弹球游戏 1 package io.guanghe; 2 3 import javax.swing.*; 4 import java.awt.*; 5 import java.awt.event.*; 6 7 public class BallGame { 8 private Fra
阅读全文
摘要：一、MVC、MVP、MVVC 复杂的软件必须有清晰合理的架构，否则无法开发和维护。为了将业务和视图的实现代码分离，目前比较流行三种前端架构： MVC = Model-View-Controller MVP = Model-View-Presenter MVVM = Model-View-ViewMo
阅读全文
摘要：今天在前端需要将图片置于界面中央，苦苦搜寻，最终找到一个好用的CSS解决方案： 1 <div style="display: table;height: 100%;width: 100%;"> 2 <span style="display: table-cell;text-align: center
阅读全文
摘要：一、referrer 当一个用户点击当前页面中的一个链接，然后跳转到目标页面时，目标页面会收到一个信息，即用户是从哪个源链接跳转过来的。也就是说，当你发起一个http请求，请求头中的referrer字段就说明了你是从哪个页面发起该请求的。 二、referrer使用场景 1，隐私 在社交网站的个人中心
阅读全文
摘要：一、ES5 1，直接使用 filter、concat 来计算 1 var a = [1,2,3,4,5] 2 var b = [2,4,6,8,10] 3 //交集 4 var c = a.filter(function(v){ return b.indexOf(v) > -1 }) 5 //差集
阅读全文
摘要：一、useContext useContext()的出现，方便了我们在组件之间的状态共享。 1 import React, { useContext } from "react"; 2 import ReactDOM from "react-dom"; 3 const TestContext= Re
阅读全文
摘要：一、useRef useRef共有两种用法，获取子组件的实例(只有类组件可用)，在函数组件中的一个全局变量，不会因为重复 render 重复申明， 类似于类组件的 this.xxx。 1，获取子组件实例 useRef 在使用的时候，可以传入默认值来指定默认值，需要使用的时候，访问 ref.curre
阅读全文
摘要：一、基础用法 useMemo可以保证依赖的值未发生改变的时候，不触发值改变。 useCallback可以保证依赖的值未发生改变的时候，不触发函数引用的改变。 1 //当count变化，sum的值会改变 2 const sum = useMemo(() => { 3 return count + 1;
阅读全文
摘要：Effect Hook 可以让你在函数组件中执行副作用操作，这里提到副作用，什么是副作用呢，就是除了状态相关的逻辑，比如网络请求，监听事件，查找 dom。 可以这样说，在使用了useState或是useEffect这样的hooks之后，每次组件在render的时候都生成了一份本次render的sta
阅读全文
摘要：react hooks 是 React 16.8 的新增特性。 它可以让我们在函数组件中使用 state 、生命周期以及其他 react 特性，而不仅限于 class 组件。react hooks 的出现，标示着 react 中不会在存在无状态组件了，只有类组件和函数组件。 状态是隐藏在组件中的信息
阅读全文
摘要：CSS变量 CSS变量，即CSS variable。官方的名称是级联变量的CSS自定义属性，即CSS custom properties for cascading variables。类似于sass,less等预处理器的变量。css变量同样具备声明，引用，以及作用域等变量特性。CSS 引入了一种层
阅读全文
摘要：URI & URL URI，Uniform Resource Identifier，统一资源标识符。 URL，Uniform Resource Location，统一资源定位符。 URI 简单来理解就是标识/定义了一个资源，而 URL 在定义/标识资源的同时还需要描述如何访问到该资源。可以认为 UR
阅读全文
摘要：在前端项目的源码管理中，依赖的管理是相当重要的一部分。它可以使代码在项目的各个开发机器、持续集成服务器上快速地搭建、运行、布，而不需要确认依赖版本等额外的工作。早期没有依赖管理软件时，项目的依赖放：代码库中——每次更新依赖的时候，均需向项目的代码库提交一个新的版本，这导致项目的代码库越来越大，对新成
阅读全文
摘要：一、SPA single page web application，单页Web应用，就是只有一张Web页面的应用，与后台仅仅是数据的交互，不会再请求其它页面。浏览器一开始会加载必需的HTML、CSS和JavaScript，所有的操作都在这张页面上完成，都由JavaScript来控制。 单页Web应用
阅读全文
摘要：一、npm 1，概念 npm 是 Node.js 官方提供的包管理工具，他已经成了 Node.js 包的标准发布平台，用于 Node.js 包的发布、传播、依赖控制。npm 提供了命令行工具，使你可以方便地下载、安装、升级、删除包，也可以让你作为开发者发布并维护包。 npm 之于 Node.js ，
阅读全文
摘要：一、需求 移动端下拉到底，加载更多数据。由于网页的执行都是单线程的，在JS执行的过程中，页面会呈现阻塞状态。因此，如果JS处理的数据量过大，过程复杂，可能会造成页面的卡顿。传统的数据展现都以分页的形式，但是分页的效果并不好，需要用户手动点击下一页，才能看到更多的内容。有很多网站使用无限分页的模式，即
阅读全文
![赞助](javascript:window.open("https://images.cnblogs.com/cnblogs_com/guanghe/2027516/t_210908054306alipay.png"))
