干了这碗前端酒
文章平均质量分 56
YanzYan
这个作者很懒,什么都没留下…
展开
-
vue表格实现一个简单的合并单元格功能
需要后端的数据将相同id的放在一起 否则也会有问题。用的是vue2+ant-design-vue。但是vue3或者element-ui也是同理。原创 2023-06-28 10:39:58 · 1872 阅读 · 0 评论 -
nginx配置反向代理
先说下整个事情的背景:总的来说就是前端在开发阶段调用后端接口时存在跨域问题。1. nginx配置反向代理2. vue-cli脚手架配置devServer中的proxy原创 2022-06-13 15:30:50 · 6888 阅读 · 0 评论 -
vue3使用babel-plugin-import按需引入element-plus
vue3使用babel-plugin-import按需引入element-plus项目目前使用的版本"element-plus": "^2.1.4","vue": "^3.0.0",安装babel的插件:npm install babel-plugin-import -D配置babel.config.jsmodule.exports = { plugins: [ [ 'import', { libraryName: 'elemen原创 2022-03-21 14:28:11 · 3060 阅读 · 7 评论 -
如何在vue3+ts中使用screenfull插件&如何在vue3的setup中获取页面元素ref
npm i screenfull@4.2.0 -Dvue文件中<template> <div> <el-button @click="isScreenFull" size="mini">全屏</el-button> </div></template><script lang="ts"> import screenfull from 'screenfull' export default原创 2021-11-11 15:45:30 · 860 阅读 · 0 评论 -
两个tab页共用一个el-pagination组件 当tab切换时 总页数不足内容显示错误
问题描述当两个tab页共用一个el-pagination分页组件时,假如tab1页面共2页,而tab2页面仅一页,从tab1的第二页切换到tab2时,显示无数据,但tab2分页插件显示当前页为1;解决办法current-page属性使用.sync 修饰符<el-pagination ... :current-page.sync="pageNo"></el-pagination>页面中新增一个tab切换标识let toggleTabFlag = false原创 2021-10-15 16:17:50 · 1250 阅读 · 0 评论 -
前端面试之webpack和babel
webpackwebpack已是前端打包构建的不二选择每日必用,面试必考成熟的工具,重点在于配置和使用,原理并不高优(只在开发环境使用,线上不用)讲解范围基本配置高级配置优化打包效率优化产出代码构建流程概述babelwebpack面试题前端代码为何要进行构建和打包module chunk bundle分别什么意思,有何区别loader和plugin的区别webpack如何实现懒加载webpack常见性能优化babel-runtime和babel-polyfill的原创 2021-09-25 12:18:13 · 484 阅读 · 0 评论 -
前端面试之http
排版可能会有点乱 后期会再整理一版既然是http的专题,那么首先要知道什么是http?http是超文本传输协议(hypertext transfer prototal)!是客户端和服务器端互相通信时必须遵守的协议。HTTP协议是应用层协议,底层是基于TCP协议。默认是用80端口。tips:TCP/IP协议(协议群的统称),计算机网络分层(五层) 应用层http - 传输层tcp/udp - 网络层IP - 数据链路层 - 物理层。可通过以下链接了解详细信息(了解即可):https://blog.cs原创 2021-08-12 16:34:22 · 380 阅读 · 0 评论 -
浏览器渲染原理
浏览器的组成浏览器主要由7个部分组成:用户界面(User Interface)、浏览器引擎(Browser engine)、渲染引擎(Rendering engine)、网络(Networking)、Javascript解释器(JavaScript Interpreter)、用户界面后端(UI Backend)、数据持久化(Data Persistence)。图中箭头表示调用相关模块的接口关...原创 2020-03-19 15:35:53 · 260 阅读 · 0 评论 -
记录工作中遇到的正则表达式
记录工作中遇到的正则表达式const reg = /(^\/+)|(\/+$)/; // 不能以/开头或结尾原创 2019-12-26 14:57:28 · 213 阅读 · 0 评论 -
CommonJS、AMD、nodejs、ES6概念
由模块化引出的一系列名词——CommonJS、AMD、nodejs、ES6。CommonJS、AMDCommonJS与AMD是为了解决JavaScript文件之间的依赖与引用问题,它们只是一种JavaScript的包管理规范。nodejsnodejs是 CommonJS的 一种实现。ES6es6并没有沿用CommonJS的东西,它们之间并没有必要的联系。仅是在es6标准出来之...原创 2018-07-06 13:41:49 · 616 阅读 · 0 评论 -
vue省市区三级联动插件(使用mint-ui的picker)
用mint-ui中的picker组件封装的省市区插件(使用环境:vue-cli),demo下载地址:https://download.csdn.net/download/yanzyan/10516230下载后,使用npm install命令生成node_modules文件夹,再使用npm run dev命令启动项目,看是否是你需要的。如何在自己项目中使用?此插件基于mint-ui。需...原创 2018-07-03 14:46:26 · 12507 阅读 · 10 评论 -
使用vue(mpvue)开发微信小程序
这两天的真的涨姿势了,最近在学vue,巧了,男票公司也在用vue写项目(他是安卓工程师,也是够了,安卓和ios也开始vue旅程了)。聊着聊着他说他们的项目是用vue开发的小程序?当时想的是小程序不是有自己的api吗?结果第二天一查,我去,原来有个mpvue框架,真的可以实现使用vue的语法实现微信小程序了(开心啊!!)双手奉上官方文档:http://mpvue.com/mpvue/#_1...原创 2018-05-09 11:22:49 · 9961 阅读 · 0 评论 -
使用vue完成todolist
使用Vue完成todolist使用vue-cli创建项目样式使用scss使用rem实现自适应使用storage缓存数据效果图戳这里下载源码:https://download.csdn.net/download/yanzyan/10401165 或者移步GitHub:https://github.com/YanzYan/todolist当输入信息后点击添加任务按钮...原创 2018-05-08 21:00:33 · 1151 阅读 · 0 评论 -
Vue-cli构建项目到手机调试
一、搭建环境Vue-cli是Vue的脚手架工具。在使用vue-cli创建项目之前需要先下载好各种工具,建议使用命令行全局安装(-g)。1. node.js 2. npm然后建议安装一个淘宝镜像npm install -g cnpm --registry= https://registry.npm.taobao.org 3. 安装webpack4. 安装v原创 2018-01-11 17:37:56 · 1762 阅读 · 0 评论