摘要: 前言 在使用vue.js开发前端项目时,再结合webpack搞起各种依赖、各种插件进行开发,无疑给前端开发带来了很多便捷,就在解决跨域这个问题上,相信众多用vue.js的前端同僚们同我一样尝到了甜头,开发环境全靠proxyTable一通配置简直不要太酸爽。还不明所以然的新手们可能还没搞清我说的是什么 阅读全文
posted @ 2020-12-14 12:36 陌路y 阅读(6389) 评论(0) 推荐(0) 编辑
摘要: 1 vuex的概念理解 提到vuex,就不能不先提vue.我个人开始尝试学习使用vue,是因为此前总是遇到页面逻辑数据与视图的一致性问题.在使用vue之前,我们使用jQuery插件的时候,一桩麻烦事就是既要在每个数据变更后,写代码去改变视图,又要考虑html上各种输入改变时监听各种事件以改变页面逻辑 阅读全文
posted @ 2020-12-14 12:35 陌路y 阅读(101) 评论(0) 推荐(0) 编辑
摘要: Node.js 单线程与多进程 大家都知道 Node.js 性能很高,是以异步事件驱动、非阻塞 I/O 而被广泛使用。但缺点也很明显,由于 Node.js 是单线程程序,如果长时间运算,会导致 CPU 不能及时释放,所以并不适合 CPU 密集型应用。 当然,也不是没有办法解决这个问题。虽然 Node 阅读全文
posted @ 2020-12-14 12:33 陌路y 阅读(389) 评论(0) 推荐(0) 编辑
摘要: 在开发中碰到一个问题,如果公共配置写在src里面会被打包,无法做到可读性可以随时更改配置,所以只能写在static文件夹下,那么就实现一个公共配置文件吧。 在static文件夹下添加一个配置文件 const httpUrl = 'http://190.168.1.1:18003/api' funct 阅读全文
posted @ 2020-12-14 12:31 陌路y 阅读(4293) 评论(0) 推荐(1) 编辑
摘要: 什么是webpack? 一句话概括:webpack是一个模块打包工具(module bundler)。重点在于两个关键词“模块”和“打包”。什么是模块呢?我们回顾一下曾经的前端开发方式,js文件通过script标签静态引入,js文件之间由于没有强依赖关系,如果文件1要用到文件2的某些方法或变量,则必 阅读全文
posted @ 2020-12-14 12:30 陌路y 阅读(835) 评论(0) 推荐(0) 编辑
摘要: 我想实现读取一个本地的xlsx文件(task_list.xlsx)然后显示在网页上, 一开始选择的方法是建个express server, 通过发送axios请求来实现, 但是觉得只是读取一个本地文件还要搞个server太复杂了, 最终还是通过"xlsx"模块 + axios实现了读取本地文件, 无 阅读全文
posted @ 2020-12-14 12:27 陌路y 阅读(6774) 评论(0) 推荐(0) 编辑
摘要: 在小程序里面是没有dom元素的,这个我们只要会小程序的应该都知道,但是在平时开发中我们偶尔会遇到需要点击某个元素获取它的值的情况,在这里给大家列举了两种情况解决方法 方式一:数据绑定 这种情况的话,对应的场景是只有一个按钮或元素调用这个方法的情况下的 在你的.vue文件中的data数据里面添加变量 阅读全文
posted @ 2020-12-14 12:25 陌路y 阅读(167) 评论(0) 推荐(0) 编辑
摘要: 新功能 差分加载 根据您的browserlist 文件,在构建期间,Angular将为其创建单独的包polyfills。所以基本上你会有: 使用此功能将减小捆绑包大小。 但这是如何工作的? 基本上,Angular将使用polyfill构建其他文件,并且它们将注入nomodule 属性。 <body> 阅读全文
posted @ 2020-12-14 12:23 陌路y 阅读(246) 评论(0) 推荐(0) 编辑
摘要: 1 iview的router控制需求 最近在使用iview框架写项目,遇到了一些路由控制上的问题,解决过程中也有一些心得,故在此记录下来.每个项目在开发时,对于类似tags(标签页)的控制需求都不尽相同,故以下先列出本文所述项目对标签页的控制要求(如有不同需求,本文当也可提供一些思路): 对于同名( 阅读全文
posted @ 2020-12-14 12:22 陌路y 阅读(381) 评论(0) 推荐(0) 编辑
摘要: 交互通信 Flutter 与原生之间的通信依赖灵活的消息传递方式: 1,Flutter 部分通过平台通道将消息发送到其应用程序的所在的宿主环境(原生应用)。 2,宿主环境通过监听平台通道,接收消息。然后它会调用平台的 API,响应 Flutter 发送的消息。 Flutter主动 调用 宿主环境 在 阅读全文
posted @ 2020-12-14 12:19 陌路y 阅读(503) 评论(0) 推荐(0) 编辑
摘要: 减少resolve解析 resolve: { modules: [ path.resolve(__dirname, 'node_modules'), // 使用绝对路径指定 node_modules,不做过多查询 ], // 删除不必要的后缀自动补全,少了文件后缀的自动匹配,即减少了文件路径查询的工 阅读全文
posted @ 2020-12-14 12:18 陌路y 阅读(134) 评论(0) 推荐(0) 编辑
摘要: 技巧1 webpack在打包的时候第一次总是会做很长的准备工作,包括加载插件之类的。在刚接触webpack的时候总是webpack一下-测一下-改一下-再webpack一下,这种方式最后让很多人崩溃了觉得webpack一点都不好用。其实这是错误的使用方式。 正确的方式应直接执行webpack --w 阅读全文
posted @ 2020-12-14 12:14 陌路y 阅读(593) 评论(0) 推荐(0) 编辑
摘要: Jquery的bind跟on绑定事件的区别:主要是事件冒泡(事件代理); jquery文档中bind和on函数绑定事件的用法: .bind(events [,eventData], handler) .on(events [,selector] [,data], handler) 从文档中可以看出, 阅读全文
posted @ 2020-12-14 12:12 陌路y 阅读(114) 评论(0) 推荐(0) 编辑
摘要: 现在,前后端分离与客户端渲染已经成为前端开发的主流模式,绝大部分的前端应用都适合用这种方式来开发,又特别是 react、vue 等组件技术的发展,更是使这种方式深入人心。 但有一些应用,客户端渲染就会遇到一些问题了: 需要做 seo(搜索引擎优化),但客户端渲染的 html 中几乎没有可用的信息 需 阅读全文
posted @ 2020-12-14 12:10 陌路y 阅读(1037) 评论(0) 推荐(0) 编辑
摘要: hash模式 即地址栏 URL 中的 # 符号(此 hash 不是密码学里的散列运算)。比如这个 URL:http://www.abc.com/#/hello,hash 的值为 #/hello。它的特点在于:hash 虽然出现在 URL 中,但不会被包括在 HTTP 请求中,对后端完全没有影响,因此 阅读全文
posted @ 2020-12-14 12:08 陌路y 阅读(248) 评论(0) 推荐(0) 编辑
摘要: 因为dojo本身带有模块加载的功能,会与webpack本身有冲突,所以需要借助esriLoder。 安装 npm i esri-loader 使用esri-loader esri-loader暴露了loadcss和loadModules两个方法,分别用来加载css和js文件。引入 import { 阅读全文
posted @ 2020-12-14 12:07 陌路y 阅读(304) 评论(0) 推荐(0) 编辑
摘要: 在新建好的项目中,一般执行npm run build就是打包了,但此时只能打包到一个环境,不同环境需要配置不同的地址,可以手动更改接口的地址,也可以自行配置命令而不需要每次打包进行地址切换,步骤如下: 文件结构如下图: 1)在config文件内新建test.env.js文件: 'use strict 阅读全文
posted @ 2020-12-14 12:05 陌路y 阅读(618) 评论(0) 推荐(0) 编辑
摘要: 首先,这个例子用到了服务端渲染的技术。服务端渲染,说白了就是在服务端使用模板引擎,这里我先简单的介绍一下服务端渲染与客户端渲染之间的区别。 服务端渲染与客户端渲染之间的区别: 客户端渲染不利于搜索引擎优化 服务端渲染可以被爬虫抓取到,而客户端异步渲染很难被爬虫抓取到(例如:AJAX) 大部分的网站既 阅读全文
posted @ 2020-12-14 12:04 陌路y 阅读(129) 评论(0) 推荐(0) 编辑
摘要: 是该读些评论和做一些总结的时候了。当我们开始写这个系列博客的时候,我们知道 JavaScript/web 应用框架并不太好总结。我们努力对这个不可回答的问题作出回答:我该用什么样的框架? 在这篇文章中,我们将对这个系列中所提到的每款框架做一个总结,包括我们所认为的强项和弱项。另外,我们为你留下了一些 阅读全文
posted @ 2020-12-14 12:00 陌路y 阅读(556) 评论(0) 推荐(0) 编辑
摘要: 需求一: 在一个列表页中,第一次进入的时候,请求获取数据。点击某个列表项,跳到详情页,再从详情页后退回到列表页时,不刷新。也就是说从其他页面进到列表页,需要刷新获取数据,从详情页返回到列表页时不要刷新。 解决方案在 App.vue设置: <keep-alive include="list"> <ro 阅读全文
posted @ 2020-12-14 11:58 陌路y 阅读(272) 评论(0) 推荐(0) 编辑