gosolo_
码龄7年
关注
提问 私信
  • 博客：92,632
    92,632
    总访问量
  • 24
    原创
  • 1,022,951
    排名
  • 64
    粉丝
  • 0
    铁粉
IP属地以运营商信息为准，境内显示到省（区、市），境外显示到国家（地区）
IP 属地：广东省
  • 加入CSDN时间： 2017-10-25
博客简介：

gufudhn的博客

查看详细资料
个人成就
  • 获得73次点赞
  • 内容获得42次评论
  • 获得374次收藏
创作历程
  • 2篇
    2021年
  • 12篇
    2020年
  • 10篇
    2019年
  • 2篇
    2018年
成就勋章
TA的专栏
  • vue
    6篇
  • typerscript
  • http
    1篇
  • 浏览器
    1篇
  • react
    2篇
  • antd
    1篇
  • es6
    5篇
  • web面试题
  • HTML
  • JavaScript
    6篇
  • 小程序
    1篇
  • css
    3篇
创作活动更多

超级创作者激励计划

万元现金补贴，高额收益分成，专属VIP内容创作者流量扶持，等你加入！

去参加
  • 最近
  • 文章
  • 代码仓
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

flex布局

Flex 布局是什么？Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。.box{ display: flex;}行内元素也可以使用 Flex 布局。.box{ display: inline-flex;}Webkit 内核的浏览器，必须加上-webkit前缀。.box{ display: -webkit-flex; /* Safari */ display: fle
转载
发布博客 2021.05.08 ·
3052 阅读 ·
2 点赞 ·
1 评论 ·
21 收藏

flex基础

flex:1;让所有弹性盒模型对象的子元素都有相同的长度，且忽略它们内部的内容：设置第二个弹性盒元素的初始长度为 80 像素：<style> #main{ width: 220px; height: 300px; border: 1px solid black; display: flex; } #main div{ flex: 1; }</style><
原创
发布博客 2021.05.08 ·
361 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

一次完整的HTTP服务过程(渐进式)

题意分析当我们在web浏览器的地址栏中输入： www.baidu.com, 具体发生了什么？简述流程对 www.baidu.com这个网址进行DNS域名解析，得到对应的IP地址根据这个IP，找到对应的服务器，发起TCP的三次握手建立TCP连接后发起HTTP请求服务器响应HTTP请求，浏览器得到html代码浏览器解析html代码，并请求html代码中的资源(如js、css、图片等) (先得到html代码，才能去找这些资源)浏览器对页面进行渲染呈现给用户服务器关闭TCP连接进一步理解：
原创
发布博客 2020.10.29 ·
525 阅读 ·
0 点赞 ·
0 评论 ·
4 收藏

一文理解重绘和重排(回流)及优化

1.1 问题分析该问题主要考核html中的优化与重点概念1.2 核心问题讲解浏览器的运行机制构建DOM树(parse): 渲染引擎解析HTML文档，首先将标签转换成DOM树中的DOM node (包括js生成的标签)生成内容树(Content Tree/DOM Tree);构建渲染树(construct): 解析对应的CSS样式文件信息(包括js生成的样式和css文件)，而这些文件信息以及HTML中可见的指令(如<b></b>)，构建渲染树(Rendering Tree/
原创
发布博客 2020.09.02 ·
284 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

使用Vue3构建更好的高阶组件译

使用Vue3构建更好的高阶组件译1 The template2 The JavaScript3分解总结掘金文章链接Vue 3 即将发布，通过引入Composition API 。 它具有许多更改和性能改进。高阶组件（HOC）是使用模板声明性地向您的应用程序添加某些功能的组件。 我相信即使引入了Composition API，它们仍将保持非常重要的关联。HOC始终无法充分发挥其功能的全部功能，并且由于它们在大多数Vue应用程序中并不常见，因此它们的设计通常很差，可能会带来限制。 这是因为模板就是这样-
翻译
发布博客 2020.08.11 ·
1356 阅读 ·
0 点赞 ·
0 评论 ·
2 收藏

js变量类型和计算/附练习题

js变量类型和计算/附练习题变量类型typeof 运算符instanceof变量计算-强制类型转换逻辑运算符变量类型ECMAScript 中定义了 6 种原始类型：BooleanStringNumberNullUndefinedSymbol（ES6 新定义）注意：原始类型不包含 Object值类型var a = 100 var b = a a = 200 console.log(b) // 100上述代码中，a b都是值类型，两者分别修改赋值，相互之间没有任何
原创
发布博客 2020.07.10 ·
1286 阅读 ·
0 点赞 ·
0 评论 ·
2 收藏

antd最新版本Form.create已废弃

报错：Warning: [antd: Form] antd v4 removed `Form.create`. Please remove or use `@ant-design/compatible` instead.解决：v4 的 Form 不再需要通过Form.create()创建上下文。Form 组件现在自带数据域，因而getFieldDecorator也不再需要，直接写入 Form.Item 即可：// antd v3const Demo = ({ form: { getF...
原创
发布博客 2020.07.09 ·
12134 阅读 ·
7 点赞 ·
4 评论 ·
14 收藏

手写实现一个Vue表单组件

KInput双向绑定:@input、:value 派发校验事件<template><div> <input :value="value" @input="onInput" v-bind="$attrs"></div></template><script>export default { inheritAttrs: false, props: { value: {
原创
发布博客 2020.06.03 ·
1764 阅读 ·
0 点赞 ·
0 评论 ·
2 收藏

vue组件通信总结(简述)

组件用法：组件注册：全局注册：任何 Vue 实例都可以使用<body> <div class="app"> <my-component></my-component> </div></body><script>Vue.component('my-component...
原创
发布博客 2020.03.30 ·
1020 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

适合vue初学者进阶的项目——常见的vue移动端商城系统(API接口可用)

技术栈：vue.js+vue-router+vuex+axios+Minitui+MuiGitHub上的项目地址：https://github.com/onemini/Vue-Mall首页：新闻列表：新闻详情：发表评论：图片列表：图片详情：商品列表：商品详情：商品详情介绍：购物车：...
原创
发布博客 2020.03.01 ·
2790 阅读 ·
1 点赞 ·
1 评论 ·
16 收藏

在vue中使用axios(总结)

axios 简介axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征：从浏览器中创建 XMLHttpRequest 从 node.js 发出 http 请求 支持 Promise API 拦截请求和响应 转换请求和响应数据 取消请求 自动转换JSON数据 客户端支持防止 CSRF/XSRF首先安装axios:npm ...
原创
发布博客 2020.02.26 ·
940 阅读 ·
0 点赞 ·
0 评论 ·
2 收藏

MUI Numberbox 动态初始化后 点击加减 双倍增减问题

<divclass="mui-numbox"data-numbox-min='1'data-numbox-max='9'data-numbox-step='1'><buttonclass="mui-btnmui-btn-numbox-minus"type="button">-</button>...
原创
发布博客 2020.02.25 ·
953 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

babel插件转换删除严格模式

删除“使用严格”指令安装$ npm install babel-plugin-transform-remove-strict-mode用法通过.babelrc（推荐）.babelrc{ "plugins": ["transform-remove-strict-mode"]}通过CLI$ babel --plugins transform-rem...
原创
发布博客 2020.02.18 ·
1651 阅读 ·
0 点赞 ·
0 评论 ·
2 收藏

javascript的特性之一：声明提前

var scope = "global";function f() { console.log(scope); // 输出“undefind”,而不是“global” var scope = "local"; // 变量在这里赋初始值，但变量本身在函数体内任何地方均是有定义的 console.log(scope); // 输出“local”}你可能会误以为函数中的第一...
原创
发布博客 2020.01.15 ·
649 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

深入理解ajax（一）——XHR对象

概述　　ajax是asynchronous javascript and XML的简写，中文翻译是异步的javascript和XML，这一技术能够向服务器请求额外的数据而无须重载整个页面，会带来更好的用户体验。虽然名字中包含XML，但ajax通信与数据格式无关。　　ajax包括以下几步骤：1、创建AJAX对象；2、发出HTTP请求；3、接收服务器传回的数据；4、更新网页数据。　　...
原创
发布博客 2019.09.18 ·
1212 阅读 ·
0 点赞 ·
0 评论 ·
2 收藏

es6常用语法：箭头函数

// function foo() {// console.log('hello');// }// foo(); hello// let foo = () => console.log('hello');// foo(); hello// function foo(v){// return v;// }// let foo = v => ...
原创
发布博客 2019.09.15 ·
1001 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

es6常用语法：函数扩展

/*函数扩展1、 函数默认值2、 参数解构赋值3、 rest参数4、 ...扩展运算符*/// 参数默认值// function foo(param){// let p = param || 'hello';// console.log(p);// }// foo(); hello// foo('hi'); hi// functi...
原创
发布博客 2019.09.15 ·
709 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

es6常用语法：字符串相关扩展

/*字符串相关扩展includes()判断字符串是否包含指定的字符串 （有的返回true， 否则返回false） 参数一： 匹配的字串； 参数二： 从第几个开始匹配startsWith() 判断字符串是否以特定的字符串开始endsWith() 判断字符串是否以特定的字符串结束*/// console.log('hello world'.i...
原创
发布博客 2019.09.15 ·
640 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

es6常用语法：变量的解构赋值

/*变量的解构赋值*/// var a = 1;// var b = 2;// var c = 3;// var a = 1, b = 2, c = 3;// 数组的结构赋值// let [a,b,c] = [1,2,3]; 1 2 3// let [a,b,c] = [,123,]; undefined 123 undefined// let [a=111,...
原创
发布博客 2019.09.15 ·
826 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

es6常用语法 : let和const

// 声明变量let和const// let 声明的变量不存在预解析// console.log(flag);// var flag = 123; undefined// let flag = 456; /*ReferenceError: flag is not defined*/// ------------------------// let声明的变量不允许...
原创
发布博客 2019.09.15 ·
1068 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏
加载更多