2019年12月_Posden

原创 Vue -Ts入门 Vuex (二)

接着上文 Vue -Ts入门 (二)本人也是第一次写，所以若有所出处，欢迎指正。准备工作按照个人项目实际情况npm i vuex -Snpm i vuex-class -S文件夹目录main.tsimport Vue from "vue";import Test1 from "./views/Test1.vue";+ import store from "./sto...

2019-12-30 17:21:14 3607

原创 Vue -Ts入门 (一)

本文章，是个人第一次尝试利用vue-cli3(事实更新vue-cli4)，从头开始，加入typeScript。如果有出处，欢迎指正。共同成长。本文是做vue+ts;不会对原vue做过多的说明，如果有问题，欢迎私聊探讨。TypeScript 官网链接创建项目vue create vue-ts其他你自己按需求吧。shims-vue.d.ts毕竟 ts 默认只识别 .d.ts、.t...

2019-12-29 17:46:33 4160

原创 lodash.js工具库常用整理

官网：最新版地址链接本文将整理常用的，案例也是官网的，只是自己再实战演练一下。所以到此，客官可以戳上面链接进入官网。当然，如果你看着官网，方法真的多，感觉很蒙的话，就把我整理的常用的先看看吧。有时候真的要多看看大佬写的代码，lodash.js也是我看大佬用过一次才知道的。安装lodash1）CDN 链接2）NPMnpm i --save lodashvar _ = require...

2019-12-29 00:18:17 517

原创 Vue VDOM 渲染 diff 简易版

从零开始创建一项目骨架项目目录npm init -ynpm install webpack webpack-cli html-webpack-plugin css-loader style-loader less-loader less file-loader clean-webpack-plugin extract-text-webpack-plugin webpack-merge w...

2019-12-26 17:26:36 217

原创 JavaScript 听说有朋友不会用对象

个人查漏补缺，具体的自己查看文档一、扩展运算符可对象合并 function upload(params) { let config = { type:'*.jpg,*png', size:1024 } config = { ...config,...params} ...

2019-12-19 16:31:26 173

原创小程序关于组件那回事

从小程序基础库版本 1.6.3 开始，小程序支持简洁的组件化编程。所有自定义组件相关特性都需要基础库版本 1.6.3 或更高。感觉有了组件，template 要没落了，个人感觉。创建组件你可以在微信开发者上指定位置，可以右击新建component，注意一下，因为里面结构与page不同。my-component.xml<view> <view>我是默认标题&l...

2019-12-18 10:03:11 138

JS 中事件捕获与事件冒泡W3C规定：把DOM事件分为两个阶段，事件捕获阶段和事件冒泡阶段，例如：当页面某一个元素被点击，首先是事件捕获阶段，window最先接收事件，然后一节一节往下捕获，最后由具体元素接收，然后再由具体元素一节一节往上，最后window会再次接收事件，以下为DOM事件流示意图：如果不好理解，可以这样想事件：某家遭贼了（事件发生），警察叔叔要进某家的院子，进房间，抓捕（捕获...

2019-12-17 15:39:46 328

原创 KOA 初探洋葱模型

KOA 官网链接当然，如果你有express的基础就最好了，毕竟是原班人马开发常用的指令npm install koanpm install nodemontouch app.jsnodemon app.js测试一useuse 函数使用中间件app.jsconst Koa = require('koa')const app = new Koa()app...

2019-12-11 11:09:01 558

原创小程序请求接口封装 await async

项目实践中，异步请求，真的是个头疼的事情。比如取不到数据，回调地狱，哪怕在小程序的自己的生命周期中也会出现问题。util.jsexport const request = (params) => { const baseUrl = "https://xxxxxx/api" return new Promise((resolve,reject)=>{ wx.requ...

2019-12-08 23:06:08 542

原创小程序 + vant 购物车爬坑

案例页面cart 是主页面， cart-item 是template案例实现单个商品的选择，删除，每个产品数量的增减，全选按钮的与单选按钮的关联。价格的实时更新；产品item抽离一个template。注意点1.点击事件绑定参数，跟vue react都不一样；2.绑定参数 data-xxx ; event对象3.小程序template 只做页面布局，跟组件不一样。小程序tem...

2019-12-06 18:18:25 1232 5

原创 Vant picker 多级联动

官网地址：链接官网文档可能不是很完善，但仔细看文档，方法，类型其实都讲到的。搭配弹出层使用 <van-field readonly clickable placeholder="选择城市" :value="station" @click="showPicker = true" /> <van-popup v-model="showPicker" po...

2019-12-04 17:33:00 10303 22

原创 Vue keep-alive的那些事

上个班，才发现，下个月都过年了，距离年初你定的目标，怎么样了，是不是又荒废了一年，还是收货满满。看看年初的代码，是不是跟个米田共一样。走吧，走吧，走吧，人总要学着自己长大。keep-alive<keep-alive>是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM；包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。<keep-alive i...

2019-12-02 14:22:11 153

没有翅膀的我们，只是随便认为不能飞而已