不刷题就没有饭吃 - 个人主页动态 - 牛客网

发布(71) 评论刷题

2021-09-13 09:44

已编辑

武汉大学前端工程师

css画一个三角形,梯形,平行四边形

一 使用css简单的画一个三角形 1. 先来看看border的划分 .demo{ width:100px; height:100px; border:3px red solid; } 2. 当盒子的宽度为0会是什么样子呢 .demo{ width:0; height:0; border: 40px solid; border-color: red blue red blue; ...

0 点赞评论收藏

分享

2021-09-13 09:43

武汉大学前端工程师

css清除浮动的总结与 BFC

清除浮动 css使用了浮动 导致了父元素的塌陷问题 要是用清除浮动 父盒子塌陷了 <!DOCTYPE html> <html lang="en"> <head> <style> .container { background: red; } .box1 { float: left; width: 200px; height: 200px; background-colo...

0 点赞评论收藏

分享

2021-09-13 09:42

武汉大学前端工程师

2020前端面试终极点题-javascript这些都会问

2020面试javascript javascript的语言特点 单线程 解释性语言:解释一行执行一行 js执行的过程 语法分析 预解析 解释执行 预编译 关于预解析和执行期上下文,看完这个你就都会了 原型原型链 JavaScript的原型和原型链必备理解 作用域作用域链 作用域作用域链详解与常见考题 闭包 闭包详解传送门 立即执行函数 立即执行函数详解传送门 js中常用的数据类型有哪些？ js数据类型与类型判断 js中的数据类型分为基本类型和引用类型（对象类型） 基本类型：number null boolean string undefined symbol...

0 点赞评论收藏

分享

2021-09-13 09:42

武汉大学前端工程师

vuex从入门到实战多功能TodoList

1.vuex的核心盖概念 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。他可以方便实现组件之间的数据共享 1.1 state state 提供唯一的数据资源,所有的共享的数据都要统一放到store 中的state中进行存储 组件中访问state第一种方式: this.$store.state.全局数据名称 组件中访问state第二种方式: 1.从vuex中按需求导入mapState函数 import {mapState} from 'vue...

0 点赞评论收藏

分享

2021-09-13 09:42

已编辑

武汉大学前端工程师

事件冒泡与事件捕获及事件委托

1.事件冒泡 事件冒泡就是在点击父盒子里面的元素的时候先先触发了子元素的事件,后触发父盒子的事件 <div class="wrapper"> <div class="content"> <div class="box"></div> </div> </div> let wrapper = document.getElementsByClassName('wrapper')[0] let content = docu...

0 点赞评论收藏

分享

2021-09-13 09:41

武汉大学前端工程师

leetcode-斐波拉契数列(js)

认识斐波拉契数列 第n 个数由数列的前两个相加而来： f(n) = f(n - 1) + f(n -2),用代码实现斐波拉契数列,无非就是要考察递归的写法,但是,单纯使用递归,在严格要求时间复杂度和空间复杂度上是不可行的,因为他做了无数次无用的计算. 1, 1, 2, 3, 5, 8, 13, … 普通实现 (递归) 这种方式计算的时候会有很多重复的计算，而且递归的层数越来越深容易递归爆栈。 const fib = n => n <= 1 ? n :fib(n-1)+fib(n-2) console.log(fib(5)) 减少时间复杂度(闭包+递归) 通...

0 点赞评论收藏

分享

2021-09-13 09:41

武汉大学前端工程师

关于React Hooks使用

目录 1 为什么使用 React Hooks 2 详解 useState 3 useEffect的使用 3.1useEffect代替常用的生命周期函数 3.2 实现类似componentWillUnmount（组件将要被卸载时执行） 4 useContext的使用 5 useReducer的使用 5.1 useReducer时实现reducer 5.2 useReducer useContext实现redux的状态管理和状态共享 6. useMemo 7. useRef 8. ...

0 点赞评论收藏

分享

2021-09-13 09:41

已编辑

武汉大学前端工程师

LeetCode-两数之和(js+Map数据结构)

题目 给定一个整数数组 nums 和一个目标值 target，请你在该数组中找出和为目标值的那 两个 整数，并返回他们的数组下标。 实例: 给定 nums = [2, 7, 11, 15], target = 9 因为 nums[0] + nums[1] = 2 + 7 = 9 所以返回 [0, 1] 思路: 创建一-个map for循环遍历nums数组 用target减nums[i],以计算哪个数能跟当前的数字相加得到target 检查map里有没有用target减nums[i]得到的数,如果有则返回结果,如果没有则把num[i]当作key,i当作value放入...

0 点赞评论收藏

分享

2021-09-13 09:40

武汉大学前端工程师

LeetCode-无重复字符的最长子串(js+set数据结构)

题目 给定一个字符串，请你找出其中不含有重复字符的 最长子串 的长度。 实例 输入: “abcabcbb” 输出: 3 解释: 因为无重复字符的最长子串是 “abc”，所以其长度为 3。 输入: “bbbbb” 输出: 1 解释: 因为无重复字符的最长子串是 “b”，所以其长度为 1。 输入: “pwwkew” 输出: 3 解释: 因为无重复字符的最长子串是 “wke”，所以其长度为 3。 请注意，你的答案必须是 子串 的长度，“pwke” 是一个子序列，不是子串。 思路 创建一个set 两个指针(不要被这个名词吓到)第一个指向字符串的开头j,第二个随着for循环遍历...

0 点赞评论收藏

分享

2021-09-13 09:40

武汉大学前端工程师

TypeScript常用数据类型

前言 之前对TypeScript一直处于观望的角度,总是觉得自己工作的时候要用到再学吧,但是这几天经历确实给我上了一课,都0202年了,前端还不会TypeScript?受伤的是自己,于是,开干吧! 什么是TypeScript TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集，TypeScript 在 JavaScript 的基础上添加了可选的静态类型和基于类的面向对象编程。其实TypeScript就是相当于JavaScript的增强版，但是最后运行时还要编译成JavaScript。TypeScript最大的目的是让程序员更具创造性...

0 点赞评论收藏

分享

2021-09-13 09:40

已编辑

武汉大学前端工程师

vue常用特性

vue好文推荐 1. 表单操作 表单域修饰符 number：转化为数值 trim：去掉开始和结尾的空格 lazy：将input事件切换为change事件，可以设置input失去焦点的时候触发 <input type="text" v-model.number="number"> <input type="text" v-model.trim="trim"> <input type="text" v-model.lazy="msg&q...

0 点赞评论收藏

分享

2021-09-13 09:39

已编辑

武汉大学前端工程师

前端工程化时代

1. 前言 在ES6模块化规范诞生之前，Javascript社区已经尝试并提出了AMD、CMD、CommonJS 等模块化规范。 但是,这些社区提出的模块化标准,还是存在一定的差异性与局限性、并不是浏览器与服务器通用的模块化标准，例如: ● AMD和CMD适用于浏览器端的Javascript模块化 ● CommonJS适用于服务器端的Javascript模块化 因此，ES6语法规范中，在语言层面上定义了ES6模块化规范,是浏览器端与服务器端通用的模块化开发规范。 ES6模块化规范中定义: ● 每个js文件都是一个独立的模块 ● 导入模块成员使用import 关键字 ● 暴露模块成员使用exp...

0 点赞评论收藏

分享

2021-09-13 09:39

已编辑

武汉大学前端工程师

vue-router工作中常用基础

vue-router官方文档 router的使用 <div id="app"> <h1>Hello App!</h1> <p>    <router-link to="/foo">Go to Foo&l...

0 点赞评论收藏

分享

2021-09-13 09:38

已编辑

武汉大学前端工程师

vue面试知识点汇总

1. v-for 与v-if的优先级 显然v-for优先于v-i被解析(源码说的清楚) 如果同时出现，每次渲染都会先执行循环再判断条件，无论如何循环都不可避免，浪费了性能 要避免出现这种情况，则在外层嵌套template, 在这一层进行v-if判断, 然后在内部进行v-for循环 2. 组件之间的传值 三种组件的传值方式 2.1.1 父组件向子组件传值 1.父组件调用子组件的时候 绑定动态属性 <v-header :title="title"></v-header> 2.在子组件有props接收父组件传递过来的数据 3.可...

0 点赞评论收藏

分享

2021-09-13 09:38

武汉大学前端工程师

vuedraggable入门demo及属性方法学习

前言 Draggable为基于Sortable.js的vue组件，用以实现拖拽功能。拖顶的数据和data里的数据为双向绑定 ，在界面变的时候data中的数据也在跟着变化，插件的GitHub介绍地址 vuedraggable参数详解 安装 yarn add vuedraggable npm i -S vuedraggable 引入 import draggable from 'vuedraggable' 使用 <template> <div class="main"> 排序 <div> ...

0 点赞评论收藏

分享

关注他的用户也关注了：

牛客网
牛客企业服务