1、canvas生成图片，再保存到手机相册中； canvas.drawImage和canvas.draw，绘制生成canvas图片； canvas.canvasToTempFilePath，把canvas保存临时一个文件； canvas.saveImageToPhotosAlbum，将临时文件保存到手机本地中 2、小程序选择图片加水印； 加水印就是在绘制图片的时候，使用canvas的fillText填充相关的水印内容即可
onShareTimeline()，设置页面转发朋友圈 在该方法中设置对应的标题、图片和页面路径即可： // 小程序转发朋友圈 onShareTimeline() { var d = utils.formatDate(app.globalData.current) var p = this.data.poetry.id; return { title: this.data.poetry.title + '·' + this.data.poetry.author, path: '/pages/index/index?…
在项目根目录下初始化： yarn init 或者是npm init 安装weui： yarn add weui-miniprogram --production 或者是 npm install --save weui-miniprogram --production 然后在微信开发工具中选择构建npm和使用npm模块。 这样就开始使用weui组件了。
1、安装taro： 使用 npm 安装 CLI npm install -g @tarojs/cli 使用 yarn 安装 CLI yarn global add @tarojs/cli 2、使用命令创建项目模板 taro init test 设置相关的属性 3、编译:针对不同平台的小程序进行编译，再打开小程序的开发工具导入已经编译了的小程序小程序项目即可预览 taro build --type weapp --watch 关于Taro的介绍，请移步到它的官方网站了解！！！
如果在小程序之间设置跳转的话，那么就是涉及到小程序的运行机制、小程序生命周期的问题： 前台和后台 前台是在小程序启动之后，页面呈现给用户时小程序处在“前台”的状态； 后台时是在我们关闭小程序或者是离开小程序的时候，小程序没有终止运行，而是处于“后台”的状态，依旧在运行一段时间。当然，如果我们在很长一段时间内没有进入小程序或者是微信的系统资源紧张时，小程序才会被销毁【终止运行】。 那么小程序的启动方式可以划分为两种： 1、冷启动：我们首次进入小程序或者是在小程序被销毁之后进入小程序，这时候打开的小程序是需要重新加载启…
使用wx.navigateToMiniProgram()，api实现在小程序中跳转到另一个小程序，其中可以传参数。在对应的跳转事件中添加wx.navigateToMiniProgram()，再设置相应的参数： wx.navigateToMiniProgram({ appId: '目标小程序的APPID', path: '目标小程序的路径', // 可以设置参数 extraData: { foo: 'bar' // 向目标小程序传递参数 }, envVersion: 'develop',// 目标小程序的版本 }) …
效果图： 自定义loading组件wxml源码： <view class="loading" wx:if="{{show}}"> <text></text> <text></text> <text></text> <text></text> <text></text> </view> wxss: .loading { width: 100px; …
生命周期： componentWillMount componentDidMount componentWillReceiveProps shouldComponentUpdate componentWillUpdate componentDidUpdate componentWillUnmount 错误处理 componentDidCatch(): react 16 的Portals特性，将组件渲染到当前组件树以外的DOM节点上。例如应用的全局弹框。 ReactDOM.createPortal(child,con…
效果图： 源码： wxml: <!-- 简易的提示组件 --> <view class="dxui-toptips-container {{state==='success'?'dxui-toptips-success':''}} {{state==='warn'?'dxui-toptips-warn':''}} {{state==='error'?'dxui-toptips-error':''}}"> {{msg}} </view> css: .dxui-topt…
效果图： 定义一个公共的搜索组件，该组件不做任何的网络请求操作，只做一个“输入”的操作，然后将输入的结果传给页面或者是上层组件。 wxml <view class="dx-search-bar"> <view class="dx-search-bar-from"> <!-- 搜索框的输入区 --> <view class="dx-search-bar-box"> <icon class="dx-icon-search" type="s…
首先在lbs.qq.com上注册自己的账号（因为腾讯位置服务需要由自己独立的key）。 再下载对应的微信小程序JavaScript SDK。一般像这种公共JavaScript文件都是放置在utils目录下 在页面的JavaScript文件里引入位置服务的SDK，使用自己创建的KEY进行初始化： JavaScript var qqmap = require("../../utils/qqmap-wx-jssdk.js"); var qqmapsdk = new qqmap({ key: '自己创建的key' }); …
使用天气的API： https://www.tianqiapi.com 注册一个账号之后就有了自己的appid和appsecret 这个接口是根据IP地址来定位城市并获取相关的天气信息 获取自己的IP地址： getapi: function() { var _this = this; // 获取IP地址 wx.request({ url: 'https://tianqiapi.com/ip?version=v61&appid=自己的appid&appsecret=自己的appsecret', dat…
在小程序中的公共模板和自定义组件，感觉自定义组件比较好用、顺手。 组件页面的写法和一般页面一样。 基本语法 Component 用于定义组件，指定组件的属性、数据和方法。代码： Component({ /** * 组件的属性列表 */ properties: { }, /** * 组件的初始数据 */ data: { data:"duxin" }, /** * 组件的方法列表 */ methods: { } }) 定义一个计数器组件来理解小程序的自定组件： 组件的wxml <!-- 主容器 --> &l…
constructor ====> 使用useState来初始化state componentDidMount ====> 使用useEffect传入第二参数为[]来实现； componentDidUpdate ====> useEffect传入第二个参数为空或者是值为变动的数组； componentWillUnmount ====> 清除副作用，在useEffectreturn一个函数来模拟 shouldComponentUpdate ====> 使用React.memo 包含一个数…
JavaScript的DOM树 DOM是结构化文本的抽象表达方式，在一个特定的web环境中它就是HTML文本，HTML中的每一个元素在DOM中有一个对应的节点，而且在HTML中的元素是存在包含关系，DOM节点就构成一个树型结构，称之为DOM树。 浏览器为了渲染和HTML格式的网页，会先把HTML文本解析为DOM树，再根据DOM树渲染出用户所看到的界面，当需要改变的界面的时候，就要修改DOM树上的节点。 浏览器渲染的步骤 构建DOM树,display:none的元素也在DOM树中，只是被隐藏起来了； 构建CSSOM树…
在react应用中，可以使用两种方式来定义组件：函数和class类， 函数组件 class类组件 当react应用在渲染我们所定义的组件之后，react会把jsx接收到的属性或者子组件转化为单个对象传递给组件，这个对象就是“props”。props只是用来接收父组件传给子组件的参数而已，它并不是组件本身自己的数据，所以组件的Props具有不可更改的特征，这就是react的一个规则： 所有 React 组件都必须像纯函数一样保护它们的 props 不被更改。 组件如何接收接收props？ 先说我们常见的函数组件，和我…
在今年的国庆间，我原本想重读一遍《水浒传》。但在这期间，我无法进入到阅读水浒的那种状态！ 只好停下，阅读另一本书《尘埃落定》了。读完之后，我只停留在《尘埃落定》的书名上面，尘埃落定，从2010年到2020年，刚好10年。在这十年，我做了很多很多的决定！ 在中考的时候，考上州三中，而我却选择留在县二中； 高中时期，本想学画画，可学到一半又放弃了； 高考考上了常州工学院，只上了一年就退学了，那时就是想到工厂打工挣钱； 在工厂谈了一个自己觉得自己配不上人家的恋爱，反正在我看来就是一场爱恋吧！ 学习前端知识，开始转行做前端…
未分类
nginx: [error] OpenEvent("Global\ngx_reload_12712") failed (2: The system cannot find the file specified)
当执行nginx命令：nginx -s reload的时候，报错 nginx: [error] OpenEvent("Global\ngx_reload_12712") failed (2: The system cannot find the file specified) 其原因是：Nginx没有启动，重新启动的即可。执行Nginx命令启动Nginx： start nginx
