前端
flex布局属性简介
flex-direction:设置主轴的方向(即项目的排列方向)。
内有四个值:
row(默认值):主轴为水平方向,起点在左端。
row-reverse:主轴为水平方向,起点在右端。
column:主轴为垂直方向,起点在上沿
column-reverse:主轴为垂直方向,起点在下沿
justify-content:设置主轴上的子元素排列方式。
内有五个值:
fl
Vue接口调用方式(一)fetch用法
✍目录总览:
1. fetch概述
基本特性
fetch是传统ajax的升级版本,是原生js
更加简单的数据获取方式,功能更强大,更灵活,可以看作是xhr的升级版。
基于Promise实现
语法结构
fetch(url).thne(fn2)
.thne(fn3)
...
.then(fn)
2. fetch的基本用法
专高4-React面试题总结
React面试题
前端
1. 什么是React?
React是用于构建用户界面的JavaScript库 , 起源于Facebook的内部项目,该公司对市场上所有 JavaScript MVC框架都不满意,决定自行开发一套,用于架设自己的网站 ,React 不是一个 MVC 框架,仅仅是视图(V)层的库
2. 为什么虚拟 dom 会提高性能?
虚拟 dom 相当于在 js 和真实 dom 中间加了
vue-router笔记摘录认识
1.SPA单页面应用的理解
SPA(single-page application),翻译过来就是单页应用SPA是一种网络应用程序或网站的模型,它通过动态重写当前页面来与用户交互,这种方法避免了页面之间切换打断用户体验在单页应用中,所有必要的代码(HTML、JavaScript和CSS)都通过单个页面的加载而检索,或者根据需要(通常是为响应用户操作)动态装载适当的资源并添加到页面页面在任何时间
vue中基于iview封装支持搜索选中的Tree组件
1.实现效果
stree.gif
2.实现原理
2.1前端实现搜索过滤
indexOf:indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置,如果没有找到匹配的字符串则返回 -1。(区分大小写)
语法:string.indexOf(searchvalue,start)
eg:
var str="Hello world, welcome to the unive
CSS中空格的问题如何处理?教你三种方法
1、空格规则
HTML 代码的空格通常会被浏览器忽略。
<p> hello world </p>
上面是一行 HTML 代码,文字的前部、内部和后部各有两个空格。
浏览器的输出结果如下: hello world
可以看到,文字的前部和后部的空格都会忽略,内部的连续空格只会算作一个。这就是浏览器处理空格的基本规则。
如果希望空格原样输出,可以使用 <pre>
SVG 从入门到后悔,怎么不早点学起来(图解版)
本文简介
点赞 + 关注 + 收藏 = 学会了
作为一只前端,只懂 Vue、React 感觉已经和大家拉不开距离了。
可视化、机器学习等领域 JS 都有涉及到,而可视化方面已经被很多领域用到,比如大屏项目。
可视化领域相关的技术有 canvas 和 SVG ,而这两个东东是迟早要接触的了。
在我接触 SVG 之前,我觉得这是一个很高深的东西,有点恐惧。我第一次接触 SVG 是在 iconfo
如何从零到一建立前端规范
前言
不以规矩,不能成方圆。
本人有幸经历了团队从缺乏标准到逐渐规范的一个过程,在此当做记录供大家参考。
本文从为什么需要规范以及建立规范的重要性出发,逐步引申出如何去建立适合自己团队的规范,详细讨论了前端具体涉及到的规范都有哪些,部分小节有具体的配置步骤和操作链接。
文中涉及到的所有配置均放在github上的 Demo 中,觉得不错的点个赞 ❤️❤️❤️。
下面我们开始吧🏃。
为什么需要规范
规
