YanzYan-CSDN博客

原创 vue表格实现一个简单的合并单元格功能

需要后端的数据将相同id的放在一起否则也会有问题。用的是vue2+ant-design-vue。但是vue3或者element-ui也是同理。

2023-06-28 10:39:58 1696

原创 git clone项目报错，The requested URL returned error: 500

git clone项目报错，The requested URL returned error: 500，如何解决？试试修改电脑中存储的账号密码

2023-02-16 09:06:29 3225 2

原创 element-ui 日期时间选择控件DateTimePicker 带快捷方式，配置默认时间

带快捷键的，关键属性picker-options，单个日期时间的选择或者日期时间段的选择都可以用配置:picker-options="pickerOptions"

2023-02-15 16:53:31 4616

原创 nginx配置反向代理

先说下整个事情的背景：总的来说就是前端在开发阶段调用后端接口时存在跨域问题。1. nginx配置反向代理2. vue-cli脚手架配置devServer中的proxy

2022-06-13 15:30:50 6780

原创 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 2836 7

原创如何在vue3+ts中使用screenfull插件&如何在vue3的setup中获取页面元素ref

npm i [email protected] -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 812

原创两个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 1160

原创前端面试之webpack和babel

webpackwebpack已是前端打包构建的不二选择每日必用，面试必考成熟的工具，重点在于配置和使用，原理并不高优（只在开发环境使用，线上不用）讲解范围基本配置高级配置优化打包效率优化产出代码构建流程概述babelwebpack面试题前端代码为何要进行构建和打包module chunk bundle分别什么意思，有何区别loader和plugin的区别webpack如何实现懒加载webpack常见性能优化babel-runtime和babel-polyfill的

2021-09-25 12:18:13 439

原创前端面试之原型链

什么是原型原型即原型对象。每个函数都有自己的原型对象，即prototype属性。原型对象的作用用于共享属性和方法。当一个函数是构造函数时，可以通过构造函数生成无数个对象，而如何给这些通过同一个构造函数生成的对象共享属性和方法呢？js中的做法是通过构造函数的原型对象。构造函数构造函数的原型对象通过调用构造函数new出来的对象。三者之间的关系，是原型之所以重要的原因。什么是原型链当构造函数的原型对象是另一个构造函数的实例时，此时就生成了原型链。js就是通过原型链来实现继承的。即使es6中是引

2021-08-14 21:48:13 345

原创前端面试之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 317

原创浏览器渲染原理

浏览器的组成浏览器主要由7个部分组成：用户界面（User Interface）、浏览器引擎（Browser engine）、渲染引擎（Rendering engine）、网络（Networking）、Javascript解释器（JavaScript Interpreter）、用户界面后端（UI Backend）、数据持久化（Data Persistence）。图中箭头表示调用相关模块的接口关...

2020-03-19 15:35:53 224

原创记录工作中遇到的正则表达式

记录工作中遇到的正则表达式const reg = /(^\/+)|(\/+$)/; // 不能以/开头或结尾

2019-12-26 14:57:28 195

原创 CommonJS、AMD、nodejs、ES6概念

由模块化引出的一系列名词——CommonJS、AMD、nodejs、ES6。CommonJS、AMDCommonJS与AMD是为了解决JavaScript文件之间的依赖与引用问题，它们只是一种JavaScript的包管理规范。nodejsnodejs是 CommonJS的一种实现。ES6es6并没有沿用CommonJS的东西，它们之间并没有必要的联系。仅是在es6标准出来之...

2018-07-06 13:41:49 595

原创 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 12452 10

原创使用vue（mpvue）开发微信小程序

这两天的真的涨姿势了，最近在学vue，巧了，男票公司也在用vue写项目（他是安卓工程师，也是够了，安卓和ios也开始vue旅程了）。聊着聊着他说他们的项目是用vue开发的小程序？当时想的是小程序不是有自己的api吗？结果第二天一查，我去，原来有个mpvue框架，真的可以实现使用vue的语法实现微信小程序了（开心啊！！）双手奉上官方文档：http://mpvue.com/mpvue/#_1...

2018-05-09 11:22:49 9795

原创使用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 1106

原创 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 1734

原创微信小程序填坑

这几天一直在等后台接口所以赶紧趁这个时间再好好研究下微信小程序的api啦。首先声明一点，我现在用的微信开发者工具是0.20.191900，然后遇到坑给大家的建议就是先去开发者社区找答案，可以直接从开发者工具的菜单栏的开发者社区直接进入。 https://developers.weixin.qq.com/home?token=1539057767&lang=zh_CNcanvas的wx.canva

2017-08-10 13:58:51 1092

原创微信小程序获取用户信息(包括openId等敏感信息)

想来跟微信小程序也是有缘。现在在公司主要负责起了小程序这块。获取用户的基本信息 wx.getUserInfo(OBJECT)获取用户信息wx.getUserInfo({ success: function(res) { var userInfo = res.userInfo //用户基本信息 var nickName = userInfo.nickName //用户名

2017-08-07 17:34:01 73573 7

原创关于input与IE8的一些事

如题今天想来记录下关于input一些属性如何兼容IE8，如placeholder…闲谈等下啊先唠唠家常毕竟是我个人的博客最近也有些感慨故记录一下前两篇我写的都是关于微信小程序的内容，那时候是一月份，最近的一篇也是在1月16号，今天刚好是3月16号，想来也是缘分。刚刚好两个月，我终于又登上了自己的博客，而这一次我终于不再是小白了，至少不是前端小白哈哈。不过关于安卓，也忘

2017-03-16 17:41:16 1601 1

原创微信小程序-文字超出限制如何在末尾加省略号

微信小程序-文字超出限制如何在末尾加省略号特意为了这一个功能点来记笔记。当文字超出一行时会自动换行那如何让文字不自动换行并在末尾加上省略号呢？

2017-01-16 12:47:08 32211 6

原创微信小程序实现列表页面及上拉加载功能

微信小程序实现列表页面及上拉加载功能my god，离上篇博客的时间竟然过去将近四个月了。我呢，有幸从一个Android小白变成了一个前端小白- -这周开始学习微信小程序啦大概是1月份开始听到最多的名词了。废话不多说了对，这篇还是我的笔记篇，哈哈哈。涉及到的内容有列表渲染即（wx:for）页面间传值（目前唯一会的一种）数据请求（wx.request）以及分页的实现首先实现一个这

2017-01-11 17:33:20 33228 6