qq_35413855的博客

原创 IE8文件下载

兼容IE8的文件下载

原创 前端跨域解决方法整理

前言跨域行为描述： 跨域发生的位置不是服务端，而是浏览器的一种行为解决方式1、方式一res.setHeader('Access-Control-Allow-Origin','http://localhost:3000')2、方式二（关于预检请求）if (method == "OPTIONS" && url == "/api/users") { res.setHeader('Access-Control-Allow-Credentials'.

原创 神马网站整理

VueReact工具：

原创 vue项目部署优化问题

前言使用vue、react、angular等技术开发过程中，我们都会遇到以下问题： 首屏加载慢（这个单页面原因引起的，如果真的很在乎，可以考虑服务端渲染） 每一次更新都需要清除浏览器缓存才能看到效果(经常被测试吐槽) 这两个问题可以从很多方面进行优化，今天我就从前端页面部署阶段来优化一下这两个问题。PS：以下内容都基于vue-cli3+。前端页面文件缓存方案从vue-cli3打包说起路由使用按需加载后，打包生成的文件，每一个路由页面都对应一个js和css文件，入口mai.

原创 Typescript 知识点总结之对象类型接口、数组类型、函数类型

一.在 TypeScript 中，我们使用接口（Interfaces）来定义对象的类型。2.什么是接口在面向对象语言中，接口（Interfaces）是一个很重要的概念，它是对行为的抽象，而具体如何行动需要由类（classes）去实现（implement）。TypeScript 中的接口是一个非常灵活的概念，除了可用于对类的一部分行为进行抽象以外，也常用于对「对象的形状（Shape）」进行描述简单的例子interface Person { name: string; ..

原创 Typescript 知识点总结之数据类型

s

原创 Typescript 知识点总结之进阶

1.类型的注解和类型检查letname="xx";//类型推论lettitle:string="xxxx";//类型的注解和类型检查//数组使用类型letnames:string[];names=['Tom'];//或Array<string>letfoo:any='xx';foo=3//any类型也可以用于数组...

原创 vue知识点总结之项目单元测试

啊啊

原创 vue知识点总结之http单例封装和公共api配置

import axios from "axios";import { MessageBox, Message } from "element-ui";import store from "@/store";import { getToken } from "@/utils/auth";// 1. 创建axios实例const service = axios.create({ // url基础地址，解决不同数据源url变化问题 // api/xxx baseURL: proc.

原创 Vue知识点总结之权限设计

permision.js// 做全局路由import router from "./router";import store from "./store";import { getToken } from "@/utils/auth"; // 从cookie获取令牌const whiteList = ["/login"];router.beforeEach(async (to, from, next) => { const hasToken = getToken(); .

原创 vue 知识点总结插件minxin

render函数详解一些场景中需要 JavaScript 的完全编程的能力，这时可以⽤用渲染函数，它比模板更接近编译器。// <div id="box" class="foo"><span>aaa</span></div>Vue.component("comp", { // template:'<div id="box" class="foo"><span>aaa</span></div>', （不

原创 vue 源码分析一

初始化在new Vue()时会调用_init()进行初始化，会初始化各种实例方法、全局方法、执行⼀一些⽣命周期、初始化props、data等状态。其中最重要的是data的「响应化」处理。初始化之后调用$mount挂载组件，主要执行编译和首次更新编译编译模块分为三个阶段1. parse：使用正则解析template中的vue的指令(v-xxx) 变量等形成抽象语法树AST2. optimize：标记一些静态节点，用作后面的性能优化，在diff的时候直接略略过3. generate：..

原创 vue 动态路由扩展应用 和 路由源码解读

动态路由利⽤用$router.addRoutes()可以实现动态路路由添加，常⽤用于⽤用户权限控制。// router.js// 返回数据可能是这样的//[{ // path: "/", //name: "home", // component: "Home", //Home//}]// 异步获取路路由api.getRoutes().then(routes => { const routeConfig = routes.map(rou

原创 vue之自定义一Tree组件编写

1.实现注意事项递归组件是可以在它们⾃自⼰己模板中调⽤用⾃自身的组件// Node.vue<template> <div> <h3>{{data.title}}</h3> <!-- 必须有结束条件 --> <Nodev-for="d in data.children":key="d.id":data="d"></Node> </div></template><s.

原创 vue之自定义一弹窗组件编写

1.样式就先不写了，各位同志自己来吧2.创建creat.js文件，创建弹窗的方法// 创建指定组件实例并挂载于body上import Vue from 'vue';export default function create(Component, props) { // 0. 先创建vue实例 const vm = new Vue({ render(h) { // render方法提供给我们一个h函数，它可以渲染VNode（虚拟do..

原创 vue之自定义一表单组件编写

1.input自定义组件要实现双向绑定（v-model）这个语法糖得需要实现这俩个东东：@input、:value派发效验事件<template> <div> <input :value="value" @input="onInput" v-bind="$attrs"> //v-bind="$attrs" 结构父组件传来的除props之外的属性 </div></template>&l

原创 vue 知识点总结之组件通信、插槽

1.组件传值、通信属性props// childprops: { msg: String }// parent<HelloWorld msg="Welcome to Your Vue.js App"/>引用refs// parent<HelloWorld ref="hw"/>this.$refs.hw.xx = 'xxx'子组件chidren// parentthis.$children[0].xx = 'xxx'子组件 =>

原创 前端仔需要的linux目录说明

常见目录/bin 存放⼆二进制可执⾏行行⽂文件(ls,cat,mkdir等)，常⽤用命令⼀一般都在这⾥里里。 /etc 存放系统管理理和配置⽂文件 /home 存放所有⽤用户文件的根⽬目录，是⽤用户主⽬目录的基点，⽐比如⽤用户user的主⽬目录就是/home/user，可以用~user表示 /usr ⽤用于存放系统应⽤用程序，⽐比较重要的⽬目录/usr/local 本地系统管理理员软件安装⽬目录（安装系统级的应⽤用）。这是最庞⼤大的⽬目录，要⽤用到..

原创 Linux 虚拟机环境搭建centos-windows

1.下载vmwareworkstationpro网址：https://www.vmware.com/cn.html 注册一个vmware.com的用户 下载vmwareworkstationpro2.下载centos安装盘镜像centos官网：https://www.centos.org 光盘镜像下载网址：https://www.centos.org/download 在下载页面点击 DVD ISO按钮，这个是带图形的界面的版本，minimal ISO是纯服务器版本...

原创 VI/VIM键盘图

原创 前端全栈工程师这些点你都掌握了吗？少年你还等什么

原创 Windows10中使用docker遇到的问题

1.Error response from daemon: pull access denied for ubantu, repository does not exist or may requirelogin in在使用cmd执行命令docker pull ubuntu报的上诉错误。解决方案:安装docker下载tollbox注册了id账号，docker成功启动了以后右击 sigin in这个问题就解决了记得重新启动cmd以管理员的身份启动...

原创 Windows 下安装docker 并解决 docker is starting 问题

1.win10 需要开启 Hyper-V。2.在程序和功能中开启服务Server (不开启的话，安装完会报错)3.安装toolbox 最新版 Toolbox下载地址： 访问https://www.docker.com/get-started，注册一个账号，然后登录。点击Get started with Docker Desktop，并下载 Windows 的版本，如果你还没有登录，会要求注册登录：4.镜像加速，百度吧，有很多教程5.重点是解决docker is s...

原创 windows 下使用nginx配置 https服务（使用工具openSSL）

windows 下使用nginx配置 https服务（使用工具openSSL）前言：这里附上博主的连接（曾经测试过的时候博主的文章老是无法打开，所以这里重写一下以防万一，哈哈哈，感谢博主）一、安装OpenSSL先到http://slproweb.com/products/Win32OpenSSL.html去下载OpenSSL（根据系统选择32位或者64位版本下载安装）。 然后安装在C:\OpenSSL-Win64下。（目录当然随意了）然后配置环境变量。在系统环境变量中添加...

原创 vue.config.js配置详解

constpath=require("path");functionresolve(dir){returnpath.join(__dirname,dir);}constport=8080;//端口号constIS_PRODUCTION=process.env.NODE_ENV=="production";//正式环境constCompressionPlugin=require("compression-webpack-plugin"...

原创 javascript二三事

1. 移动端做轮播时滑屏效果，不使用改变left的值，而使用 transform 是为了避免改变left值的时候引起的回流问题。

原创 关于css二三事

1. border-radius： 在移动端最好不要给他百分比 部分手机不支持。

原创 关于html二三事

1. 在HTML的document中所有标签都可以获取，包括.

原创 http状态码

HTTP状态码当浏览者访问一个网页时，浏览者的浏览器会向网页所在服务器发出请求。当浏览器接收并显示网页前，此网页所在的服务器会返回一个包含HTTP状态码的信息头（server header）用以响应浏览器的请求。HTTP状态码的英文为HTTP Status Code。下面是常见的HTTP状态码：200 - 请求成功301 - 资源（网页等）被永久转移到其它U

原创 基于rem的移动端布局注意事项

//获取像素比 var pixelRatio = 1 / window.devicePixelRatio; //通过js动态设置视口(viewport) document.write(''); // 条件：尺寸越大，则字体大小越大。尺寸越小，则字体大小越小。 // 获取html节点 var html = document.ge