KUNG Blog

The harder you work, the luckier you will be!

vue前端开发规范v1.0.0

开发规范

一、规范目的: 为提高团队协作效率,便于后台人员添加功能及前端后期优化维护,输出高质量的文档,特制订此文档。本规范文档一经确认,前端开发组人员必须按本文档规范进行前台页面开发。本文档如有不对或者不合适的地方请及时提出,经讨论决定后方可更改。使开发流程更加规范化。 二、基本准则: 符合 vue 标准,结构表现行为分离,兼容性优良。页面性能方面, 代码要求简洁明了有序,尽可能的减小服务器负...

微信小程序开发踩坑经验指南(持续更新)

微信小程序开发

一直以来利用空余时间开发了几个微信小程序,直接用原生的小程序比较少,这里用的uniapp,中间踩了一些坑,趁着现在项目不是很紧张,记录一下避免后面再踩坑~ 坑点记录 小程序跳转问题 如果是跳转非底部导航页面直接wx.navigateTo({url:'/pages/news/list'}),如果是跳转到底部导航页面需要改变一下跳转方式wx.switchTab({url: url})并且不...

uniapp微信小程序云开发订阅消息推送踩坑指南

记录uniapp开发过程中的技术点

开发思路 搭建uniapp环境 下载HbuilderX 选择文件-新建项目,选择uniapp项目,随便命名一个名字 安装npm依赖 $ npm i hydrogen-js-sdk --save //因为数据添加用到了bmob云数据库,需要安装`hydrogen-js-sdk`npm包 编写业务代码 添加数据(bmob),后期替换为腾讯云开发数据库 获取第三方小...

weex开发总结

记录weex开发过程中的技术点

目录结构 ├── app.html // 模版文件 ├── assets //静态资源,会被webpack打包 ├── backpack.config.js //打包配置,一般不会动 ├── build //nuxt打包后自动生成 ├── components //封装的公共业务组件 │   ├── home //首页公共组件 │   ├── icon-item.vue //首页图标 │ ...

nuxt概念梳理

记录nuxt概念梳理

目录结构 ├── app.html // 模版文件 ├── assets //静态资源,会被webpack打包 ├── backpack.config.js //打包配置,一般不会动 ├── build //nuxt打包后自动生成 ├── components //封装的公共业务组件 │   ├── home //首页公共组件 │   ├── icon-item.vue //首页图标 │ ...

记一次修复nuxt打包引起的js缓存问题

记录一次修复nuxt打静态包引起的js缓存问题

说明 五一假期前突然接到领到安排的一个修复H5页面bug任务,说是这个bug让另外一个产品经理背了一个记过的处分…接到任务的我有点方。 什么问题? 这个bug说来也是很常见的,如图,网上也有很好的解决方案。但是由这个问题带来了一系列的历史遗留问题也很多~ 我们的H5页面是基于nuxt这个框架打出的静态包,然后让后台丢到nginx服务器上做反向代理解决跨域问题的。nuxt这个框架已经...

uniapp踩坑笔记

为避免后面踩坑,罗列一些最近使用uniapp的心得

前言 什么是uniapp 引用官方的介绍,uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台。 即使不跨端,uni-app同时也是更好的小程序开发框架。 心得 如何监听返回按键:监听当前页面的back事件,需要在当前页面使用onBack...

(转)生动形象解释forEach、filter、map、some、every、find、findIndex、reduce间的区别

从最开始学的for循环遍历方法,到后来层出不穷的各种遍历方法,其实最大的区别就是应用场景的不同。 我们最需要记住的就是,什么情况下用哪一种方法比较合适。

前言 从最开始学的for循环遍历方法,到后来层出不穷的各种遍历方法,其实最大的区别就是应用场景的不同。 我们最需要记住的就是,什么情况下用哪一种方法比较合适。 从挑土豆开始 这里有一堆土豆,如果换成代码,可以表示如下: var potatos = [{ id: '1001', weight: 50 }, { id: '1002', weight: 80 }, { id: '1003'...

在微信小程序中下载图片到本地解决方案

基于mpvue微信小程序下载远程图片到本地解决思路

说明 最近有些空余时间开始着手优化我那个吉他自学小助手的微信小程序,其中有一个功能是下载吉他谱到本地,开始以为只是很简单的拿到图片url然后down下来就好了,其实不然…最终通过google解决了这个问题,现在记录一下,以便后续翻阅。 少废话先看东西 流程梳理 获取图片远程地址数组–>遍历拿到图片缓存(临时地址)(wx.getImageInfo)–>保存缓存图片到本地...

用weexplus从0到1写一个app(2)-页面跳转和文章列表及文章详情的编写

用weexplus从0到1写一个吉他学习app过程踩坑

说明 结束连续几天的加班,最近的项目终于告一段落,今天抽点时间开始继续写我这篇拖了很久的《用weexplus从0到1写一个app》系列文章。写这篇文章的时候,weexplus的作者已经把weexplus重构了一下,可以同时打包出web端和native端,我这边的ui界面和项目结构也跟着做了一点变化。这里有weexplus官方放出的一个电影APP的demo,有需要的可以去下载看看,然后顺便给...