Mr古技术分享

前端项目部署后经常发生崩溃、卡顿、内存溢出等问题，这里结合实际项目整理出影响性能的问题及相应的解决方案，希望对大家有所参考！

自定义vue组件

单页面引入js文件<template> <div id="baseReport" > <remote-css href="https://cdn.bootcss.com/twitter-bootstrap/4.2.1/css/bootstrap-grid.min.css"></remote-css> <remote-css href="https://cdn.bootcss.com/twitter-bootstrap/4.2.1/css/b

事件处理如果需要在内联语句处理器中访问原生DOM事件。可以使用特殊变量$event，把它传入到methods中的方法中。在Vue中，事件修饰符处理了许多DOM事件的细节，让我们不再需要花大量的时间去处理这些烦恼的事情，而能有更多的精力专注于程序的逻辑处理。在Vue中事件修饰符主要有：.stop：等同于JavaScript中的event.stopPropagation()，防止事件冒泡.prevent：等同于JavaScript中的event.preventDefault()，防止执行预设的行为（如果

1、vuex的store的双向数据绑定我在vue项目使用store存储变量，在页面input进行属性的双向绑定时，报出Computed property “route” was assigned to but it has no setter的错误，查找很多原因，参考官方文件找到了 解决方法。要在computed中添加get和set两个方法。<input type="text" v-model="phoneNumber">computed:{ phoneNumber:{

1、综合我在2年之前，写过一篇中小型项目的前端架构浅谈。随着能力的上升，以及在阿里巴巴工作的经验，是时候写一篇大型项目的前端架构分析了。本篇文章不会更多侧重于具体技术实现，而是尝试从更高角度出发，分析为什么要这么做，这些设计能解决什么问题，成本和收益如何。由于作者能力有限，可能会有所缺漏或者部分错误，欢迎读者指出。1.1、适用场景：本篇文章，适用于单个/多个大型项目、拥有超过10个以上的前端开发的场景。前端项目的规模不同，成本收益比也会有所差别。通常来说，人员越多、项目复杂度越高，那么收益/成本

一、关于vue中watch的认识我们要监听一个属性的的变化就使用watch一般是父组件传递给子组件的时候•1、常见的使用场景…watch:{value(val) {console.log(val);this.visible = val;}}…•2、如果要一开始就执行watch: { firstName: { handler(newName, oldName) { this.fullName = newName + '-' + this.lastName;

在入口文件配置pluginsimport Vue from 'vue'import App from './App.vue'import router from './router/index'import store from './store/index'import './plugins' // 第三方插件注册import './directive' // 全局指令注册import './components/autoRegister' // 全局组件注册import '@/as

vuex 包含有五个基本的对象：state：存储状态。也就是变量；getters：派生状态。也就是set、get中的get，有两个可选参数：state、getters分别可以获取state中的变量和其他的getters。外部调用方式：store.getters.personInfo()。就和vue的computed差不多；mutations：提交状态修改。也就是set、get中的set，这是vuex中唯一修改state的方式，但不支持异步操作。第一个参数默认是state。外部调用方式：store.co

components下存在多个公共组件组件一名称penplePick：<template> <div class="ag-panel-box"> <div class="header"> <div class="title"> {{ title }} <span> <slot name="titletip" /> &

angular开发指引第一步:构建HTML标准模板库views文件夹:元素HTML集合(反复调用的网页公共代码库,如tab切换,按钮,表格等公共页面元素)第二步:向内存中写入模板内容<script type="text/ng-template" id="templateId.html"> <p>This is the content of the template</p></scrip

根据特定字符串过滤如果（val.name）为false，则由后面的 || “” 替换显示：js:$scope.friends = [{id:'1',pid:'0',name:'John', phone:'555-1276'}, {id:'2',pid:'1',name:'Annie', phone:'800-BIG-MARY'},

一、数据定义与引用逻辑定义数组:一维数组: var arr = new Array('William','aWilliam','abWilliam');//数组初始化二维数组: var arr=[{id:"001",name:"上海"},{id:"002",name:"北京"}];删除数组值:arr.splice(0,2);//从0项开始,删除后面的2个值.增加数组值:arr.splice