- 博客(6)
- 收藏
- 关注
RSS订阅原创 浏览器从输入链接到渲染页面的过程
一、导航，输入URLURL：统一资源定位符。http://www.baidu.com:8080/news/index.asp?id=5&page=1#r_701protocol://hostname[:port]/path/[parameters][?query]#fragmentprotocol（协议）：http/httpshostname（计算机名+域名）：是指存放资源的服务器的域名系统(DNS) 主机名或 IP 地址。port（端口号）path（路径）：由零或多个“/”符号隔开
2021-09-28 00:48:36
195
原创 grid 网格布局
什么是网格？网格是一组相交的水平线和垂直线，它定义了网格的列和行。我们可以将网格元素放置在与这些行和列相关的位置上。CSS网格布局具有以下特点：固定的位置和弹性的轨道的大小你可以使用固定的轨道尺寸创建网格，比如使用像素单位。你也可以使用比如百分比或者专门为此目的创建的新单位 fr来创建有弹性尺寸的网格。元素位置你可以使用行号、行名或者标定一个网格区域来精确定位元素。网格同时还使用一种算法来控制未给出明确网格位置的元素。创建额外的轨道来包含元素可以使用网格布局定义一个显式网格，但是根
2021-08-24 02:37:52
1289
原创 react函数组件和类组件的区别,Hooks的出现
react函数组件和类组件的区别函数组件：import React from 'react'const Welcome = (props) => { return <h1>welcome, {props.name}</h1>}export default Welcome类组件：import React from 'react'class Welcome extends React.Component { constructor(props) {
2021-06-29 15:47:15
1599
原创 vue $nextTick方法 数据更新获取dom
业务场景1.使用固定定位在顶部写了内容盒，下方用padding撑开空间，下方点击添加向上方盒子中添加内容，盒子的大小随内容增加改变，这就要求下方的盒子padding大小要随上方盒子的大小动态改变2.处理方案。在watch中监听盒子中数据变化，数据改变，调用获取盒子高度的方法，将高度值赋值给padding。以为这就完成了？没这么简单。你会发现只有下次点击时当前高度才会被附上，应为我们执行代码的...
2019-09-03 15:36:30
948
原创 阿里云播放器 aliplayer 封装的vue插件
<template> <!-- :style='playStyle' --> <div class='prism-player' :id='playerId'></div></template><script> export default { name: 'Aliplayer', props...
2019-06-01 16:15:54
2700
2
转载 vuecli3 prerender-spa-plugin配置 seo优化 预渲染
前言：使用vue-cli打包项目一般为spa项目，众所周知单页面应用不利于SEO，有ssr和预渲染两种解决方案，这里我们只讨论预渲染vue-cli3.0版本3.0的cli看上去简洁多了，去掉了2.0 build和config等目录，那我们怎么去修改webpack的配置呢？在根目录下创建vue.config.js，进行你的配置。1.安装npm install prerender-spa-p...
2019-04-11 16:32:22
1097
5
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人