qq_20896193的专栏

原创 小程序tab选项卡切换及picker的添加

wxml文件： <!-- tab切换卡 --> <view class="like-tab {{menuFixed ? 'menu-bar fixed' : 'menu-bar'}}"> <block wx:for="{{changeTabList}}" wx:for-index="index" wx:for-item="item" wx:k...

原创 ES6的Promise异步方法，js原生请求

创建Promise异步方法var saveCanvas = function () { this.canvas; this.context;};saveCanvas.prototype.baseToJPG=function (base,timetype) { var that = this; var p = new Promise(function (res...

原创 vuex使用时常碰到得问题

vuex使用getters传参返回值时，vuex 的 getter 接受 state 作为参数，此外还接受 getters 作为第二个参数，可以用getters.xxx 来传递其他 getters 中的数据。

原创 vue报错

1.报错：Duplicate keys detected: 'undefined_0'. This may cause an update error.解决：同级循环得数组值，：key值要不用比如v-for="(item , index ) in tabData" :key="index + '_topic'"v-for="(item, index) in tabDa...

原创 vue和微信小程序写法得区别

小程序里form收集id，用作于小程序Api得服务通知，<form report-submit="true" bindsubmit="submitFormId"></form>img标签得渲染wx-mp：<image class="i-img" mode="aspectFill" src="{{item.clubCover}}"></ima...

原创 常用js的方法

页面禁止滑动和取消滑动var mo=function(e){e.preventDefault();};function stop(){ document.body.style.overflow='hidden'; document.addEventListener("touchmove",mo,false);//禁止页面滑动}/***取消滑动限制***/functio...

原创 vue-cli项目使用微信分享

本次使用了axios进行了请求，使用时先安装一、先在index.html下接入微信jsdk<script src="//res.wx.qq.com/open/js/jweixin-1.2.1.js"></script>二、创建分享的共用wxshare.js文件import axios from 'axios'export default {...

转载 vue中使用第三方UI库的移动端rem适配方案

vue中使用第三方UI库的移动端rem适配方案需求：使用vue-cli脚手架搭建项目，并且使用第三方的UI库（比如vant，mint ui）的时候，因为第三方库用的都是用px单位，无法使用rem适配不同设备的屏幕。解决办法：使用px2rem-loader插件将第三方ui库的px转换成rem单位。(1) npm install px2rem-loader --save-dev 安装插件...

原创 vue-cli基础安装配置

##webpack初始化配置第一步：npm install 安装npm依赖npm install axios 安装axios依赖cnpm install jquery --save-dev 安装jq依赖npm install vuex --save 安装axios状态管理依赖npm install css-loader style-loader --save-dev 安装css依...

转载 微信小程序“摇一摇”实现

原文链接：http://www.webexp.cn/wxapp-paikeng.html微信小程序并没有提供摇一摇API接口，但是提供了一个重力感应的API 「wx.onAccelerometerChange(CALLBACK)」，我们可以用这个方法来模拟微信摇一摇功能，代码如下：Page({ onShow: function () { wx.onAccelero...

原创 js 计算分页数

1.丢弃小数部分,保留整数部分js:parseInt(7/2)2.向上取整,有小数就整数部分加1js: Math.ceil(7/2)3,四舍五入. js: Math.round(7/2)4,向下取整js: Math.floor(7/2)数分页的总页数算法总记录数：totalRecord每页最大记录数：maxResult方法一:总页数：totalPage ...

原创 vue-cli里取消严格模式

转载 AMD异步模块定义介绍和Require.js中使用jQuery及jQuery插件的方法

AMD 模块AMD（异步模块定义，Asynchronous Module Definition）格式总体的目标是为现在的开发者提供一个可用的模块化 JavaScript 的解决方案。AMD 模块格式本身是一个关于如何定义模块的提案，在这种定义下模块和依赖项都能够异步地进行加载。它有很多独特的优势，包括天生的异步及高度灵活等特性，这些特性能够解除常见的代码与模块标识间的那种紧密耦合。目前它已...

原创 vue中的ajax，axios使用

main.js里npm install axiosimport axios from 'axios'axios.defaults.baseURL = ''Vue.prototype.$axios = axios组件vue里let params = new URLSearchParams();params.append('project_num', '201811...

转载 webpack+vuecli打包生成资源相对引用路径与背景图片的正确引用

 资源相对引用路径问题描述一般情况下，通过webpack+vuecli默认打包的css、js等资源，路径都是绝对的。但当部署到带有文件夹的项目中，这种绝对路径就会出现问题，因为把配置的static文件夹当成了根路径，那么要解决这种问题，就得引用相对路径。解决办法打开webpack.prod.conf.js找到output：增加 publicPath: './', 即...

转载 vue+vux 父组件控制子组件弹层

知识点用到了vue父子组件之间的传值，以及使用watch和v-model控制vux中XDialog组件。需要注意的问题:1.父组件向子组件传值使用的是props（单向传值），子组件创建props，然后创建一个名为invitor的属性，父组件对其赋值即可，但是单向传值，子组件不能通过改变props的属性，直接去改变父组件的值。2.子组件向父组件传值，实际是在父组件自定义了一个事件，子组件去调用这个自...

原创 vue src动态加载不出来

动态设置img的src属性无效，而直接写可以解决办法：    imgSrc写成require('path')；v-bind:src="require('../static/images/icon/home-on.png')"原因：动态添加src被当做静态资源处理了，没有进行编译npm run build 后出现 xxxxxxx net::ERR_FILE_NOT_FOUND解决办法：    进入：...

原创 json字符串转换

JSON.parse方法在遇到不可解析的字符串时，会抛出SyntaxError异常。即：JSON.parse(text, reviver)，This method parses a JSON text to produce an object or array. t can throw a SyntaxError exception.所以，在这里在此总结一下 JS 中对象与字符串的互相转换，因为这...

转载 时间戳中newData().getTime()

1、今天遇到这么个问题，将时间转化为毫秒在苹果手机上出现NaN 情况//在安卓上这个写可以获取到的var date = '2017-06-12';var time = new Date(date).getTime()/1000;//但在苹果手机上是不支持的，必须这样写：var time = new Date(date.replace(/-/g,'/')).getTime()/1000;注意...

转载 关于微信小程序webview的使用

小程序微信小程序是一种全新的连接用户与服务的方式，它可以在微信内被便捷地获取和传播，同时具有出色的使用体验。同时提供一系列工具帮助开发者快速接入并完成小程序开发。关于如何注册配置就不多言了，本文主要还是体验了下web-view的功能。web-view详解有了这个组件之后，小程序可以很好的嵌入一些页面，可以环境小程序size告急的问题，同样也使开发更加便捷，毕竟小程序开发者基本都对前端开发较为了解。...

转载 [微信小程序]组件化开发,以一个自定义模块框组件当做示例(附完整示例代码和效果图)

对微信小程序有兴趣的可以关注我或者加入我的微信小程序开发交流群（173683895）相互交流学习。 禁止闲扯和广告。自定义组件我把它分为简单的三个步骤, 1.创建组件 --- 2.编写组件  ---   3.调用,使用组件. 第一步:创建组件创建一个modal文件夹,里面包含 josn.wxml.wcss.js 四个文件,然后在josn里面添加 "component":true (作用是声明这一组...

原创 小程序丨【已解决】自定义组件内canvasToTempFilePath获取不到画布

写在自定义组件内的canvas第二个参数传入this（自定义组件实例）wx.canvasToTempFilePath({}, this)

转载 css样式—字体垂直、水平居中

css样式—字体垂直、水平居中“来，老板娘，给个div瞅瞅”：“好的，宇哥，来了了了”：div class="tt">啦啦啦div>“给各样啊，我去”：“是”：.tt{ padding: 0px; width:500px; height:200px;

转载 WebStorm 激活

安装完成后，在打开的 License Activation 窗口中选择 License server。在输入框输入网址：http://idea.iteblog.com/key.php最后点击 Activate。

转载 移动Web端H5页面注意事项

1. 单个页面内容不能过多设计常用尺寸：7501334 / 6401134，包含了手机顶部信号栏的高度。移动端H5活动页面常常需要能够分享到各种社交App中，常用的有微信、QQ等。使用移动设备查看页面时会发现，在微信浏览器中有顶部导航栏，在qq内置浏览器里不止有顶部导航，底部也有操作栏（safari浏览器也一样），这些都会占用设计稿显示区域，因此在 设计环节 就需要考虑内容

原创 h5页面背景音乐不能自动播放的方案之一

场景：微信、浏览器、App普通解决方案：采用audio标签的autoplay属性现象：大部分IOS系统和少部分Android微信不支持自动播放$解决方案：监听WeixinJSBridgeReady事件、DOMContentLoaded事件微信的JS API建立在微信壳浏览器的内置JS对象WeixinJSBridge上，WeixinJSBridge

转载 弹性布局各种坑爹兼容

当然也看到过遇到flexbox布局的属性将所有的新的老的前缀都加上的，这样省事啊 谁闲着没事整天研究那几个属性的兼容，更可况前端发展这么快说不定有更牛逼的样式出现但是想在移动端用好这个布局摸透这个属性 我还是一个个都探究下吧，在此先说下各浏览器PC端最新版本情况目前：IE最新版本是ie11， FF最新版本是ff41.0， Chrome最新版本是chrome45.0， Safira最新版本8

转载 html静态页面引入公共html页面

很多人问有什么方法不用模板引擎在普通静态html页面导入公共的html页面,比如header.html, footer.html, include.js代码如下[javascript] view plain copy/**  * Created by 张永风 on 2016/1/13.  */  (functi

转载 css3元素简单的闪烁效果

css3 Animation:   [css] view plain copy@-webkit-keyframes twinkling{    /*透明度由0到1*/     0%{        opacity:0; /*透明度为0*/      }     100%{        opacity:1; /*透明度为1

转载 Jquery Mobile转场特效之slide

jQuery Mobile页面转场有诸多特效，其中slide是滑动效果，确切说是从右向左滑动，在项目中使用时，如果有从右向左滑动，那么再加上“返回”的从左向右的滑动就有更好的体验了，由于jquery mobile没有特定的从左向右滑动的关键词，下面说下这种特效的实现方式。本来的从右向左滑动的特效的slide的写法：[javascript] view plain co

转载 hammer.js手势

一、前言移动端框架当前还处在初级阶段，但相对于移动端的应用来说已经有很长时间了。虽然暂时还没有PC端开发的需求量大，但移动端的Web必然是一种趋势，在接触移动端脚本的过程中，最开始想到的是juqery。Jquery2.0版本及以上已经开始偏向移动端，如对h5的支持，但支持还是不够完善，希望jq在后面的版本能够逐渐支持起来。最初在开发移动端Web的时候使用w3c标准的语法结构和原生的

转载 JQ 选择器各种功能

JQ 选择器各种功能一、基本选择器 选择器 描 述 返回 示例 #id 根据给定id匹配一个元素 单个元素 $("#test") 选取id为test的元素 .class 根据给定类名匹配一个元素 集合元素 $(".test") 选取class为test的元素 element 根据给定元素

转载 WebGL开始

终于开始WebGL的示例了,......开始　    使用WebGL的步骤，很简单：    1. 获得WebGL的渲染环境（也叫渲染上下文）。    2. 发挥你的想象力，利用《WebGL参考手册》中的函数，参考《OpenGL ES 2.0编程指南》和各种已有的WebGL演示，针对获得的WebGL渲染环境进行操作，表达出你的意境。    为了获得We

转载 MapReduce - 性能调优

Hadoop为用户作业提供了多种可配置的参数，以允许用户根据作业特点调整这些参数值使作业运行效率达到最优。一 应用程序编写规范1.设置Combiner        对于一大批MapReduce程序，如果可以设置一个Combiner,那么对于提高作业性能是十分有帮助的。Combiner可减少Map Task中间输出的结果，从而减少各个Reduce Task的

转载 struts-config.xml配置文件详解

（1）最近在学struts，找到一个struts-config.xml的配置说明，分享给大家：是struts的根元素，它主要有8个子元素，DTD定义如下：[html] view plaincopy(data-sources?,form-beans?,global-exceptions?,global-forward