sun。。。-CSDN博客

原创开发小程序问题总结

1.获取页面可视区的高度//getSystemInfoSync是获取系统的信息的wx.getSystemInfoSync().windowHeight;2.获取页面的dom元素，原生js在小程序中是无法获取到dom元素的，可以通过下面的方式获取//https://developers.weixin.qq.com/miniprogram/dev/api/SelectorQuery.exec...

2018-12-17 14:36:52 339

原创 element-ui简单使用

1.安装npm i element-ui -S2.使用在main.jsimport ElementUI from ‘element-ui’;import ‘element-ui/lib/theme-chalk/index.css’;Vue.use(ElementUI);3.sublime text安装element-ui代码片段插件打开sublime text的安装目录，找到存放插件...

2018-12-17 11:14:30 5133

原创关于在nw里使用require('printer')和nw.require('printer')报错的问题

公司项目为了兼容xp所以使用nw.js（0.14.7-sdk），用到了printer模块（第三方的c++打印模块），在引入该模块的时候，使用了require导致一直报cannot find modul “.”，后来改用nw.require，结果可以引入该模块了，但是打包成exe文件后，又报了cannot not find module “printer”。以下是我解决这个printer模块的流程...

2018-09-21 14:35:24 1439 5

原创蓝牙打印和网口打印的实现

蓝牙打印的jsexport default { install(Vue,options) { // 蓝牙搜索方法 Vue.prototype.SearchBluetooth = function () { /*plus变量定义*/ var main, BluetoothAdapter, BAd...

2018-07-27 09:50:04 2544 1

原创 Vue封装hbuilder热更新

main.jsimport AutoUpdateApp from './common/AutoUpdateApp/AutoUpdateApp' //我存放AutoUpdateApp.js的目录Vue.use(AutoUpdateApp)AutoUpdateApp.jsexport default { install(Vue,options) { ...

2018-07-27 09:36:31 3614

原创 Vue封装预约日期插件和发布到npm上

配置setting:{ dateLength:1,//显示多少天 startTime:'08:00',//开始时间 endTime:'23:30',//结束时间 interval: 20,//步长，预约的时间间隔 display:false,//设置这个组件是显示还是隐藏 defaultTime...

2018-06-11 19:31:44 2969

原创 Vue+mui实现图片的本地缓存

const menu = { state: { products: {}, GLOBAL_CONFIG:GLOBAL_CONFIG['GLOBAL_CONFIG'] }, mutations: { get_product: function (state, products) { //商品列表 state.products = p...

2018-05-23 14:21:59 6666 4

原创个推消息推送，实现推送消息和语音合成

消息推送的实现： 1.打开应用的时候 2.通过plus.push.getClientInfo().clientid获取到clientid 3.接口传到服务器 4.进行判断表里是否存在该条数据，没有就插入，有则不插入，另外关联登录的companyid 5.在服务器进行轮询，如果有新的订单进入的时候，就调用消息接口，查询关联的companyid，推送消息到相应的门店的app 6.服务器集成...

2018-05-15 16:21:32 6402 4

原创 CentOs搭建svn

安装SVNyum install -y subversion检查是否安装成功 svnserve --version创建版本库我们先创建/var/svn这么目录 mkdir /var/svn cd /var/svn创建版本库 svnadmin create /var/svn/project后边的project就是我们项目的版...

2018-04-14 14:18:21 247 1

原创 CentOs7搭建PHP环境

提示：wget 下载URL提示无法建立SSL连接,进行如下教程操作https://blog.csdn.net/xinghun_4/article/details/50500331reboot 重启虚拟机一键安装所有编译工具 gccyum groupinstall "Development Tools" "Server Platform Development" -y ...

2018-04-14 13:12:16 8794 1

原创 vuex从安装到使用的教程

vuex的安装 npm install vuex --save或cnpm install vuex --savemain.js引入vueximport Vue from 'vue'import Vuex from 'vuex'import store from './vuex/store'Vue.use(Vuex)vuex的目录结构和store.js的代码...

2018-04-09 10:25:08 7456 2

原创 axios从安装到使用的教程

安装axios:npm install --save axios目录结构:红框部分是接口文件：appApi.js是存放接口的文件import Vue from 'vue'import axios from 'axios'export default { // 获取分类 show_category: function () { retur...

2018-03-30 10:19:23 47369 2

原创支付宝和微信的JSSDK发起支付

支付宝：引入alipay的jsapi文件：<script src="https://a.alipayobjects.com/g/h5-lib/alipayjsapi/3.0.6/alipayjsapi.min.js"></script>点击支付按钮调用的后台创建交易的接口，返回tradeNO this.API.trade...

2018-03-30 09:54:23 16644 10

原创解决vue里iscroll（better-scroll）点击触发两次和初始化无法滚动问题！

这两个插件我用过好几次，有时候很顺利，不顺利的时候真的很麻烦，一直无法滚动，明明style里已经有样式了，就是滚动不了。先说下在vue里的三种的引入方式：在jindex.html文件里通过script的方式引入进来，let iscroll = new IScroll(‘.wrapper’,{click:true} &amp;amp;amp;lt;script type=&amp;amp;quot;text/javascript&amp;amp;

2018-03-29 14:54:30 6379

原创 angular封装富文本编辑器指令

这个富文本编辑器的基本用法可以去该编辑器作者的github看下(https://github.com/echosoar/medit)html代码和css原版：改版的：/*富文本编辑器*/ #meditToolBar { position:fixed; z-index:100; width:100%; lef...

2018-03-23 21:22:18 2602 1

原创 angular图片上传

html代码：当input出发change事件会调用touchUpdateImg方法，传入file对象和需要展示得到imgsmall属性，通过FileReader对象读取文件对象，我使用了apply进行了监听，之前不使用apply进行了监听，之前不使用apply进行了监听，之前不使用apply时，没有实时展示图片。<div class="imglist"> ...

2018-03-23 21:06:41 3203 1

原创使用hbuilder的maps模块调起百度地图导航

首先需要在百度地图开放平台，创建应用拿到appid，然后在hbuilder进行如下配置： hbuilder的manifest.json的配置如下：permissions下添加如下代码："Maps": { "description": "地图" }然后引入百度地图的js：<script type="text/java...

2018-03-22 20:30:34 6720

原创 hbuilder热更新

前端代码：// 获取当前应用的版本号var wgtVer=null;function plusReady(){ // ...... // 获取本地应用资源版本号 plus.runtime.getProperty(plus.runtime.appid,function(inf){ wgtVer=inf.version; cons...

2018-03-20 23:36:11 2543 2

原创小程序开发(13)-location定位

今天记录下获取用户位置wx.getLocation，代码也比较简单，所以简单的记录下，先看下getLocation方法，首先接收一个callback，这个callback只是方便一下，当拿到经纬度后，只调用一个函数时才传，如果后面需要调用多个函数，那么就是通过我们return的Promise了下面说下Promise里面的逻辑，首先就是判断app.js中是否有这个经纬度，如果有的话，把这个经纬度包装下返回给callback或resolve，否则使用wx.getLocation获取，然后把经纬度存在全.

2021-03-30 14:09:07 382

原创小程序开发(12)-之分页封装

这里的分页呢就记录下，上拉加载的，小程序给我们提供了一个监听滚动到底部的周期函数onReachBottom，当页面超过整屏的高度后，滚动页面到底部就会触发这个事件，所以做上拉加载的时候，非常的方便，下面说下我们的封装逻辑先描述下可能需要的ui效果，第一种就是wx.showLoading，在接口调起前后使用wx.showLoading来显示正在加载到状态，这个在(小程序开发(3)-之wx.request封装)中有说到过，还有一种就是供自己自定义loading的ui了，会提供一个loading的字段做.

2021-03-30 14:08:08 549

原创小程序开发(11)-之支付封装

嘿，支付好像没什么好说的，记录下吧像下面的代码，params毫无疑问呢，就是需要传给接口的参数了，一般就是订单号和金额了，appId呢当然是放在config.js文件中，openId呢就是一开始的时候就获取的，通过wx.login拿到openId后，存储在本地，拿到接口返回的数据后，就是调用wx.requestPayment，发起支付，搞定了function enclosureJHpay(params) { var _this = this; let userInfo = wx.g

2021-03-30 14:06:58 234

原创小程序开发(10)-之热力图解决方案、手绘图

原本是用别人用canvas画的热力图的https://github.com/rover95/wxapp-heatmap，但是问题有点多，热力图的颜色，卡顿、叠加、渲染失败等，所以就弃用了，也找了好久，好像大家都没有更好的提议，自己也想到的一个方法就是通过webview来解决这个问题，为了验证我的这个做法，是不是普遍的做法，在微信开发者社区找了一会，确实有些小伙伴是这样做的，之后就下手了，下面简单描述一下1、使用web-view组件，最好是在后面加上一个生成随机数，因为我发现有时候一直缓存页面，无法更新，

2021-03-29 10:21:27 2825

原创小程序开发(9)-之地图组件map、导航

map用起来真的一言难尽呀，按照官方文档说是可以支持传入一个setting，来配置所以的属性的。。，但是我试了没效果，经纬度更新了，调试代码看到的wxml经纬度也变化了，但是map上的经纬度却没变化，后来就是按照普遍的写法做了，一个个属性配置，因为我们项目中用了很多map，所以定义了一个common的setting，保持所有的map都一致，如果需要特别配置，可以在导出setting的page上自定义修改对应属性// map setting的默认配置const common = { latitud

2021-03-29 10:20:29 397

原创小程序开发(8)-之跳转第三方小程序设计

嗯嗯，这个其实没什么好说，但还是说说我们项目的做法，因为我们这里需要跳转的小程序挺多的，所以我们采用了在后台配置的，像图一一样，配置名称、appid、跳转的页面地址等wx.navigateToMiniProgram({ appId: item.appId, success(res) { // 打开成功 console.log(res);

2021-03-29 10:19:29 248

原创小程序开发(7)-之获取手机号、用户信息

#先说下获取手机号的步骤，首先要调用wx.login拿到code，把code发送到我们的服务器(开发者服务器)上，后台通过appid、appsecret(小程序后台那里生成的)、code向微信接口服务拿到session_key、openid等信息，到这里其实我们已经可以直接去获取手机号了，自定义登录态，如果项目需要可以做https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/login.html#获取手机号.

2021-03-29 10:14:31 586

原创小程序开发(6)-之自定义导航栏

#如图一所示，我们在导航栏中加了个文案和搜索框第一步我们需要在app.json->window设置，还可配置更多的选项：{"navigationStyle": "custom","backgroundTextStyle": "light","navigationBarBackgroundColor": "#fff","navigationBarTitleText": "Weixin","navigationBarTextStyle": "black"}第二步获取导航和

2021-03-29 10:13:37 159

原创小程序开发(5)-之封装组件

小程序的组件和页面的代码结构是不一样的，不是像vue、react那些一样，页面是通过Page生成，组件是通过Component，下面介绍下常用到的#data很明显和页面上定义的data没有差别#properties接收的属性，类似于vue中的props#options配置项，像addGlobalClass就是允许添加全局样式，就是全局样式能否在组件中生效，multipleSlots是否使用插槽slot#ready组件初始化的方法#methods定义方法的地方.

2021-03-29 10:08:47 170

原创小程序开发(4)-之登录

#为了获取token，所以需要搞个模拟登陆，用一个特定的账号，对密码进行md5加密，也只是在app.js那里进行一次调用，这里主要是说一下globalData.checkLogin、checkLoginReadyCallback，这时this指向的是全局的app对象首先以首页为例，如果我们在首页调用接口的话，那肯定需要先拿到token先，再调用其他业务接口，所以我们先在首页调用await util.checkLogin()，代码如图三所示，如果globalData.checkLogin的值已经为t.

2021-03-29 10:08:18 494 2

原创小程序开发(3)-之wx.request封装

#主要的封装是wxRequest、wxRequestGet、wxRequestPost、wxRequestPromise、headers这几个函数，由于太过赘余不进行截图展示，可以看utils.js#wxRequest方法wxRequest其实跟原始的wx.request没有太大的不同，相当于一个中间键，可以更灵活的配置，可维护性更高，一致请求，首先来解析一些wxRequest，以下简介的说明下获取本地存储的token(ssoAuthToken)，如果token存在就设置header，直接.

2021-03-29 10:07:35 812

原创小程序开发(2)-之app.js、app.wxss、project.config.json说明

#app.js小程序的入口文件，也可以说是一个全局的变量，因为我们经常会在一些页面里这样使用它const app = getApp();我们可以在这里做一些初始化的操作，每次启动小程序的时候，都会先执行一边这里，可以对一些常用的全局变量进行一个存放，赋值到app对象上，另外一些登录操作也可以在操作，获取系统的信息等在这里我们比较常用的是globalData，用来存放一些全局的数据或自定义的数据，更多具体的生命周期钩子函数可以看官方说明#app.wxss小程序的全局样式文件，一些自定.

2021-03-29 10:01:32 639

原创小程序开发(1)-之目录结构和文件说明

#以下图片是小程序的目录结构，建议所有的目录都使用小写字母，不使用驼峰格式#组件components是自定义组件目录，对一些常用的组件的封装#配置文件config是配置文件，存有一些常用的字段和请求地址#第三方库libs是一些外部的库，一些没有通过npm安装的包，例如存放了腾讯地图webService的js文件#分包livepackage、package、pages、storepackage是分包和主包资源文件，因为小程序对每个包都有2M的限制，防止每个包过大，导

2021-03-29 10:00:52 519

原创诚选app优化方案

解决大文件问题，目前发现整个项目打包的出来的文件过大1.如图一、图二可以看到在Stat Parsed Gzip下文件的大小相差很大，目前从图三中可以看到两个属性productionSourceMap、ProductionGzip，productionSourceMap为true的时候会生成一些map文件(只是方便看源码)，这样会导致额外的文件，代码的内容也被暴露，所以应该设置为false，减少额外文件产生，另外打包的应该开启Gzip压缩，目前看到ProductionGzip为false，可以设置为true

2020-06-29 15:52:18 1229 1

printer32.rar

sqlite-x64-node-webkit.0.14.7.zip

printer-x64-node-webkit.0.14.7.zip

空空如也