- 博客(22)
- 收藏
- 关注
RSS订阅原创 vue 动态加载component
<template><div><div>9999</div><div v-for="(comp,i) in portalTemplateList" :key="i"><component class="item" :is="comp" ></component></div><...
2020-04-27 18:40:33
1083
原创 vue 全局组件
//main.jsimport components from './components'Vue.use(components)//src/components/index.jsimport loading from './loading'import model from './model'import headerTop from './headerTop'imp...
2020-04-27 18:27:58
405
原创 react异步加载组件
异步加载组件就是为了解决初始化页面加载慢，这个时候我们应该将代码进行分割，按需加载。一、利用import() 编写 asyncComponent.jses6提供import()函数，它是运行时执行，也就是说，什么时候运行到这一句，就会加载指定的模块。import()返回一个 Promise 对象asyncComponent.jsimport React, { Component } ...
2020-01-15 15:59:33
1040
原创 懒加载 懒加载
懒加载也就是延迟加载。具体表现为：当访问一个页面的时候，先把img元素或是其他元素的背景图片路径替换成一张占位图的路径，这样就只需请求一次，只有当图片出现在浏览器的可视区域内时，才设置图片正真的路径，让图片显示出来。好处：很多页面，内容很丰富，页面很长，图片较多。比如瀑布流，图片数量多且大，如果一次性加载完毕，用户等待时间过长。 懒加载页面加载速度快、可以减轻服务器的压力、节约了流...
2019-12-17 10:54:19
2797
原创 跨域解决方案
跨域是个比较古老的命题了，历史上跨域的实现手段有很多，我们现在主要介绍三种比较主流的跨域方案，其余的方案我们就不深入讨论了，因为使用场景很少，也没必要记这么多奇技淫巧。最经典的跨域方案jsonpjsonp本质上是一个Hack，它利用<script>标签不受同源策略限制的特性进行跨域操作。jsonp优点：实现简单 兼容性非常好jsonp的缺点：只支持get请求...
2019-12-17 10:24:03
514
原创 Jenkins +nginx 搭建前端构建环境
前期准备liunx 基本命令 git 基本命令 nginx jenkins工具github 账号和项目 git centos 服务器坐稳啦！ 要发车啦！首先登录你远程服务器地址输入远程服务器地址ssh 用户名@远程服务器 ip 地址复制代码首次登录有提示信息 输入 yes 就好了登录成功！安装nginxyum ins...
2019-12-17 10:08:30
587
1
原创 react router5实现keep-alive 切换页面滚动条位置不变
安装npm install react-router-cache-route --save# oryarn add react-router-cache-route使用方法使用CacheRoute替换Route使用CacheSwitch替换Switch（因为Switch组件只保留第一个匹配状态的路由，卸载掉其他路由）import React fro...
2019-12-06 17:37:33
2360
原创 Promise Generator Async/await
一、Promise 对象之前，异步编程的方法，大概有下面四种：回调函数、事件监听、发布/订阅、Promise 对象回调函数本身并没有问题，它的问题出现在多个回调函数嵌套。不难想象，如果依次读取两个以上的文件，就会出现多重嵌套。代码不是纵向发展，而是横向发展，很快就会乱成一团，无法管理。因为多个异步操作形成了强耦合，只要有一个操作需要修改，它的上层回调函数和下层回调函数，可能都要跟着修改。这种...
2019-11-26 16:15:07
108
原创 vue .sync
其实就是在一些特殊情况下（例如分页组件）父子组件“双向绑定时”用到，并且是一个语法糖。我们在传递一个属性到子组件时，正常情况下，子组件不能直接修改这个属性，修改了控制台会发出警告，这个vue的单项数据流原则，为了就是维护的问题，如果其他子组件也用到了这个属性，就会带来不必要的麻烦，但是在一些特殊情况下，比如分页组件，我们需要将父组件传来的值修改并回传给父组件，这时候我们正常思路是，在子组件使用...
2019-11-26 15:45:53
73
原创 一维数组变多维数组
1.双层filter过滤第一层 item 定义为father newArr接收第一层过滤出最顶层数组判断 branchArr的长度 存在father.children=branchArr 否则为空return father.pid === 0第二层 item 定义为child branchArr接收里层 判断pid是否存在（没有子集的pid为0）存在返回 father ID...
2019-11-26 14:49:11
593
原创 vue的mixins的使用
mixins就是混入。一个混入对象可以包含任意组件选项。同一个生命周期，混入对象会比组件的先执行。1.创建一个test.js，用export暴露出mixins对象export const mixinsTest = { methods:{ hello(){ console.log("hello"); ...
2019-11-21 10:59:28
138
原创 react @connect
import React from 'react';import { connect } from 'react-redux'import {add_A,rem_R,addAsync} from './index.redux.js'/**没使用@conncet注解方式之前的实现 * 接收store赋值给组件内部的props * const mapStatetoProps = (st...
2019-11-20 13:37:30
4313
原创 VUE 爬坑之旅 -- 用 ES6 语法写一个工具类，并全局引用
在我前面的有一篇文章里有说过怎么引入外部的 JS 文件，详情见VUE 爬坑之旅– 如何对公共JS，CSS进行统一管理，全局调用。这里所说的外部 JS 文件指的是用 ES6 之前的老语法编写的各种 JS 代码，这种 JS 文件可以用我上面那篇文章里面的方法引入，使用方法跟以前一样。但是现在是新的时代，还是用以前的老东西未免有点过时了，而且很多以前的那种 JS 文件其实都是要依赖 JQu...
2019-11-15 16:58:22
304
原创 深度遍历,广度遍历
// 深度遍历function interator(node) {console.log(node);if (node.children.length) {for (var i = 0; i < node.children.length; i++) {interator(node.children[i]);...
2019-11-15 16:54:15
104
原创 javascript中apply、call和bind的区别
javascript中apply、call和bind的区别在JS中，这三者都是用来改变函数的this对象的指向的，他们有什么样的区别呢。在说区别之前还是先总结一下三者的相似之处：1、都是用来改变函数的this对象的指向的。2、第一个参数都是this要指向的对象。3、都可以利用后续参数传参。那么他们的区别在哪里的，先看一个例子。 v...
2019-11-15 16:53:11
69
原创 网络安全
一，CSRF 跨站请求伪造1.攻击原理：用户用账号、密码登录网站A > 网站A下发cookie > 用户访问网站B 时，被引诱点击了某个链接，进入了网站A2.防御措施： Token 验证，在正确的页面登录的时候附带一个Token Referer 页面来源验证 隐藏令牌，将令牌隐藏在http head 头中，而不会放在链接上 ...
2019-11-15 16:52:29
257
原创 算法
一，排序1.冒泡let ary=[3,1,4,6,5,2,0,7];let len=ary.length;for(let i=0;i<len-1;i++){ for(let j=i+1;j<len;j++){ if(ary[i]>ary[j]){ [ary[i],ary[j]]=[ary[...
2019-11-15 16:51:12
103
原创 线程
一，浏览器至少有三个线程：js 引擎线程、GUI 渲染线程、浏览器事件触发线程二，浏览器运行原理： 浏览器永远只有一个js 线程运行js 程序 js引擎线程 和GUI 渲染线程是互斥的，js 引擎在运行时，GUI 渲染线程被挂起，等到js 空闲后，GUI渲染线程再运行 事件触发线程的事件来自js 引擎执行的代码块，如setTimeOut，ajax，鼠标...
2019-11-15 16:49:56
69
原创 HTTP 协议
HTTP 协议主要特点1.无连接：连接一次就会断掉，不会一直保持连接2.无状态：单从HTTP 协议，服务端无法区分请求发起者的状态3.简单快速：每个资源的URI 都是固定的，4.灵活：一个HTTP 协议可以进行不同数据类型的传输HTTP 报文：请求报文，响应报文一，请求报文：请求行，请求头，空行，请求体1.请求行1.1...
2019-11-15 16:46:11
150
原创 vue 插槽
什么是插槽？插槽就是子组件中的提供给父组件使用的一个占位符，用<slot></slot> 表示，父组件可以在这个占位符中填充任何模板代码，如 HTML、组件等，填充的内容会替换子组件的<slot></slot>标签。如下代码：1. 在子组件中放一个占位符2.在父组件中给这个占位符填充内容：3.展示的效果...
2019-11-15 16:42:18
86
原创 react 基础知识整理
一.React目录结构React创建组件、 ReactJSX语法、 React绑定数据 React绑定对象 、React绑定属性( 绑定class绑定style 图片)manifest.json 文件简介：https://lavas.baidu.com/mip/doc/engage-retain-users/add-t...
2019-11-15 16:38:09
125
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人