algor1234567-优快云博客

转载 JS实现斐波那契数列的几种方法

斐波那契数列指的是这样一个数列：1、1、2、3、5、8、13、21、34、…… 前两项为1，从第三项起，每一项等于前两项的和，即F(1)=1，F(2)=1, F(n)=F(n-1)+F(n-2)（n>=3，n∈N*）请用JS实现：输入斐波那契数列的项数，输出该项的值方法1：递归 function fibonacci(n){ 　　if(n==1||n==2){ 　...

2019-08-16 10:49:00 2326

转载常用git命令总结

git专有名词： Workspace：工作区 Index / Stage：暂存区 Repository：仓库区（或本地仓库） Remote：远程仓库分支操作： git branch : 列出本地所有分支 git branch -r : 列出远程所有分支 git branch <branchname> : 新建一个分支，但是不切换到该分支 git c...

2019-08-15 15:27:00 187

转载 CSS选择器有哪些？选择器的优先级如何排序？

CSS选择器分类：　　CSS的选择器分类可以分为三大类：id选择器，类选择器，标签选择器。用法如下：选择器 e.g. 说明 id选择器 #id #header 选择id="header"的所有元素类选择器 .class .message 选择class="message"的所有元素标签选择器 el ...

2019-08-01 15:51:00 532

转载 Babel配置中的presets、plugins、各个阶段stage的含义

什么是Babel Babel 官方文档: https://babeljs.io/ Babel中文文档：https://www.babeljs.cn/ 我们知道各个浏览器对JavaScript版本的支持各不相同，很多新的语法无法直接在浏览器中运行，为了解决这个“沟通不畅”的问题，所以就有了Babel，Babel主要用于将 ECMAScript 2015+ 版本的代码转换为向...

2019-07-29 17:30:00 1799

转载在React中使用WebUploader实现大文件分片上传的踩坑日记！

前段时间公司项目有个大文件分片上传的需求，项目是用React写的，大文件分片上传这个功能使用了WebUploader这个组件。具体交互是： 1. 点击上传文件button后出现弹窗，弹窗内有选择文件和开始上传button。 2. 每个文件显示序号、文件名、进度条、上传操作按钮（开始/暂停、删除）。 3. 选择好文件之后点击开始上传，文件按照顺序自动从第一个开始上传。 4. 期...

2019-07-26 19:04:00 1523

转载 JS将扁平化的数据处理成Tree结构

let jsonData= [ 　　{ id:1, parentId:0, name:"一级菜单A" }, 　　{ id:2, parentId:0, name:"一级菜单B"}, 　　{ id:3, parentId:0, name:"一级菜单C"}, 　　{ id:4, parentId:1, name:"二级菜单A-A"}, 　　{ id:5, parentId:1, ...

2019-07-16 16:31:00 834

转载 css实现表单label文字两端对齐

如图，在我们写页面的时候，经常遇到这种的情况，而需求是想让label文字两端对齐，我们来看看如何用css解决 /**css代码**/ 　　ul li{ 　　　　list-style: none; 　　} 　　.info-item label{ 　　　　display: inline-block; 　　　　width: 80px; 　　　　height:30px;...

2019-07-15 17:31:00 1305

转载 Vue 路由&组件懒加载（按需加载）

当打包构建应用时，Javascript 包会变得非常大，影响页面加载速度。使用Vue路由懒加载和组件懒加载可以提升页面加载速度，减少白屏时间，提升用户体验。用法有如下三种：（路由懒加载与组件懒加载用法相同） 1. Vue异步组件技术 import Vue from 'vue'import Router from 'vue-router'Vue.use(Router)expor...

2019-07-10 17:23:00 253

转载前端性能优化

前端性能优化这一方面几乎成为现在面试的必考题。性能优化的目的在于让页面加载的速度更快，用户操作响应更及时，为用户带来更好的体验。前端性能优化其实涉及到的方面有很多，我们来一起探讨一下常见的性能优化有哪些呢？ 1. 减少http请求。　　这个策略是最重要的也是最有效的。页面的加载最耗时的往往不是js的加载和执行，而是每次与后端服务器建立链接、发送数据、等待响应、接收数据这一...

2019-07-09 17:29:00 107

转载双向绑定Proxy VS Object.defineProperty

Vue3.0的双向绑定将使用Proxy代替Object.defineProperty，据尤大说，速度提升了1倍。本文我们来探讨一下Proxy对比Object.defineProperty究竟有哪些优劣呢？首先介绍一下什么是Proxy？ Proxy在ES6规范中被正式发布，Proxy可以理解成在目标对象之前架设一层“拦截”，外界对该对象的访问，都必须先通过这层拦截，因此...

2019-07-09 11:16:00 176

转载教你如何用Vue自己实现一个message插件

今天我们来自己动手用实现一个message插件：　　Vue.js 的插件应该暴露一个install方法。这个方法的第一个参数是Vue构造器，第二个参数是一个可选的选项对象： //message.vue<template> <transition name="msg-fade"> <div class="messa...

2019-07-05 18:00:00 1021

转载 JS获取最近三个月日期范围

function getLast3Month() { var now = new Date(); var year = now.getFullYear(); var month = now.getMonth() + 1;//0-11表示1-12月 var day = now.getDate(); var dateObj = {}; ...

2019-07-04 18:10:00 1370

转载 Vue开发中的常用技巧（持续更新）

1. 监听子组件的生命周期例如有父组件Parent和子组件Child，如果父组件监听到子组件挂载mounted就做一些逻辑处理，常规写法可能如下： // Parent.vue <Child @mounted="doSth" /> //Child.vue mounted(){ 　　this.$emit('mounted'); } 这里提供一种简便...

2019-07-01 17:26:00 258

转载前端开发中的一些tips(持续更新)

本文记录分享一些在日常开发中经常遇到的一些问题的解决方案及常用小技巧，如有错误之处还请批评指正。CSS相关：1.如何修改chrome记住密码后自动填充表单的黄色背景？ input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background-color: #FFF;...

2019-07-01 16:35:00 506

algor1234567的博客