面试经典题 浏览器,html,css面试题1.https://blog.csdn.net/hrj970808/article/details/1096392691.从输入URL到页面加载的过程首先用户输入地址,浏览器把地址发送给DNS服务器,并找到域名对应的IP返回给浏览器,浏览器根据ip发送http请求,在发送请求之前会建立tcp三次握手,来保障数据传输的安全性,(ps:tcp三次握手 首先发送一个带有SYN的数据包告诉服务端 客户端可以发送数据,服务端再返回一个SYN/ACK的数据包来告诉客户端我可以接受并
vue结合 seamscorll.js实现自适应最大高度和滚动高度列表 // scrollList.vue<!--li的高度需要固定,不要用margin撑/--><template> <div class="scroll-list" :style="{'max-height':maxHeight + 'px'}"> <ul id="con1" ref="ul"> <li v-for='item in value' :key="item.id" ref="element"> &
js判断数据类型 const toString = Object.prototype.toString/** * Gets the `toStringTag` of `value`. * * @private * @param {*} value The value to query. * @returns {string} Returns the `toStringTag`. */const getTag = (value) => { if (value == null) { retur
基于vue3实现翻转卡片效果组件 //card.vue<template> <div class="card-3d" @click="eve_cardres_click" @mouseover="eve_cardres_msover" @mouseout="eve_cardres_msout" > <div class="card card-z" ref="cardz"> <slot name="cz"></slot>
Vue3 CompositionAPI 学习笔记(持续更新中) Vue3 CompositionAPI 学习笔记1.refref可以代理字符串、数字、boolean等基本类型值ref声明的值需要通过.value去改变例:import { ref } from 'vue'const refVal = ref(1)const add = () => { refVal.value++ //2}2.reactivereactive接受一个可代理的对象,但不能是字符串、数字、boolean等基本类型值reactive不需要通过.value去访
Vite2.0 + Vue3.0 搭建步骤 Vite2.0 + Vue3.0 搭建步骤npm init @vitejs/app or yarn create @vitejs/app安装路由 npm install vue-router@next -Simport { createRouter, createWebHistory } from 'vue-router'import defaultRoutes from './routes';const routes = defaultRoutes//不需要验证的路由const dis
css3背景和border渐变色写法(做记录,方便以后查看) css3背景和border渐变色写法(做记录,方便以后查看)<div id="box"> </div>css#box { height: 100px; position: relative; border: 7px solid transparent; border-radius: 16px; background: linear-gradient(180deg, #F85781 0%, #FFAFA8 82%); background-cli
vue实现微信授权 vue实现微信授权1.首先安装weixin-js-sdknpm install weixin-js-sdk2.新建helper.js//用于获取当前页面地址export const getFullPath = (route) => { return location.origin + route.fullPath.substr(1)}/** * 修改 Route query 数据 * @param {Object} route * @param {(Object|null)}
记录一下vue生成海报时遇到的坑 vue生成海报用的最多的应该是html2canvas(个人认为),但是坑很多,于是百度很久找到了另外一款插件dom-to-image,还是遇到了不少的坑,在这里记录一下1.一开始采用的是toPng方法 在安卓上没有问题 但是在ios上显示不出来ios改用toSvg 于是做了判断 代码如下toImage() { let node = this.$refs['shareThumb'] let u = navigator.userAgent;
Vue 去除query里的指定参数 包含无刷新更新页面参数 Vue 去除query里的指定参数一 新建editRouteQuery.js文件//共接收2个参数 route对象,参数对象 参数值需为nullexport const editRouteQuery = (route, query = null) => { const _old = route.query let _new = query if (query) { _new = Object.assign({}, _old, query) } for (let