web前端
一起学前端
小恶魔O
这个作者很懒,什么都没留下…
展开
-
前端性能优化
一、一次完整页面请求所发生的的事情过程:1.url解析地址解析和编码HSTS缓存解析2.DNS域名解析先进行本地DNS服务器解析,递归解析:如果本地解析不到,再去域名服务器解析,迭代解析:3.TCP三次握手建立连接:4. 发送HTTP请求,服务器处理请求,返回响应结果5.TCP四次挥手断开连接5.浏览器渲染二、前端性能优化前端性能优化主要从上述...原创 2020-03-31 12:15:46 · 290 阅读 · 0 评论 -
剑指offer(js版) 07 --- 斐波那契数列
题目大家都知道斐波那契数列,现在要求输入一个整数n,请你输出斐波那契数列的第n项(从0开始,第0项为0)。n<=39思路我使用的是循环代码function Fibonacci(n){ // write code here if(n<=1){ return n; }else{ var f0=0,f1=1,f2;...原创 2019-12-18 15:08:04 · 215 阅读 · 0 评论 -
剑指offer(js版) 06 --- 旋转数组的最小数字
题目把一个数组最开始的若干个元素搬到数组的末尾,我们称之为数组的旋转。输入一个非递减排序的数组的一个旋转,输出旋转数组的最小元素。例如数组{3,4,5,1,2}为{1,2,3,4,5}的一个旋转,该数组的最小值为1。NOTE:给出的所有元素都大于0,若数组大小为0,请返回0。思路非递减数组 有三种情况:递增 1 2 3 4 5递增,有重复 0 1 1 2 3先增后...原创 2019-12-18 14:35:03 · 197 阅读 · 0 评论 -
剑指offer(js版本) 05 --- 用两个栈实现队列
题目用两个栈来实现一个队列,完成队列的Push和Pop操作。 队列中的元素为int类型。思路栈是后进先出,队列是先进先出,那么我们使用两个栈模仿队列的话就可以一个push,一个pop代码const instack=[],outstack=[]function push(node){ // write code here instack.push(nod...原创 2019-12-17 14:50:04 · 185 阅读 · 0 评论 -
剑指offer(js版) 04 --- 重建二叉树
题目:输入某二叉树的前序遍历和中序遍历的结果,请重建出该二叉树。假设输入的前序遍历和中序遍历的结果中都不含重复的数字。例如输入前序遍历序列{1,2,4,7,3,5,6,8}和中序遍历序列{4,7,2,1,5,3,8,6},则重建二叉树并返回。思路:关于二叉树:前序遍历:根左右中序遍历:左根右后序遍历:左右根解题思路确定根,确定左子树,确定右子树在左子树递归在右子树递归...原创 2019-12-16 16:42:30 · 138 阅读 · 0 评论 -
剑指offer(javaScript版) 03 --从尾到头打印链表
题目:输入一个链表,按链表从尾到头的顺序返回一个ArrayList。思路链表从尾到头范围一个ArrayList,我们定义一个空数组,向数组里添加head的每一项,添加方式有两种:unshift 向数组头部添加push 向数组尾部添加那么我们若想从尾到头添加,unshift只需要返回res,push返回res.reserve()代码/*function ListNode...原创 2019-12-16 13:20:24 · 205 阅读 · 0 评论 -
剑指offer(javaScript版) 02 -- 替换空格
题目描述请实现一个函数,将一个字符串中的每个空格替换成“%20”。例如,当字符串为We Are Happy.则经过替换之后的字符串为We%20Are%20Happy。思路使用javascript的正则表达式,替换空格为%20,\s 表示空格 ,/g为全局匹配代码function replaceSpace(str){ // write code here re...原创 2019-12-13 12:01:00 · 142 阅读 · 0 评论 -
剑指offer(javascript版) 01 --- 二维数组中的查找
题目描述在一个二维数组中(每个一维数组的长度相同),每一行都按照从左到右递增的顺序排序,每一列都按照从上到下递增的顺序排序。请完成一个函数,输入这样的一个二维数组和一个整数,判断数组中是否含有该整数。思路这个二维数组,从上到下,从左到右递增,也就是说,每个位置上的数都满足:左边,上边比它小,右边下边比它大,这样的话我们就可以从左下角开始,将左下角数字与目标数字做比较,如果比目标数字大...原创 2019-12-13 11:55:25 · 125 阅读 · 0 评论 -
MUI的使用方法:
MUI:类似于bootstrapt的代码片段,和bootstrap使用方法类似官方文档Github地址下载github内容至本地,dist文件可以直接引入,examples中是例子,可以参考。将dist中的内容放到项目中,在入口文件中引入// 导入 MUI 的样式表, 和 Bootstrap 用法没有差别import './lib/mui/css/mui.min.css'...原创 2019-10-24 14:06:12 · 4105 阅读 · 0 评论 -
在webpack中使用vue-router及路有嵌套
1、安装及导入安装vue-router 包cnpm i vue-router -S如果在模块化工程中,使用它,必须要通过Vue.use()明确地安装路由功能import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter)//如果使用全局的script标签,则无须如此(手动安装)2、结合webpa...原创 2019-10-23 10:18:04 · 189 阅读 · 0 评论 -
Vue 中 watch 属性,computed 计算属性以及 method 属性的区别
如果我们要实现这一一个功能:想要实现 名 和 姓 两个文本框的内容改变,则全名的文本框中的值也跟着改变;1、使用method方法是实现:通过数据双向绑定绑定数据,通过keyup(键盘抬起)绑定函数,实现功能<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &l...原创 2019-09-27 15:33:23 · 322 阅读 · 0 评论 -
three.js总结
更多内容,见个人博客一、three.js简介three.js,即three + js 。three代表3D的意思,js代表JavaScript的意思。也就说:three.js是使用JavaScript来写3D程序的意思。二、项目需要这个项目要实现的是在大屏上对人脸识别过程进行数据可视化展示,我们通过一些代码,更形象的展示,让人们能够直观的看到这一过程,更容易理解。三、入门创建一个场景...原创 2019-08-30 21:09:29 · 442 阅读 · 0 评论