今天看到微信推送了一条小程序云上线通知，作为一个前端er，满怀期待的去看了看，很不错先看看文档上怎么说的： 开发者可以使用云开发开发微信小程序、小游戏，无需搭建服务器，即可使用云端能力。 云开发为开发者提供完整的云端支持，弱化后端和运维概念，无需搭建服务器，使用平台提供的 API 进行核心业务开发，即可实现快速上线和迭代，同时这一能力，同开发者已经使用的云服务相互兼容，并不互斥。（就是说以后老板让你做小程序...
本文实例为大家分享了微信小程序云开发环境配置的具体方法，供大家参考，具体内容如下 注意：小程序云开发需要使用注册的小程序appid，测试和游客进入是没有云开发的功能。 首先我们新建小程序项目，填写申请的appID如果没有需要注册一个，微信为我们提供了一个云开发快速启动的模板，这里我们勾选进去看看云开发为我们提供的案例。首次进入控制台会报cloud init error （云初始化错误）。如果我们填写了在微信的左上角调试器旁边有...
小程序云开发出来之后，小程序开发人员也要慢慢的接触后端对数据的增删改查了。下面就给大家提供一个案例吧。这里我把新增和修改放在了一个页面 显示页面index.wxml <view wx:if="{{books}}" class=container><view class=title><text>图书列表</text></view><view class=label><text>书名</text><text>作者</text><text>价格</text><text>操作</text></view><block wx:for="{{books}}" wx:key=""><view class=content><text>...
在上一章我们已经配好了环境，这章我们按照模板的顺序去执行提供的案例，对官方文档进行一个实践操作。 首先我们点击”点击获取 openid “文字，发现控制台报错： 云函数 调用失败 Error: errCode: -404011 cloud function execution error | errMsg: cloud.callFunction:fail requestID , cloud function service error code -504001, error message Unkown function; at cloud.callFunction api;在跳转的页面我们发现了官方的提示...
本文实例讲述了微信小程序开发实现的选项卡(窗口顶部/底部TabBar)页面切换功能。分享给大家供大家参考，具体如下： 微信小程序开发中选项卡.在android中选项卡一般用fragment,到了小程序这里瞬间懵逼了. 总算做出来了.分享出来看看. 先看效果:再上代码: 1.index.wxml <!--index.wxml--> <view class="swiper-tab"><view class="swiper-tab-list {{currentTab==0 ? on : }}" data-current="0" bindtap="swichNav">哈哈</view><view ...
从 webpack book 的 Loading Assets 一章中延申出来。 改善前端项目体验中，很重要的点就是静态资源的优化。它是由于浏览器客户端在同一时间针对同一 域名 的请求有一定资源限制。如果资源过多、过大就会使得页面卡顿。 静态资源中，又以图片最为典型。那么我们在开发中该如何处理图片呢？ webpack 是前端较为常用的手脚架工具，本文以它为例。 主要分为 开发 、 打包 、 优化 三个方面来介绍 示例地址: webpack demo 开发webpack...
开发vue时，浏览器有一个好的开发调试工具能让开发事半功倍，磨刀不误砍柴工。 步骤 1.下载工具 地址： https://github.com/vuejs/vue-devtools 2.安装依赖 cmd进入vue-devtools文件夹，安装相关依赖，依次执行npm install,再执行npm run build。 3.修改配置 打开shells>chrome>src>manifest.json，修改”persistent”:false为true。4.浏览器安装 经过前面几步，工具基本已经准备好了。接下来，打开浏览器。 打开里面的设置>点击...
从微信小程序官方发布的公告中我们可获知：小程序体验版、开发版调用 wx.getUserInfo 接口，将无法弹出授权询问框，默认调用失败，需使用 <button open-type="getUserInfo"></button> 引导用户主动进行授权操作： 1.当用户未授权过，调用该接口将直接报错 2.当用户授权过，可以使用该接口获取用户信息 但在实际开发中我们可能需要弹出授权询问框，因此需要我们自己来写模拟授权弹框（主要是对<buttonopen-type="getUserInfo"></but...
前面 接着上一节的内容来，今天我们要完成一个用Node开发后台服务器，实现一个简单的用户评论社区。可以先看下效果图：开始建立项目文件夹comment-list，在里面新建一个public文件夹，public文件夹存放我们允许客户端访问的资源，这里是公开的。app.js文件是我们服务端代码。在index.html文件中放的是网站的首页内容，这里采用bootstrap框架快速搭建。可以先招一些假数据，以便页面渲染后看效果。核心代码： <ul class="list-group...
最近有一个项目，还是使用的传统 MVC 模式开发，完全基于jQuery，使用了基于java模板引擎velocity，页面中嵌入了大量java语法，使得前后端分离不彻底，工程打包上线苦不堪言，为实现后端为服务化，前端也得彻底从后端中分离出来。 方案: webpack4 + ejs webpack 打包所有的 资源打包所以的 脚本打包所以的 图片打包所以的 样式打包所以的 表ejs高效的 JavaScript 模板引擎，代替 velocity webpack 配置基本插件 @babel/core，@babe...
为什么要使用TypeScript？为了减少代码编写过程中出现的错误，以及更好的维护你的项目，本文将手把手教你配置一个简单的开发环境来编写Node.js的应用程序，创建这样的一个开发环境有很多方式，这只是其中一种，希望对你有所帮助！手把手教你使用TypeScript开发Node.js应用 首先配置package.json 因为要在项目中使用Webpack，所以首先得创建一个package.json文件，我们可以使用npm init来生成 { "name": "start", "version": "1.0.0...
需求最近在做一个项目需求，分享领好书活动，获取用户的个人信息以及unionID，并诱导用户分享给好友或朋友圈，达到裂变拉新的目的。在做的过程中遇到了一些坑的地方，所以回过来总结一下 技术方案使用微信JS-SDK自定义分享到好友和分享到朋友圈 实现步骤1、要实现微信H5网页自定义分享功能，必须先熟悉下微信公众平台开发文档，具体文档里面说的很详细，这里说下需要注意的点，别忘了绑定开发者权限，还有绑定js安全域名，要不然有...
具体代码如下所示： wx.ready(function () {var startRecordflag = falsevar startTime = null//btnRecord 为录音按钮dom对象btnRecord.addEventListener(touchstart, function (event) {event.preventDefault();startTime = newDate().getTime();// 延时后录音，避免误操作recordTimer = setTimeout(function () {wx.startRecord({success: function () {var rainAllowRecord = sessionStorage.getItem("rainAllowRecord");//判断...
本文主要介绍了vue 搭建后台系统模块化开发，分享给大家，具体如下： 效果目录结构 ├── README.md ├── build │ ├── build.js │ ├── check-versions.js │ ├── logo.png │ ├── utils.js │ ├── vue-loader.conf.js │ ├── webpack.base.conf.js │ ├── webpack.dev.conf.js │ └── webpack.prod.conf.js ├── config │ ├── dev.env.js │ ├── index.js │ └── prod.env.js...
当我第一次发现 TypeScript 时，就把它用到了自己的 JavaScript 程序中。使用 TypeScript 有很多好处，现在你要让我在用原生 JavaScript 写任何东西的话，需要给我一个令人信服的理由。 在本文中，我将向你展示如何设置一个简单的开发环境，以便使用 TypeScript 编写 Node.js 应用程序。 首先在 TypeScript 中可能有一千种或更多种不同的方法去创建 Node.js 程序。我只是想展示自己喜欢的方式。 另外你可以在此处找到我的入门项目：...