Simon的博客

前言微信小程序简单易上手，只要有一些编程基础，即可快速开发基本的项目。本项目是常见的，商品广告落地页小程序。提供商品浏览，商品列表按钮，购买，微信授权，手机号绑定，验证码校验，用户协议，消息通知，监听者模式等基本功能。定位学习人群是刚接触微信小程序的，零基础同学。本人刚接触微信小程序时，也是零基础，HTML和CSS都是第一次接触，经过两个星期的学习，就掌握了基本的开发技巧，并独立完成多个项目。所以即使没有这方面经验的同学也不要气馁，只要学习几个实战项目之后，应付工作基本上都是绰绰有余的。效果图

如上图，想实现输入注册手机号，及6位数字验证码。并且输入后倒计时60秒主要分为 wxml，wxss，js 三块。其中用到的倒计时模块，单独写成工具类使用。toast 是一个提示工具类，详见我另外一篇文章: https://www.jianshu.com/p/f79e876d22b6wxml <block> <view class="section-title">注册手机号</view> <view class="phone-cell..

想封装wx.showToast，做到可以提示不同信息。提示成功信息，失败信息，加载中信息，文字信息。代码如下：/** * 文字提示框 * @param {!string} title 标题 * @param {?Function=} cb 提示框消失时的回调函数 * @param {?number=} seconds 提示框持续的时间，单位（秒） */function showTextToast(title, cb, seconds, mask = true) { showToas.

flex-growflex-grow处理父元素在还有剩余空间时的分配规则，分为两种情况。即：所有元素的flex-grow值之和大于1，和小于1。大于1时，例如：父元素宽600px，子元素A和B，宽分别为200px，300px。还剩余100px。此时A，B的flex-grow分别为2，3.则 剩余100px，分给A 2/5，分给B 3/5A，B宽度为：200+40=240px300+60=360px小于1时，作为分母的总和会引入1来处理。例如：上例中，A，B flex-grow分别为

在指定文件夹内，使用终端命令行打开vscode在当前目录打开vscodecode .如果code命令无法使用，需要配路径，如下：打开bash或者zsh配置文件# bash 用户请使用vi ~/.bash_profile # zsh 用户请使用vi ~/.zshrc按 i 键 开始输入# 设置 vscode 启动命令别名alias code="/Applications/Visual\ Studio\ Code.app/Contents/Resources/app/bin/co.

Google chrome 浏览器开发vue项目时，需要安装vue浏览器插件。Vue.js devtools可以方便查看vue组件，events, 路由，vuex等信息。这是未安装时的*warning*这是浏览器扩展程序中的插件![extensions.png](https://img-blo.

方式一：属性绑定1. 原始样式<template> <div id="app"> <h1>示例1 属性绑定</h1> <div class="myStyle">测试</div> </div></template><script>export default { name: "app",};</script><style>.myS

微信授权，接口需要调整为wx.getUserProfile但是如果需要嵌套wx.login的话，需要考虑code和iv参数过期的问题。所以使用Promise.all优雅地解决这个问题直接上代码:// 微信授权 getProfile 方式function wxProfileLogin({ success, fail}) { console.log('【loginService】微信登录 Profile') // login const loginFunc = new Prom

效果图1、实现背景颜色渐变background: linear-gradient(#F99A17, #EE5234, #F72C20);从上到下渐变颜色background: linear-gradient(-90deg, #F99A17, #EE5234, #F72C20);从左到右渐变颜色radial-gradient(red, green, yellow);从里到外渐变颜色2、实现背景圆角border-radius: 50%;border-radius: 30rpx, 2

需求介绍：实现考场座位号随机排布，1-30号，按照 7，8，8，7排布。 第一排左边是窗口，右边是门口。设计思路:1. 核心代码是座位号随机。2. 脚本主要有三个：主界面 座位组件 一排座位组件3. git地址：https://dtid_4a3b0898f0165a40.coding.net/p/randomseats/d/randomSeats/git代码摘要：随机座位号 getRandomNumbers: function (bot...

垃圾回收——Garbage Collection栈内存由操作系统管理，而GC都是指堆内存。主流引擎：Trident内核：IE，360，搜狗，TT，The World，MaxThonGecko内核：NetScape6及以上，FF，MoziliaSuite/SeaMonkeyPresto内核：Opera7及以上，Opera原为Presto，现为BlinkWebKit内核：Safari，Chrome[Chrome的Blink为WebKit的分支]现在基本的浏览器JavaScrip.

微信小程序实现如上效果。分为两个组件:PinTuan: 整体组件 PinTuanHead: 每个头像组件代码如下：PinTuan.jsComponent({ attached:function() { // 获取头像地址数据，返回一个头像地址数组 notification.addObserver('你自己的消息事件', (config) => { this._getServeHeadData(config); }, this);...

JavaScript ES6 难点之一就是 Promise，今天做一下相关知识点整理。如果面试，只需要了解这些就够了，多了也用不上。# 1、promise 用途，基本的promise与then## 1、Promise 是对象## 2、promise对象用于表示异步操作的最终完成或失败，及其结果值。## 3、then是挂载在 promise 的原型链上的属性。## 4、finally 无论resolve, 还是reject 都会执行```Promise.prototype.t.

一、理解VUE原理用于构建用户界面的渐进式框架。通过Vue指令，实现JS和HTML的分离，JS代码仅仅是通过Module去控制View，而不是定义View。中文官网：https://cn.vuejs.org/1、Vue.js 框架的优势：提高代码复用率 降低模块之间耦合度 提高开发速度 提高代码质量 组件化(web component)开发2、VUE安装：1、安装node.jshttps://nodejs.org/en/ git:???? https://...

1、Enable JavaScript source maps 是干嘛的？这个是有助于web程序崩溃，错误，代码定位的浏览器设置。启动之后，配合 devtool: source-map 开关，可以准确定位到代码出错行数。如果不设置，出错位置会不准确。这是因为，浏览器只识别HTML，CSS， JS。不能识别node.js和webpack相关的JSX代码。所以在我们开发过程中的代码位置，并不是真正浏览器运行的代码位置。sourc-map就是做转译这件事儿的。2、如何找到chrome浏览器Ena.