小新报道啦-CSDN博客

转载前端导出 excel ，设置字体，列宽，行高，对其方式，合并单元格等效果

一、先看实现后的图二、技术这个表格主要采用了 xlsx-style 来实现https://www.npmjs.com/package/xlsx-stylehttps://github.com/protobi/js-xlsx/tree/beta三、入门由于 npm 和 git 上的文档都是英文，看过一遍之后就不想再看了，所以这里做一个记录。xlsx-style 是一个纯 javascript 实现的读取和生成 excel 的 npm 包。xlsx-style 来源于 Shee

2022-04-07 09:57:15 6290 2

转载前端进阶之隐藏页面中的某个元素

隐藏类型可见性屏幕可见可访问树完全隐藏隐藏隐藏语义上隐藏可见隐藏视觉上隐藏隐藏可见完全隐藏此方法会让元素从渲染树中消失，渲染的时候不占据任何空间，且不可进行DOM操作。hide {display: none;}此方法相当于display: none;<div hidden></div>语义上的隐藏此方法使读屏软件不可读，但正常占据空间，且可进行DOM操作。.

2022-03-22 14:40:40 189

原创 Vue跨域配置

vue.config.js:devServer配置module.exports = { pages: { index: { //入口 entry: 'src/main.js', }, }, lintOnSave:false, //关闭语法检查 //开启代理服务器（方式一） /* devServer: { proxy: 'http://localhost:5000' }, */ //开启代理服务器（方式二） devServer: {

2022-03-16 16:45:39 182

原创 Vue computed(计算属性及传参)

一：在一个计算属性里可以完成各种复杂的逻辑，包括运算、函数调用等，只要最终返回一个结果就可以。var vm = new Vue({ el: '#example', data: { message: 'Hello' }, computed: { reversedMessage: function () { // `this` 指向 vm 实例 return this.message.spl

2022-03-13 09:54:44 387

原创 js实现文件下载有很多种方式，本文主要介绍7种。

一、a标签下载<body> <button onclick="downloadEvt('http://192.168.66.183:13666/download?name=HAP.pdf')">a标签下载</button> <script> function downloadEvt(url, fileName = '未知文件') { const el = document.createElement('a'); ...

2022-03-12 09:44:45 34629 5

原创 Vuex的使用

Vuex的五大属性:State:存放公共状态,mapState辅助函数computed: { localComputed () { /* ... */ }, // 映射 this.count 为 store.state.count // 使用对象展开运算符将此对象混入到外部对象中 ...mapState({ // 'count' })}Getter:类似于计算属性Getter 接受 state 作为其第一个参数：Getter 也可以接受其他 getter ..

2022-03-11 15:58:26 66

转载详解vue2父组件传递props异步数据到子组件的问题

本篇文章主要介绍了vue2父组件传递props异步数据到子组件的问题，具有一定的参考价值，感兴趣的小伙伴们可以参考一下测试环境：vue v2.3.3， vue v2.3.1案例一父组件parent.vue// asyncData为异步获取的数据，想传递给子组件使用<template><div>父组件<child :child-data="asyncData"></child></div></temp...

2022-03-10 14:17:49 2626 1

原创 phpmyadmin导入数据库大小限制修改

phpmyadmin导入数据库大小限制修改phpmyadmin默认导入数据库文件大小为2M,但一般网站的数据库导出的文件都会超出这个限制，要导入超过2M的数据库文件就需要手动修改php.ini配置文件！在php.ini文件中修改：upload_max_filesize20M（即允许上传文件大小的最大值，默认为2M，修改值大小自定）修改完后，再刷新phpmyadin导入数据库页面会发现，导入数据库大小限制会显示成“(最大限制：8,192 KB)”而不是手动设置的20m。没错，只改u...

2022-01-06 17:32:22 763

原创 Vue中 axios使用及封装

一.使用一、axios的功能特点在浏览器中发送 XMLHttpRequests 请求在 node.js 中发送 http请求支持 Promise API拦截请求和响应转换请求和响应数据支持多种请求方式:axios(config)axios.request(config)axios.get(url[, config])axios.delete(url[, config])axios.head(url[, config])axios.post(url[, data[, config]

2021-12-13 19:12:53 917

原创三元运算符（if语句的简写）

三元运算符写法：条件 ? 结果1 : 结果2; condition？当条件为 ture 时执行的代码：当条件不为 ture 时执行的代码常规写法：if (condition){当条件为 true 时执行的代码}else{当条件不为 true 时执行的代码}...

2021-12-11 09:25:43 1222

原创 VSCode左侧文件栏隐藏node_modules

使用VSCode，打开一个工程时，发现node_modules目录包含到工程中了，问题：settings.json配置如下，可以自己定制忽略的文件夹：

2021-12-08 21:00:43 1397

原创解决VS code编写VUE中v-for没有使用key报错问题

方案一：点击左下角的设置在搜索设置当中输入"vetur.validation.template" 将勾选去掉即可方案二：官方建议我们使用v-for时绑定key值（最好不要绑定index）<swiper-item v-for="(item, index) in banners" :key="item"/>...

2021-12-01 15:45:12 1959

原创 watch 深度监听（模拟多条件筛选案例）

实现功能代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t

2021-11-25 10:55:22 1139

原创 reduce() 方法

/* reduce() 方法接收一个函数作为累加器（accumulator）数组中的每个值（从左到右）开始缩减，最终为一个值*/var total = [0,1,2,3,4].reduce((a, b)=>a + b); //10console.log(total)/* reduce接受一个函数，函数有四个参数: 分别是：上一次的值，当前值，当前值的索引，数组*/var arr=[0, 1, 2, 3, 4]var e=arr.reduce(fun.

2021-11-24 09:40:22 439

ljy123w的博客