2020年3月28日

从零搭建React+TypeScript的后台项目(一)

摘要: 这段特殊时期,在家闲暇时间比较多,就系统学习了React+Ts的语法逻辑,以及如何从零搭建一个简易的后台管理项目。技术栈包括React、React-router-dom、Redux、Axios、TypeScript、Ant Design。刚好公司项目重构也是基于React+ts开发的。话不多说,直接 阅读全文

posted @ 2020-03-28 15:42 世界之魂 阅读(10855) 评论(3) 推荐(1) 编辑

2019年4月6日

Vuex学习心得

摘要: 最近公司项目中使用Vuex做状态管理,就全面温习了一遍文档,然后在项目使用中遇到一些常见问题就一一总结下。 一、由来 我们知道Vue中数据是自顶向下单向流动的,但是以下两种情况单向数据流实现起来十分繁琐且不易维护: 多个视图依赖同一状态; 来自不同视图需要变更统一状态。 因此,Vuex诞生了。我们需 阅读全文

posted @ 2019-04-06 22:42 世界之魂 阅读(254) 评论(0) 推荐(0) 编辑

2019年2月28日

Vue自定义日历组件

摘要: 今天给大家介绍Vue的日历组件,可自定义样式、日历类型及支持扩展,可自定义事件回调、Props数据传输。 线上demo效果 示例 Template: script: Api Props属性 markDateArray/[] 需要标记的日期 markDateClassArray/[] 定义标记的日期及 阅读全文

posted @ 2019-02-28 14:13 世界之魂 阅读(1396) 评论(1) 推荐(0) 编辑

2019年1月21日

vue中使用vue-pdf插件显示pdf

摘要: 最近项目需求需要在vue中展示pdf,上网搜索了实现方法,找到vue-pdf这个插件非常好用,并且还有许多方法、属性能进行功能扩展。 一、安装 二、基本示例 只需在组件的src属性传入pdf的链接就能显示相应的pdf文件。 三、API Props属性 :srcString/Object pdf的链接 阅读全文

posted @ 2019-01-21 11:47 世界之魂 阅读(87280) 评论(15) 推荐(5) 编辑

2018年12月3日

vue-上拉加载、下拉刷新组件

摘要: vue在移动端开发过程中,上拉加载、下拉刷新是页面的基本需求,现在给大家介绍一种基于touch事件封装的刷新组件。 组件支持传参、传递事件、请求成功异步回调、上拉与触底触发加载或刷新。 父子组件间的通信 这里我们有两个页面,父组件note.vue与刷新组件baseScroll.vue。 通过Prop 阅读全文

posted @ 2018-12-03 11:42 世界之魂 阅读(1355) 评论(0) 推荐(0) 编辑

2018年11月30日

编写Jquery插件

摘要: jQuery基本上是前端开发中使用最多的JavaScript工具库。有些项目开发过程中总会有些业务逻辑相似的代码块,为了便于管理项目中的逻辑,这些逻辑相似的代码块我们可以编写jQuery插件进行统一管理。 起步 引用相关所需文件 <!-- 自定义插件 --> <script src="./compo 阅读全文

posted @ 2018-11-30 15:44 世界之魂 阅读(132) 评论(0) 推荐(0) 编辑

2018年6月4日

JavaScript--自定义事件Event

摘要: 在开发过程中,js原生事件不足以满意开发需求,需要开发者自定义事件。 一、Event Event()构造函数创建一个新的Event。 typeArg 事件名称。 eventInit 这是一个对象,包含以下字段: bubbles:(可选)Boolean指示事件是否冒泡。默认是false。 cancel 阅读全文

posted @ 2018-06-04 14:56 世界之魂 阅读(758) 评论(0) 推荐(0) 编辑

小程序开发--API之登录授权逻辑

摘要: 小程序登录授权获取逻辑 原生的小程序提供许多开放接口供使用者开发,快速建立小程序内的用户体系。 下面将小程序校验、登录、授权、获取用户信息诸多接口串联起来,以便更直观的认识到这些接口是如何在实际应用中使用的。 一、 检验、登录 login说明: 小程序调用wx.login() 获取 临时登录凭证co 阅读全文

posted @ 2018-06-04 10:55 世界之魂 阅读(783) 评论(0) 推荐(0) 编辑

2018年5月21日

小程序开发--WePy框架

摘要: 现如今mvvm框架如此火热,其核心思想即js逻辑层不直接操作DOM,只改变组件状态;而视图层则通过模板template进行渲染。 1.WePy项目的目录结构 二、实例 小程序定义了三大实例类,App、Page、Component; 2.1 App 入口文件app.wpy声明的小程序实例继承至wepy 阅读全文

posted @ 2018-05-21 21:34 世界之魂 阅读(1036) 评论(0) 推荐(0) 编辑

2018年3月6日

$.extend和$.fn.extend详解

摘要: 一、定义 $.extend()属于j全局的Query对象,用于将一个或多个对象合并到目标对象上; $.fn.extend()属于jQuery的原型对象,用于在jQuery原型上扩展实例属性和方法。 二、语法 三、示例 3.1 $.extend 如果只为该函数指定一个参数,则表示省略target,ta 阅读全文

posted @ 2018-03-06 12:28 世界之魂 阅读(279) 评论(0) 推荐(0) 编辑

导航