随笔分类 - vue
超级流行的前端框架
摘要：主要是ES6模块化 一句话就是：把一段代码封装起来，便于重复使用 1、es5之前没有模块化，使用commonJs的规范，使用module.exports导出，用require+path引入 module.exports = { name:"冬冬的随笔", funA:function(){ retur
阅读全文
摘要：我们常提到性能好坏是由什么来衡量呢？访问页面地址 --> 页面首次加载数据 --> 渲染出完整页面的时长，非首次情况下，命中缓存的加载缓存数据 --> 渲染出完整页面的时长。一般我从下面几个方面着手去做，一般问题都不大。 1、减小资源（静态资源，后端加载的数据）大小（webpack都可以搞定） 压缩
阅读全文
摘要：一、vue公共组件的理想状态是什么样子的？ 1. 黑盒性，即除了你自己以外，其他的开发者在快速阅读使用文档之后可以立刻上手，而不用关心你的内部实现； 2. 独立性，即做好解耦，不与父组件有过多关联； 3 自定义性，适当地暴露一些输入接口或者方法给外部用于自定义，同时也要设置好这些属性在外部未输入时的
阅读全文
摘要：<rich-text :nodes="richTxt"></rich-text> created里面的处理： created() { const regex = new RegExp('<img', 'gi'); const regexTable = new RegExp('<table', 'gi
阅读全文
摘要：组件 <template> <div class="amap-page-container" style="height: 400px; margin-bottom: 200px; background: #ccc" > <el-amap-search-box class="search-box"
阅读全文
摘要：推荐参考网址：https://100px.net/document/uni-app.html
阅读全文
摘要：/* eslint-disable */ ! function() { var a = "@charset \"utf-8\";html{color:#000;background:#fff;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-te
阅读全文
摘要：<span id="copy">{{yuming}}</span> <el-button type="primary" plain size="mini" @click="copy()">复制</el-button> copy(){ var copyTest = document.getElemen
阅读全文
摘要：主要是用到的substr这个字符串的方法 {{dataObj.phone ? dataObj.phone.toString().substr(0, 3)+'****' +dataObj.phone.toString().substr(7) : '暂无服务电话'}} dataObj.phone 是后端
阅读全文
摘要：大家在学习vue相信大家一定是知道它是一个单页面的应用，大家知道单页面和多页面应用的区别嘛，这一篇短文希望可以给你一个整体的认识。这里也会介绍单页应用实现的核心 —— 前端路由。 单页应用 VS 多页应用 这是一张对比图 单页应用（SinglePage Application，SPA） 指只有一个主
阅读全文
摘要：我们在开发的过程中经常会遇到背景色是渐变的背景色，一般可以制作背景图，如果仅仅是简单的线性变换的背景，今天我就遇到了，其实完全可以用CSS3的渐变来实现这个效果。这个过程由浏览器来生成，不用去加载静态的资源，提高性能。 渐变有两种： 线性渐变（Linear Gradients）- 向下/向上/向左/
阅读全文
摘要：后端给我们返回的树状结构数据，我们一般用递归来处理。 什么是递归？ 来自度娘的解释 程序调用自身的编程技巧称为递归（ recursion）。递归做为一种算法在程序设计语言中广泛应用。 一个过程或函数在其定义或说明中有直接或间接调用自身的一种方法，它通常把一个大型复杂的问题层层转化为一个与原问题相似的
阅读全文
摘要：<template> <div id="app"> <transition :name="transitionName"> <router-view></router-view> </transition> </div> </template> <script> import './assets/j
阅读全文
摘要：watch: { $route: { handler: function(val, oldVal){ console.log(val); }, // 深度观察监听 deep: true } }
阅读全文
摘要：https://blog.poetries.top/FE-Interview-Questions/
阅读全文
摘要：Blob.js: /* eslint-disable */ /* Blob.js * A Blob implementation. * 2014-05-27 * * By Eli Grey, http://eligrey.com * By Devin Samarin, https://github.
阅读全文
摘要：配置代理： 安装 yarn add http-proxy-middleware 创建文件的路径 src/setupProxy.js const { createProxyMiddleware } = require('http-proxy-middleware') module.exports =
阅读全文
摘要：function time(time = +new Date()) { var date = new Date(time + 8 * 3600 * 1000); // 增加8小时 return date.toJSON().substr(0, 19).replace('T', ' '); consol
阅读全文
浙公网安备 33010602011771号