wu_qiang的博客_前端精髓

瀑布流布局

要实现的效果如下图：首先最容易想到的就是分两列，然后把内容添加进行就可以了。 <style> .co

css3

css

javascript

业务需求

原创 2022-11-23 03:31:47 154 阅读

使用Nginx作为HTTP负载均衡

介绍

nginx

负载均衡

服务器

翻译 2022-11-23 02:29:40 94 阅读

为什么需要Vue对组合API？

目前在Vue

vue

应用程序

插槽

开发人员

翻译 2022-11-23 02:28:57 98 阅读

菜单栏底部线条切换效果（标题滚动居中显示）

要实现的效果是当点击某一个菜单的时候，菜单的底部有一个线条高亮，从上一次的位置切换到点击的位置，而且需要添加动画效果。首先我们的DOM结构是这样的，li 是显示每一个菜单的内容，我们添加了自定义的属性，用来区分在点击的时候具体是点击第几个的位置。线条是通过定位在最底下的。<div class="wrapper"> <ul class="list" id="list">

3d

点击事件

i++

原创 2022-11-23 02:26:08 124 阅读

让Vue文件直接在浏览器中运行

项目背景我非常非常讨厌Webpack，这个东西结构复杂，概念繁多，难以理解，主体与插

javascript

html

github

快速开发

原创 2022-11-23 00:26:48 1851 阅读

css实现三列等宽等间距排列(九宫格)

使用 flex 布局实现需要注意一个点，就是需要用 flex-wrap 属性来使其换行。将当前元素父级元素宽度的30%。

css

html

css3

父级元素

原创 2022-11-23 00:23:42 121 阅读

表单提交类型

曾经想通过 post 提交方式提交数据，只能是使用 form 表单 submit 的方式来提交，因为

javascript

表单

ios

json

原创 2022-11-23 00:23:36 62 阅读

webpack 懒加载原理

分析__webpack_require__.f = {}__webpack_require__.e = (chunkId) => { return Promise.all(O

node

chrome

前端

json

bundle

原创 2022-11-23 00:22:51 121 阅读

抽象语法树

webapck打包代码的时候会自动修改导入导出的格式，比如下面的例子：require('./title')//

webpack

javascript

前端

语法树

导入导出

原创 2022-11-23 00:22:43 131 阅读

loader中的this是什么

loader 怎么执行的全靠 loader-runner，查看 GitHub 地址import { runLoaders } from "load

javascript

前端

vue.js

sed

ide

原创 2022-11-23 00:22:39 68 阅读

如何编写webpack插件

现在插件的书写格式：// 简单插件class MyPlugin { constructor (options) { console.log(

webpack

javascript

前端

环境配置

原创 2022-11-23 00:22:33 190 阅读

require.resolve和path.resolve

非相对路径require.resolve 会找node_modoule里面的模块// node_moudles里面的webpackre

webpack

javascript

前端

当前目录

相对路径

原创 2022-11-23 00:22:25 245 阅读

贪心算法-纸币问题

从一个生活问题谈起先来看看生活中经常遇到的事吧——假设您是个土豪，身上带了足够的

贪心算法

动态规划

leetcode

贪心策略

i++

转载 2022-11-23 00:22:20 146 阅读

node监听子进程的错误

/** * @param {string} command process to run * @param {string[]} args command line arg

javascript

前端

vue.js

原创 2022-11-23 00:22:10 112 阅读

neo-async 模块

neo-async 和 async 模块都是为了解决嵌套金字塔，和异步流程控制而生，neo-async 是 async 的

javascript

前端

node.js

迭代

数组

原创 2022-11-23 00:22:04 130 阅读

执行webpack发生了什么

本文主要介绍 webpack 和 webpack-cli 模块的关系和部分源码分析。webpack4.0 以后，似乎es/.bin 目录下生成一个 webpac

webpack

javascript

前端

bootstrap

命令行

原创 2022-11-23 00:21:58 139 阅读

React RouterV6新特性

安装npm install react-router-dom@6配置路由import { render } from "react-dom";import {

react.js

javascript

前端

嵌套

ide

原创 2022-11-23 00:21:54 232 阅读

require(‘module‘) 是什么？

在很多框架中经常会看到导入 module 模块来使用，那么导入的 module 模块和文件中

javascript

前端

node.js

github

构造函数

原创 2022-11-23 00:21:48 92 阅读

V8中的代码缓存--code caching

简介一份 JavaScript 代码从 Blink 交给 V8 开始到执行，经历了解析，编译，运行，优化以及包

缓存

javascript

开发语言

v8

数据

原创 2022-11-23 00:21:42 163 阅读

数组全排列问题

题目：给定一个数组，打印出数组的所有排列。比如数组为[1, 2, 3]，那最终输出为：[1, 2, 3][1,

leetcode

算法

排序算法

数组

全排列

原创 2022-11-23 00:21:36 152 阅读

求集合的所有子集问题

给你一个整数数组 nums ，数组中的元素互不相同。返回该数组所有可能的子集（幂集）

leetcode

算法

职场和发展

数组

遍历数组

原创 2022-11-23 00:21:31 616 阅读 1收藏

memoize 记忆函数

/** @template T @typedef {function(): T} FunctionReturning *//** * @template T * @param

javascript

前端

vue.js

内部函数

原创 2022-11-23 00:21:26 39 阅读

KMP算法(字符串匹配)

字符串匹配是常见的算法题，就有一个字符串判断里面是否包含另一个字符串。举例来说，有

算法

字符串

字符串比较

i++

原创 2022-11-23 00:21:22 156 阅读

中止一个或多个 Web 请求

我们在处理前后端交互的过程中，有时需要仔细斟酌接口的请求时机（例：频繁的Tab切换

前端

javascript

vue.js

ios

xml

原创 2022-11-23 00:21:16 124 阅读

关于graphql快速入门

GraphQL是什么？一种用于 API 的查询语言，GraphQL 既是一种用于 API 的查询语言也是一个

数据

sql

字段

原创 2022-11-23 00:13:08 69 阅读

了解 babel 的包

核心包（Packages）1、@babel/core 2、@babel/parser3、@babel/traverse4、@b

字符串

解析器

编译器

原创 2022-11-23 00:12:49 80 阅读

创建 Refs 的几种方式

Refs 提供了一种方式，允许我们访问 DOM 节点或在 render 方法中创建的 React 元素。到目前为止，我们有三种方式创建 Refs 。回调 RefscreateRef API 的方式使用 useRef() hook回调 Refs现在有一段代码，需要实现的功能是点击 button 按钮然后给 input 表单获取焦点。代码结构如下：import React...

react

回调函数

获取焦点

点击事件

其他

原创 2022-11-23 00:10:13 124 阅读

了解微前端

微前端就是后端的微服务的缩影！！！微服务与微前端，都是希望将某个单一的单体应用，转化为多个可以独立运行、独立开发、独立部署、独立维护的服务或者应用的聚合，从而满足业务快速变化及分布式多团队并行开发的需求。微服务与微前端原理和软件工程，面向对象设计中的原理同样相通，都是遵循单一职责、关注分离、模块化与分而治之等基本的原则。前端应用越来越复杂，我们该如何应对？先思考一个问题，比如淘宝这样的大型...

微前端

微服务

开发效率

迭代

其他

原创 2022-11-23 00:09:19 58 阅读

JavaScript中的DOM操作基础知识

DOM操作可以使用 querySelector（）方法查询 DOM，该方法将任意 CSS 选择器作为参数：const myElement = document.querySelector('#foo > div.bar')通过 Doument 类型调用 querySelector() 方法时，会在文档元素的范围内查找匹配的元素。而通过 Element 类型调用 querySele...

JavaScript

html

css

选择符

其他

原创 2022-11-23 00:09:19 68 阅读

用svrx实现mock数据

安装npm install @svrx/cli -g如果你的接口/api/user需要这样的数据{ "code":-6, "msg":"", "message":"", "data":{}}那么我们在route.js可以这样配置// 配置get请求get('/api/user').to.json( { "code":-6, "msg":"", "messa...

svrx

json

数据

官网

其他

原创 2022-11-23 00:09:17 75 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

11405078

瀑布流布局

使用Nginx作为HTTP负载均衡

为什么需要Vue对组合API？

菜单栏底部线条切换效果（标题滚动居中显示）

让Vue文件直接在浏览器中运行

css实现三列等宽等间距排列(九宫格)

表单提交类型

webpack 懒加载原理

抽象语法树

loader中的this是什么

如何编写webpack插件

require.resolve和path.resolve

贪心算法-纸币问题

node监听子进程的错误

neo-async 模块

执行webpack发生了什么

React RouterV6新特性

require(‘module‘) 是什么？

V8中的代码缓存--code caching

数组全排列问题

求集合的所有子集问题

memoize 记忆函数

KMP算法(字符串匹配)

中止一个或多个 Web 请求

关于graphql快速入门

了解 babel 的包

创建 Refs 的几种方式

了解微前端

JavaScript中的DOM操作基础知识

用svrx实现mock数据