前端开发
王小二(海阔天空)
这个作者很懒,什么都没留下…
展开
-
Vue+ElementUI+Axios实现全局接口请求的加载动画
Element-UI 提供了 Loading 组件,通过对于这个组件进行一些处理,我们能做到在使用Axios发送请求的时候进行 Loading 加载动画的控制。一、定义Loaing.jsimport { Loading } from 'element-ui';let loading;let loadingCount = 0;const startLoading = () => { loading = Loading.service({ lock: true, text原创 2021-03-22 17:09:56 · 904 阅读 · 1 评论 -
Vue:通过Vue.prototype定义原型属性实现全局变量
如果需要设置全局变量,但不想污染全局作用域。这种情况下,可以通过在main.js中,Vue实例化的代码里通过全局变量,使其在每个 Vue 的实例中可用。Vue.prototype.$appName = 'My App'这样 $ appName 就在所有的 Vue 实例中可用了,甚至在实例被创建之前就可以。如果我们运行下述代码,则控制台会打印出 My App。new Vue({ beforeCreate: function () { console.log(this.$appName)原创 2020-12-11 11:49:06 · 4724 阅读 · 4 评论 -
Vue:父子组件之间的接口互调
一、父组件中调用子组件的方法this.$refs.【子组件】.【子组件方法】父组件部分<template> <div id="parent"> <ImportComponent ref="ImportComponent"></ImportComponent> </div></template><script> import ImportComponent from "@/co原创 2020-07-08 14:00:27 · 1454 阅读 · 0 评论 -
Vue:SessionStorage存储-读取字符串和对象
SessionStorage存储-读取字符串sessionStorage.setItem("key","value");sessionStorage.getItem("key");SessionStorage存储-读取对象sessionStorage.setItem('user',JSON.stringify(res.data.body.user));let userInf...原创 2020-01-05 18:07:34 · 3419 阅读 · 0 评论 -
Vue:简述Vue开发中的NaN类型
NaN 属性代表一个“不是数字”的值。这个特殊的值是因为运算不能执行而导致的,不能执行的原因要么是因为其中的运算对象之一非数字(例如, “abc” / 4),要么是因为运算的结果非数字(例如,除数为零)。虽然 NaN 意味着“不是数字”,但是它的类型是 Number:console.log(typeof NaN === "number"); // logs "true"此外NaN 和任何...原创 2020-01-05 18:02:39 · 13443 阅读 · 0 评论 -
Vue:Vue项目打包后,使浏览器WebPack中不能查看源码
目的 : 防止Vue项目代码泄漏的情况,例如在chrome的Sources—> Page—> webpack://可以查看**方案:**修改config/index.js中的 build对象productionSourceMap: false原创 2019-12-04 09:51:21 · 6542 阅读 · 3 评论 -
Web:简述Web开发的发展历程
Web:简述Web开发的发展历程一、第一阶段 CGI进程响应这一阶段,服务器比较弱,请求也很简单,就是用户发一个请求,服务器接收后新建进程,然后返回结果。这种方式一看代价就很大,每次都新建进程,很麻烦。二、第二阶段 Servlet线程级别响应这一阶段跟上面差不多,只不过每次都只是新建一个线程,这样代价就小很多了。整体的流程是这样的:客户端发送请求,Tomcat服务器接收请求后,...原创 2019-02-20 16:18:33 · 2534 阅读 · 0 评论 -
Nginx教程:简述对Nginx负载均衡中健康检测的认识
Nginx教程:简述对Nginx负载均衡中健康检测的认识 在Nginx负载均衡中,很难保证说每一台应用服务器都能一直正常的运行下去。所以需要通过设置来检测这些应用服务器,哪些能访问,哪些不能访问。 Nginx的检测方式分为两种,一种是被动监测,另一种是主...原创 2019-05-09 11:10:03 · 253 阅读 · 0 评论 -
Vue教程:Vue2.0常用的开发环境
Vue教程:Vue2.0常用的开发环境HomebrewMac系统下的包管理器,类似于Linux的apt-get, Windows的控制面板-安装删除应用程序。Node. jsJavascript运行环境(runtime),不同系统直接不能直接运行各种编程语言,运行环境(runtime)类似于各种国际会议上的同声传译。NpmNode. js下的包管理器,类似于Mac下的 Homebr...原创 2019-05-14 22:32:53 · 274 阅读 · 0 评论 -
三个 CSS 预处理器(框架)-Sass、LESS 和 Stylus的比较
三个 CSS 预处理器(框架)-Sass、LESS 和 Stylus的比较 CSS 预处理器技术已经非常的成熟,市场上也出现了越来越多的 CSS 的预处理器框架。本文主要介绍使用最为普遍的三款 CSS 预处理器框架,分别是 Sass、Less CSS、Stylus。一、什么是 CSS 预处理器 &n...原创 2019-05-17 09:49:39 · 872 阅读 · 0 评论 -
跨域:简述"跨域"的几种常见解决方案
SpringBoot:SpringBoot项目中跨域问题的解决出于安全原因,浏览器禁止对驻留在当前源之外的资源进行AJAX调用。跨源资源共享(CORS)是大多数浏览器实现的W3C规范,允许以灵活的方式指定授权的跨域请求类型,而不是使用IFrame或JSONP等安全性较低且功能较弱的黑客。Spring Framework 4.2 GA为开箱即用的CORS提供了一流的支持,提供了比典型的基于过滤...原创 2018-12-11 16:46:46 · 4114 阅读 · 0 评论 -
Vue教程:简述对Vue的简单认识
Vue教程:简述对Vue的简单认识 什么是 Vue.js 呢?官方定义它为渐进式 JavaScript 框架,其实就是一个轻量级的用于操作视图的框架,视图这里指的就是页面。 先简单说一下 DOM 这个概念,我们之所以能看到多彩的页面,都是归功于 DOM ...原创 2019-04-26 18:01:28 · 1093 阅读 · 0 评论 -
前端:简述表单提交前如何进行数据验证
前端:简述表单提交前如何进行数据验证通常在提交表单数据时,我们会对数据进行验证,例如某些字段是必填字段,不能为空,这时应该如何做呢?有如下三种方法:一、在button的submit事件进行判断<button type="submit">提交</button>function isEmpty(obj){ if(typeof obj == "undefine...原创 2019-04-09 14:45:51 · 4986 阅读 · 0 评论 -
基于Java角度理解nodejs/npm/webpack
基于Java角度理解nodejs/npm/webpacknodejs是js后端运行平台,可以把它看成java体系中对应的jdk,是三个里面最基础的。npm是nodejs的包管理工具,可以把它看成maven中包依赖管理那部分。webpack是前端工程化打包工具,可以把它看成maven中工程自动化那部分。一、NodeJS &nb...原创 2019-03-29 11:25:20 · 381 阅读 · 0 评论 -
Web:6 大主流 Web 框架优缺点对比之Angular 2+
6 大主流 Web 框架优缺点对比之Angular 2+Angular 2+1.有什么优势? Angular 2+ 的最大优势在于它的流行程度。也有人认为它和 Google 密切相关的名字,会影响团队使用它。Angular 1 的迅速流行是因为那些来自其他交互式应用程序开发环境的人会发现对于开发单页面 web 应用程序具有相似的模型-视图模式。通过对 Angular 1...原创 2018-04-10 20:42:00 · 1521 阅读 · 0 评论 -
Web:6 大主流 Web 框架优缺点对比之React + Redux
Web:6 大主流 Web 框架优缺点对比之React + ReduxReact + Redux1.有什么优势? React 和 Redux 的最大优势在于它们相对简单和专注。做一件事情并把它做好是非常困难的,但这两个库都很有效地完成了它们的目标。虽然对于某些状态容器方法可能是外部的,但大多数开发人员还是可以轻松掌握概念,并了解单向数据体系结构的好处,简化大量的用户界面...原创 2018-04-10 20:45:40 · 1287 阅读 · 0 评论 -
Web:6 大主流 Web 框架优缺点对比之Vue
Web:6 大主流 Web 框架优缺点对比之Vue.jsVue.js1.有什么优势? 渐进式构建能力是 vue.js 最大的优势,vue 有一个简洁而且合理的架构,使得它易于理解和构建。 vue 有一个强大的充满激情人群的社区,这为 vue.js 增加了巨大的价值,使得为一个空白项目创建一个综合的解决方案变得十分容易。2.有什么弱点和挑战? ...原创 2018-05-23 12:56:24 · 9400 阅读 · 0 评论 -
Web:6 大主流 Web 框架优缺点对比之DoJo2
Web:6 大主流 Web 框架优缺点对比之DoJo 2Dojo 21.有什么优势? Dojo2 专注于带来更多构建在状态容器体系之上的动态组件的体验模式,填补了 react+redux 等框架的许多空白。 Dojo2 也知道它不单单只是在自己的生态圈发展,通过包含 web 组件导入和导出功能,也意识到需要支持不同的应用实例,但它依旧提供了一个结构化和固有的框架...原创 2018-05-23 13:03:38 · 2738 阅读 · 0 评论 -
Web:6 大主流 Web 框架优缺点对比之Ember
Web:6 大主流 Web 框架优缺点对比之EmberEmber1.有什么优势? Ember.js可能是最固执己见的主流框架,这也是其最大的优势。它有创建Ember.js应用程序的正确方法,通常只有一种方法来创建应用程序。Ember.js更类似于一个产品或平台,在那里你会到一个供应商的长期支持和维护。Ember.js提供了对其平台的全面版本管理,升级工具以及对API升级的...原创 2018-05-23 13:06:47 · 2374 阅读 · 0 评论 -
Web:6 大主流 Web 框架优缺点对比之Aurelia
Web:6 大主流 Web 框架优缺点对比之AureliaAurelia1.有什么优势? Aurelia有很多关于构建Web应用程序的方法,结构和想法。 这个框架的编写有很多技术上的优点。2.有什么弱点和挑战? 我们估计最大的挑战就是核心发展的动力和临界物质的缺乏。我们感觉很多的观点和概念都是我们对其他框架的批评性的想法,但是 这些愿望都没有完...原创 2018-05-23 13:09:12 · 2601 阅读 · 0 评论 -
前端:项目一个html中如何引入另一个html?
一、div+$(“#page1”).load(“b.html”)参考代码:&amp;lt;body&amp;gt; &amp;lt;div id=&quot;page1&quot;&amp;gt;&amp;lt;/div&amp;gt; &amp;lt;div id=&quot;page2&quot;&am转载 2018-10-31 17:26:46 · 6211 阅读 · 0 评论 -
CSS : 一张图快速记忆CSS所有属性
CSS : 一张图快速记忆CSS所有属性1、字体属性:(font) 大小 font-size: x-large;(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX、PD 样式 font-style: oblique;(偏斜体) italic;(斜体) normal;(正常) 行高 line-height: normal;(正常) 单位:PX、PD、E...转载 2018-11-29 14:37:53 · 736 阅读 · 0 评论 -
跨域:简述"跨域"的概念与造成原因
Web:简述&amp;quot;跨域&amp;quot;的概念与造成原因一、什么是跨域?&amp;amp;nbsp;&amp;amp;nbsp;&amp;amp;nbsp;当协议、子域名、主域名、端口号中任意一个不相同时,都算作不同域。不同域之间相互请求资源,就算作&amp;quot;跨域&amp;quot;。注意:&amp;amp;nbsp;&amp;原创 2018-12-12 15:48:27 · 814 阅读 · 0 评论 -
优秀的Vue UI组件库总结
优秀的Vue UI组件库总结 Vue 是一个轻巧、高性能、可组件化的MVVM库,API简洁明了,上手快。从Vue推出以来,得到众多Web开发者的认可。现在,很多公司的Web前端项目开发中,采用了基于Vue的UI组件框架开发,并投入正式使用。开发团队在使用Vue.js框架和UI组件库以后,开发效率大大提高,自己写的代码也少了,...原创 2019-04-01 10:39:01 · 864 阅读 · 0 评论 -
Jquery中验证InputFile选中的文件类型
/** * 验证文件类型 * @param {Object} filepath 获取到的文件路径 * @param {Object} allowtype 允许通过的文件类型数组如 图片: [ "jpg", "gif","png","Jpeg"] */ function checkFileType(filepath,allowtype){原创 2018-01-08 20:20:26 · 2507 阅读 · 0 评论