- 博客(49)
- 收藏
- 关注
RSS订阅转载 路由懒加载
懒加载也叫延迟加载，即在需要的时候进行加载，随用随载在单页应用中，如果没有应用懒加载，运用webpack打包后的文件将会异常的大，造成进入首页时，需要加载的内容过多，延时过长，不利于用户体验，运用懒加载可以将页面进行划分，按需加载页面，可以分担首页所承担的加载压力，减少加载用时。一种代码分块的语法，使用 AMD 风格的 require...
2019-09-18 09:20:00
147
转载 echarts tree 点击动态添加子集实例
下边是echarts官网的例子 我只是在底部加了一个点击事件以及点击的时候动态添加子集效果图： 1 myChart.showLoading(); 2 $.get(ROOT_PATH + 'data/asset/data/flare.json', function (data) { 3 myChart.hideLoading(); 4...
2019-09-06 16:23:00
1002
转载 echarts中数据过多加入滚动条，相关属性dataZoom介绍
dataZoom: [{type: 'slider',show: true,xAxisIndex: [0],handleSize: 20,//滑动条的 左右2个滑动条的大小height: 8,//组件高度...
2019-09-06 14:34:00
768
转载 解决echarts x轴标签文字过多导致显示不全
echarts x轴标签文字过多导致显示不全如图：解决办法1：xAxis.axisLabel 属性axisLabel的类型是object ,主要作用是：坐标轴刻度标签的相关设置。（当然yAxis也是一样有这个属性的）[html]view plaincopyaxisLabel:{inte...
2019-08-28 11:22:00
560
转载 element-ui 单选框点击整个行为选中状态
element-ui 带单选框的表格效果：不只是带单选框，点击当前行单选框选中状态网上查了一些发现很多都是只能点击当前radio选中当前行，配合element-ui的单选table时发现两个的选择状态是不一致的，所以调整了一下效果提供下思路：1.保证不止是点击单选框，点击列表某行也能够选中，通过设置highlight-current-row和@curren...
2019-08-27 10:06:00
2052
转载 Eclipse上Maven环境配置使用
Eclipse上Maven环境配置使用 1. 安装配置Maven： 1.1 从Apache网站http://maven.apache.org/下载并且解压缩安装Apache Maven。 Maven下载地址:http://maven.apache.org/download.cgi 1.2 配置 Maven 的conf文件夹中配置文件settings.x...
2019-08-27 10:01:00
67
转载 springboot启动报错:"Error starting ApplicationContext. To display the conditions report re-run your appl...
springboot启动报错:"Error starting ApplicationContext. To display the conditions report re-run your application with 'debug' enabled."报错内容java.lang.Object.wait(Native Method)java.lang.ref.Ref...
2019-08-27 10:00:00
2223
转载 springboot 工程启动报错之Consider defining a bean of type ‘XXX’ in your configuration.
springboot 工程启动报错之Consider defining a bean of type ‘XXX’ in your configuration.一、前言：使用springboot自动注入的方式搭建好了工程，结果启动的时候报错了！！！，错误如下图：Description:Field userEntityMapper in com.xxx.xxx.s...
2019-08-27 09:58:00
460
转载 java-Maven环境配置
Maven 环境配置Maven 是一个基于 Java 的工具，所以要做的第一件事情就是安装 JDK。系统要求项目要求JDKMaven 3.3 要求 JDK 1.7 或以上Maven 3.2 要求 JDK 1.6 或以上Maven 3.0/3.1 要求 JDK 1.5 或以上内存没有最低要求磁盘Maven 自身...
2019-08-27 09:56:00
142
转载 对vue中的computed属性，watch监听，计算属性理解
自己的理解：computed用来监控自己定义的变量，该变量不在data里面声明，直接在computed里面定义，然后就可以在页面上进行双向数据绑定展示出结果或者用作其他处理；computed比较适合对多个变量或者对象进行处理后返回一个结果值，也就是数多个变量中的某一个值发生了变化则我们监控的这个值也就会发生变化，举例：购物车里面的商品列表和总金额之间的关系，只要商品列表里面的...
2019-08-27 09:53:00
151
转载 vue+element-UI实现分页效果
当我们向后台请求大量数据的时候，并要在页面展示出来，请求的数据可能上百条数据或者更多的时候，并不想在一个页面展示，这就需要使用分页功能来去完成了。1.本次所使用的是vue2.0+element-ui实现一个分页功能，element-ui这个组件特别丰富，分页中给我提供了一个Pagination分页，使用Pagination 快速完成分页功能最终效果展示&l...
2019-08-22 17:58:00
261
转载 vue实现点击其他地方隐藏div
方法一： 通过监听事件document.addEventListener('click',function(e){ if(e.target.className!='usermessage'){ that.userClick=false; }})方法二...
2019-08-22 17:23:00
1308
转载 nodejs、数据库（基本指令）基础要点总结
这是一个md文件 大家觉得需要可以直接复制粘贴到md文件下用html打开看，这样效果会好点### 客户端的JavaScript是怎样的- 什么是 JavaScript？ +是一个脚本语言 +运行在浏览器（浏览器的js解析内核 v8） +实现用户的交互 （interactive） + 变量 赋值 循环 逻...
2019-08-15 10:45:00
143
转载 vue项目中封装axios的请求拦截器和响应拦截器
没安装axios请先安装Using npm: $npminstallaxiosUsing bower: $bowerinstallaxiosUsing yarn: $yarnaddaxiosUsing cdn: <scrip...
2019-08-15 10:05:00
671
转载 echarts树形图，分支过多，页面放不下，高度自适应方法
直接代码吧！html <el-row :gutter='20'> <el-col :span='24'> <el-card> <div id = 'chart-tree' class='tree'> </e...
2019-07-31 19:19:00
3624
转载 echarts的树形结构图及参数
官网代码：myChart.showLoading(); //显示Loading标志； var myChart = echarts.init(document.getElementById('页面中div的id')); $.get('data/asset/data/flare.json', function (data) { myChart.hideLoading();...
2019-07-30 13:58:00
572
转载 如何使用nprogress实现页面加载进度条
入口文件,main.js引入 nprogressimport App from './App'import VueRouter from 'vue-router'import router from './router' //你的路由文件//引入nprogressimport NProgress from 'nprogress'import 'nprogres...
2019-07-30 13:47:00
159
转载 vue项目创建
1. 避坑前言其实这次使用vue-cli的过程并不顺利，反复尝试几次都遇到以下这个报错：创建vue-cli工程项目时的报错在网上查了很多资料才发现原来是node版本过低的问题，应该是至少使用node6，我将node4更新至node8之后确实没有报错了，顺利搭建。...
2019-07-18 09:59:00
76
转载 es6新增特性
字符串扩展ES6为字符串扩展了几个新的API：includes()：返回布尔值，表示是否找到了参数字符串。startsWith()：返回布尔值，表示参数字符串是否在原字符串的头部。endsWith()：返回布尔值，表示参数字符串是否在原字符串的尾部。ES6中提供了`来作为字符串模板标记。我们可以这么玩：在两个`之间的部分都会被作为字符串的值，不管...
2019-07-09 20:58:00
87
转载 React和Redux的连接react-redux
之前一直在探索React相关的东西，手上有个SPA项目，于是准备上Redux试试水。Redux本身和React并没有之间的关联，它是一个通用Javscript App模块，用做App State的管理。要在React的项目中使用Redux，比较好的方式是借助react-redux这个库来做连接，这里的意思是，并不是没有react-redux，这两个库就不弄一起用了，而是说reac...
2019-07-08 10:38:00
84
转载 react中的受控和非受控组件
受控组件假设我们现在有一个表单，表单中有一个input标签，input的value值必须是我们设置在constructor构造函数的state中的值，然后，通过onChange触发事件来改变state中保存的value值，这样形成一个循环的回路影响。也可以说是React负责渲染表单的组件仍然控制用户后续输入时所发生的变化。就像上面这样，inpu...
2019-07-06 11:18:00
101
转载 rem的使用方法
首先，先说一个常识，浏览器的默认字体高都是16px。步入正题-----〉兼容性：目前，IE9+，Firefox、Chrome、Safari、Opera 的主流版本都支持了rem。就算对不支持的浏览器，应对方法也很简单，就是多写一个绝对单位的声明。这些浏览器会忽略用rem设定的字体大小。使用%单位方便使用css中的body中先全局声明font-size=...
2019-07-05 09:00:00
133
转载 git基本操作
git的基本操作1、加入缓存1git add .2、拉到本地1git pull origin feat_4st_phase1git pull origin feat_a...
2019-07-02 21:20:00
62
转载 vue框架
前端框架介绍老牌jquery -> 更简单的方式去操作 dom 对象（标签对象）extjs -> 更适合做后台管理系统easyui -> 模仿了 extjs 免费新式vue 国内开源的js框架argularjs 国外js框架他们都提倡前后台分离，下面是对前后台分离的解释：传统的后台开发人员，需要做一下步骤...
2019-07-01 21:14:00
423
转载 弹性盒子display-flex
最近在学习微信小程序，在设计首页布局的时候，新认识了一种布局方式display:flex1 .container {2 display: flex;3 flex-direction: column;4 align-items: center;5 background-color: #b3d4db;6 }编译之后的效果很明显，界面的布局也...
2019-06-26 22:20:00
85
转载 面向对象的this指向
1 、OOP的基础问题1.1什么是面向过程和面向对象？面向过程：专注于如何去解决一个问题的过程步骤。编程特点是由一个个的函数去实现每一步的过程步骤，没有类和对象的概念。面向对象：专注于由哪一个对象来解决这个问题。编程特点是出现了一个个的类，从类中拿到这个对象，由这个对象去解决具体的问题。对于调用者来说，面向过程需要调用者自己去实现各种函数。而面向对象，只需要告诉调用者对象...
2019-06-20 09:22:00
182
转载 commonJS详解
commonJS概述所有代码都运行在模块作用域，不会污染全局作用域。模块可以多次加载，但是只会在第一次加载时运行一次，然后运行结果就被缓存了，以后再加载，就直接读取缓存结果。要想让模块再次运行，必须清除缓存。模块加载的顺序，按照其在代码中出现的顺序。2.module对象每个模块内部，都有一个module对象，代表当前模块。它有以下属性。1...
2019-06-18 19:48:00
151
转载 跨域解决方法
什么是跨域？跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。广义的跨域：1.) 资源跳转： A链接、重定向、表单提交2.) 资源嵌入： <link>、<script>、<img>、<frame>等dom标签，还有样式中background:url()、@font-face()等文件外链3.) 脚...
2019-06-15 10:52:00
61
转载 js网络请求性能优化之防抖与节流
一丶基本概念防抖(debounce)：在函数需要频繁触发时，只有当有足够空闲的时间时，才执行一次。就好像在百度搜索时，每次输入之后都有联想词弹出，这个控制联想词的方法就不可能是输入框内容一改变就触发的，他一定是当你结束输入一段时间之后才会触发。节流(thorttle)：预定一个函数只有在大于等于执行周期时才执行，周期内调用不执行。就好像你在淘宝抢购某一件限量热卖商品时，你不断点刷...
2019-06-14 17:10:00
56
转载 React 生命周期
React 生命周期前言学习React，生命周期很重要，我们了解完生命周期的各个组件，对写高性能组件会有很大的帮助.Ract生命周期React 生命周期分为三种状态 1. 初始化 2.更新 3.销毁初始化1、getDefaultProps()设置默认的props，也可以用dufaultProps设置组件的默认属性.2、ge...
2019-06-14 17:06:00
80
转载 迭代开发名词释义
在许多个产品将要诞生的时候，你都会听到这个名词：什么是迭代式开发？每次只设计和实现这个产品的一部分, 逐步逐步完成的方法叫迭代开发, 每次设计和实现一个阶段叫做一个迭代. 在迭代式开发方法中，整个开发工作被组织为一系列的短小的、固定长度（如3周）的小项目，被称为一系列的迭代。每一次迭代都包括了需求分析、设计、实现与测试。采用这种方法，开发工作可以在需求被完整地确定之前启动，并在一次迭代中...
2019-06-14 12:04:00
887
转载 vue-解决弹出蒙层滑动穿透问题
vue-解决弹出蒙层滑动穿透问题 最近开发过程中遇到一些小问题(似乎问题总是那么多)，但一直没什么时间去优化与解决。程序员不能被业务绑架，有时间还是花点在代码上????，开始这次的vue尝试吧。【遇到的问题】 在一个可滑动列表页弹出一个全屏蒙层，蒙层固定，中间一块显示消息框，当用手滑动蒙层空白处时，滑动事件会穿透到底部列表页，导致列表页的滑动。【要实现的目标】...
2019-06-14 08:56:00
161
转载 事件修饰符
事件修饰符在事件处理程序中调用event.preventDefault()或event.stopPropagation()是非常常见的需求。尽管我们可以在方法中轻松实现这点，但更好的方式是：方法只有纯粹的数据逻辑，而不是去处理 DOM 事件细节。为了解决这个问题，Vue.js 为v-on提供了事件修饰符。之前提过，修饰符是由点开头的指令后缀来表示的。.stop...
2019-06-11 20:44:00
407
转载 Vue实现左右滑动内容区控制导航tab同时切换高亮
Vue如何实现左右滑动内容区控制导航tab同时切换高亮，实现的效果是：点击导航按钮时内容区发生改变，左右滑动内容区时导航按钮跟随切换高亮，停留在某个内容区时刷新页面后仍然停留在当前内容区。 这里涉及到几个点： 1.左右滑动，那就需要用到swiper，当然你可以自己写一个类似的功能，虽然不难但是项目开发中可能会比你引入插件要耗时很多；...
2019-06-04 18:34:00
1796
转载 vue解决跨域方法
什么是跨域 跨域指浏览器不允许当前页面的所在的源去请求另一个源的数据。源指协议，端口，域名。只要这个3个中有一个不同就是跨域。 这里列举一个经典的列子：#协议跨域http://a.baidu.com访问https://a.baidu.com；#端口跨域http://a.baidu.com:8080访问http://a.baidu.com:80；#域名跨域ht...
2019-06-04 15:36:00
80
转载 HTML5触摸事件(touchstart、touchmove和touchend)
HTML5中新添加了很多事件，但是由于他们的兼容问题不是很理想，应用实战性不是太强，所以在这里基本省略，咱们只分享应用广泛兼容不错的事件，日后随着兼容情况提升以后再陆续添加分享。今天为大家介绍的事件主要是触摸事件：touchstart、touchmove和touchend。 一开始触摸事件touchstart、touchmove和touchend是iOS版Safari浏览器为了向...
2019-05-30 20:40:00
122
转载 某APP产品需求文档
修订记录1.概述1.1 项目背景据2015年统计，国内的教育培训机构约 140 万家。其中，年营收在 350 万元以下的小微型教育机构有 120 万 家，占比 86%；年营收在 350 万元至 1000 万元的中型机构有 15 万家，占比 11%。中小型 教育机构的总数合计占比达到 97%。教育培训市场呈现出极度分散的市场格局，形成了“大 市场，小公司”的现状。现在的...
2019-05-25 16:45:00
190
转载 产品需求文档模块
惯例，还是先甩图不同公司、不同团队或产品对PRD文档的要求不同，不同PM的撰写风格也各有所异，本文力求全面而简洁，仅做简要概括。这样写prd,哎哟不错哦简书，在我看来长这样本文“简书”移动端为例，按照上图的总结写一份简单的PRD文档框架，希望能帮助同为“简书”用户的大家更好地理解。（PM菜鸟一枚，简书新用户，重文档轻分析）。1、版本信息简书APP版本信息表示意图...
2019-05-25 16:42:00
641
转载 前端性能优化分类
介绍 本文将详细介绍前端性能优化的七大手段，包括减少请求数量、减小资源大小、优化网络连接、优化资源加载、减少重绘回流、使用性能更好的API和构建优化 雪碧图减少请求数量【合并】 如果不进行文件合并，有如下3个隐患 1、文件与文件之间有插入的上行请求，增加了N-1个网络延迟 2、受丢包问题影响更严重 3、经过代理服务器时可能会被断开...
2019-05-25 11:59:00
147
转载 Web前端性能优化之CDN
什么是CDNCDN (Content Delivery Network)可直译成内容分发网络。CDN的本质仍然李咏缓存技术缓存, 解决的是__如何将数据快速可靠从源站传递到用户的问题__。用户获取数据时，不需要直接从源站获取，通过CDN对于数据的分发，用户可以从一个较优的服务器获取数据，从而达到快速访问，并减少源站负载压力的目的。CDN加速动机为什么不从源站进行数据的直接交...
2019-05-25 09:27:00
85
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人