随笔分类 -  react

优雅react
前端模块化的理解
摘要：主要是ES6模块化 一句话就是：把一段代码封装起来，便于重复使用 1、es5之前没有模块化，使用commonJs的规范，使用module.exports导出，用require+path引入 module.exports = { name:"冬冬的随笔", funA:function(){ retur 阅读全文
posted @ 2021-02-19 11:47 冬冬先生 阅读(368) 评论(0) 推荐(1)
前端性能优化
摘要：我们常提到性能好坏是由什么来衡量呢？访问页面地址 --> 页面首次加载数据 --> 渲染出完整页面的时长，非首次情况下，命中缓存的加载缓存数据 --> 渲染出完整页面的时长。一般我从下面几个方面着手去做，一般问题都不大。 1、减小资源（静态资源，后端加载的数据）大小（webpack都可以搞定） 压缩 阅读全文
posted @ 2021-02-19 11:34 冬冬先生 阅读(81) 评论(0) 推荐(0)
前端框架杂记
摘要：一、vue公共组件的理想状态是什么样子的？ 1. 黑盒性，即除了你自己以外，其他的开发者在快速阅读使用文档之后可以立刻上手，而不用关心你的内部实现； 2. 独立性，即做好解耦，不与父组件有过多关联； 3 自定义性，适当地暴露一些输入接口或者方法给外部用于自定义，同时也要设置好这些属性在外部未输入时的 阅读全文
posted @ 2021-02-19 10:54 冬冬先生 阅读(60) 评论(0) 推荐(0)
利用Vue-amap实现基于高德地图定位（搜索、地图选址）
摘要：组件 <template> <div class="amap-page-container" style="height: 400px; margin-bottom: 200px; background: #ccc" > <el-amap-search-box class="search-box" 阅读全文
posted @ 2020-12-21 16:04 冬冬先生 阅读(8870) 评论(1) 推荐(0)
移动端rem适配文件
摘要：/* eslint-disable */ ! function() { var a = "@charset \"utf-8\";html{color:#000;background:#fff;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-te 阅读全文
posted @ 2020-11-30 14:40 冬冬先生 阅读(368) 评论(2) 推荐(0)
js原生实现复制文本到剪切板
摘要：<span id="copy">{{yuming}}</span> <el-button type="primary" plain size="mini" @click="copy()">复制</el-button> copy(){ var copyTest = document.getElemen 阅读全文
posted @ 2020-10-26 20:55 冬冬先生 阅读(2386) 评论(0) 推荐(0)
一行代码实现隐藏手机号的中间四位
摘要：主要是用到的substr这个字符串的方法 {{dataObj.phone ? dataObj.phone.toString().substr(0, 3)+'****' +dataObj.phone.toString().substr(7) : '暂无服务电话'}} dataObj.phone 是后端 阅读全文
posted @ 2020-09-11 15:31 冬冬先生 阅读(1800) 评论(3) 推荐(0)
单页应用 & 多页应用的区别
摘要：大家在学习vue相信大家一定是知道它是一个单页面的应用，大家知道单页面和多页面应用的区别嘛，这一篇短文希望可以给你一个整体的认识。这里也会介绍单页应用实现的核心 —— 前端路由。 单页应用 VS 多页应用 这是一张对比图 单页应用（SinglePage Application，SPA） 指只有一个主 阅读全文
posted @ 2020-09-09 11:55 冬冬先生 阅读(1262) 评论(0) 推荐(0)
CSS3渐变的背景色
摘要：我们在开发的过程中经常会遇到背景色是渐变的背景色，一般可以制作背景图，如果仅仅是简单的线性变换的背景，今天我就遇到了，其实完全可以用CSS3的渐变来实现这个效果。这个过程由浏览器来生成，不用去加载静态的资源，提高性能。 渐变有两种： 线性渐变（Linear Gradients）- 向下/向上/向左/ 阅读全文
posted @ 2020-07-24 12:22 冬冬先生 阅读(923) 评论(0) 推荐(0)
前端知识点
摘要：https://blog.poetries.top/FE-Interview-Questions/ 阅读全文
posted @ 2020-06-29 15:40 冬冬先生 阅读(199) 评论(0) 推荐(0)
vue导出excel表格用到的两个文件
摘要：Blob.js: /* eslint-disable */ /* Blob.js * A Blob implementation. * 2014-05-27 * * By Eli Grey, http://eligrey.com * By Devin Samarin, https://github. 阅读全文
posted @ 2020-06-22 12:09 冬冬先生 阅读(345) 评论(0) 推荐(0)
react 的高阶组件
摘要：import React, { Component } from 'react' var Hoc = (Com) => { return class extends React.Component { render() { return <><Com {...this.props} />2020 & 阅读全文
posted @ 2020-02-26 22:29 冬冬先生 阅读(117) 评论(0) 推荐(0)
代理的配置
摘要：配置代理： 安装 yarn add http-proxy-middleware 创建文件的路径 src/setupProxy.js const { createProxyMiddleware } = require('http-proxy-middleware') module.exports = 阅读全文
posted @ 2020-02-26 22:26 冬冬先生 阅读(248) 评论(0) 推荐(0)
react 的ui库
摘要：ui库 ant design mobile 移动端 ant design pc端 yarn add antd 安装这个第三方的插件 全局引入(不推荐)： 路口文件：import 'antd/dist/antd.css'; 组件里： import { Button } from 'antd'; <Bu 阅读全文
posted @ 2020-02-26 22:23 冬冬先生 阅读(1046) 评论(0) 推荐(0)