- 博客(32)
- 收藏
- 关注
RSS订阅转载 vue router 基本语法
1、引入相关的js文件<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script><script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>2、let home = ...
2019-05-05 10:43:00
346
转载 vue深度监控数据改变，缓存数据到本地
项目效果图：var vm = new Vue({ el:'#app', data:{ students:[], }, watch:{ students:{ handler(){ ...
2019-04-28 17:23:00
372
转载 vue中$refs、$slot、$nextTick相关的语法
Vue 实例还暴露了一些有用的实例属性与方法。它们都有前缀$，以便与用户定义的属性区分开来1、$data和$elvar data = { a: 1 }var vm = new Vue({ el: '#example', data: data})vm.$data === data // => truevm.$el === document...
2019-04-28 17:03:00
590
转载 js中hash、hashchange事件
1、hash即URL中"#"字符后面的部分。 ①使用浏览器访问网页时，如果网页URL中带有hash，页面就会定位到id（或name）与hash值一样的元素的位置； ②hash还有另一个特点，它的改变不会导致页面重新加载； ③hash值浏览器是不会随请求发送到服务器端的； ④通过window.location.hash属性获取和设置hash值。 wind...
2019-04-24 15:24:00
2122
转载 js中filter的用法
filter也是一个常用的操作，它用于把Array的某些元素过滤掉，然后返回剩下的元素。和map()类似，Array的filter()也接收一个函数。和map()不同的是，filter()把传入的函数依次作用于每个元素，然后根据返回值是true还是false决定保留还是丢弃该元素。例如，在一个Array中，删掉偶数，只保留奇数，可以这么写：var arr = [1, 2,...
2019-04-24 14:31:00
140
转载 ES6新特性-函数的简写（箭头函数）
通常函数的定义方法var fn = function(...){ ...... }//例如：var add = function(a,b){ return a+b;}//或者：function fn(...){ ......}//例如：function add(a,b){ return a+b;...
2019-04-24 14:15:00
164
转载 js中把ajax获取的数据转化成树状结构（并做成多级联动效果）
1、首先通过ajax获取数据，此处省略，直接贴出获取到的数据格式var arr = [{ id: 1, name: "一级标题", pid: 0}, { id: 2, name: "二级标题", pid: 0}, { id: 3, name: "2.1级标题", pid: 2},...
2019-04-24 10:08:00
359
转载 jq中get()和eq()的区别
一直弄混淆的获取元素的方法，现整理一下：:eq(index) 选择器选取带有指定 index 值的元素。 index 值从 0 开始，所有第一个元素的 index 值是 0（不是 1）。 如：$("p:eq(1)").css("background-color","#B2E0FF");改变第二个q标签背景色.eq(index) 方法选取带有指定 index 值的元素。 ind...
2019-04-24 09:52:00
404
转载 new Date() 日期格式处理
var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1970-????) myDate.getMonth(); //获取当前月份(0-11,0代表1月) // 所以获取当前月份是myDate.getMonth()+1; ...
2019-04-22 11:13:00
278
转载 微信小程序 加载图片时，先拉长，再恢复正常
今天在写小程序，发现小程序的图片image如过mode设置为widthFix的话，加载图片会被先拉伸，后恢复正常我的处理方法是，给他一个初始的height值，或者就直接height:auto转载于:https://www.cnblogs.com/bing0709/p/10729449.html...
2019-04-18 14:32:00
1099
转载 小程序：scroll-view组件滑动多次触发scroll事件的bug解决
在项目开发过程中，组件是微信小程序提供给我们的一个分页器，一般滑动到底部时会触发scroll事件，scroll事件中往往包含对后端数据的请求；若是还未滑动到底部时频繁触发事件，则会频繁发请求，达不到想到的分页效果。先来说说的用法：<scroll-view scroll-y="true" style="height:{containerHeight}px" lower-t...
2019-04-03 16:10:00
900
转载 小程序页面返回及刷新当前页面
小程序开发过程中经常会遇到列表页面新增或删除操作，当操作成功之后需要跳转到列表页面，用到如下方法：（1）返回上一级页面并设置上个页面列表数据更新：var pages = getCurrentPages(); var prevPage = pages[pages.length - 2]; //上一个页面prevPage.setData({ "list": ...
2019-04-02 15:51:00
1146
转载 小程序html转wxml，微信小程序用wxParse解析html
1、首先下载 wxParse脚本，到https://github.com/icindy/wxParse下载，将wxParse文件夹放置到小程序根目录，即跟pages同级目录2、在样式页面 wxss 中引入 wxparse 样式文件@import “../../wxParse/wxParse.wxss”;3、在逻辑处理页面 js 中引入 wxparse 模块核心代码片段...
2019-04-01 16:52:00
100
转载 小程序movable-area置于顶层遮盖下方元素无法操作的解决方案
小程序项目中有个需求，右下角按钮可以在页面中随意拖动，此时查看文档找到了一个自带的标签可以实现此功能，代码如下<movable-area> <movable-view x="{{x}}" y="{{y}}" direction="all">text</movable-view></movable-area>...
2019-04-01 15:08:00
1696
转载 Echarts-图表根据值的不同展示成不同的颜色
series : [ { name:'直接访问', type:'bar', barWidth: '60%', data:[10, 52, 200, 334, 390, 330, 220], itemStyle:{ normal:{ ...
2019-03-26 16:43:00
427
转载 小程序自定义tabBar，动态控制tabBar
最近做项目的时候，突然来了个小特殊的需求，根据客户的类型来动态显示底部的tabBar菜单。当时我就有点小懵逼了，这个不是小程序自带的组件么？还要做成动态？这就有点尴尬了.....不过也只是一时尴尬而已，然后我就展开了搜索之旅.....然后发现，官方的组件确实没办法做动态，那咋办，如果真的有这个需求那也是得去处理滴呀~然后也看了有一些做到这效果的方法，那就试一下呗。。其实就是自...
2019-03-18 11:07:00
4511
转载 微信小程序 条件渲染 wx:if
1、在框架中，我们用wx:if="{{condition}}"来判断是否需要渲染该代码块<view wx:if="{{condition}}"> True </view>也可以用wx:elif和wx:else来添加一个else块：<view wx:if="{{length > 5}}"> 1 </view>...
2019-03-07 16:23:00
357
转载 小程序map组件默认层级最高，并且不能设置的解决方案
map组件默认在最上面，若要设置像ofo那样的按钮有两个方法，一是用控件设置，控件就是controls属性，控件只能显示图片，不能显示文字之类的。二是用cover-view组件，这个组件就是悬浮在一些组件上的，用于设置在map上或者设置在视频播放上等等，上面提到map标签要用标签对就是应对这种情况。将cover-view组件嵌套在map组件内就可以了。cover-image组件可以嵌套在...
2019-03-06 10:55:00
850
转载 小程序 切换到tabBar页面不刷新问题
小程序跳转的几种方式有wx.navigateTo,wx.redirectTo,wx.reLaunch,wx.switchTab等。下面我们重点研究切换到tabBar的两种方式。wx.switchTab：跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面wx.reLaunch：关闭所有页面，打开到应用内的某个页面。从官方文档来看，wx.reL...
2019-03-05 11:27:00
301
转载 小程序 showModal content换行
wx.showModal({ title: '提示', content: '1、该拼团仅支持到指定取货地址自提\r\n2、拼团支付价格为拼团原价，当到达指定阶梯，拼团差价将在3个工作日内退回您的微信账户', success: function (res) { if (res.confirm) { console.log('用户点击确定') } ...
2019-03-04 14:51:00
1398
转载 小程序 navigator 无法跳转 tabBar上的页面
解决方法一：navigator 的 open-type 设置为 switchTab解决方法二：使用wx.switchTab({url: ‘../cart/index’})进行跳转转载于:https://www.cnblogs.com/bing0709/p/10470400.html...
2019-03-04 14:15:00
92
转载 微信小程序实现简单的树形图treeview
H5有很多树形图（树状图）的组件，echarts也有。比如像bootstrap的treeview，定制性很强。不过这些都无法方便地为小程序所用，除非整个页面用H5搭建再用webview框进去，有点粗暴。所以还是自己写一个简单的树形图组件试试。最终效果如下：新建一个微信小程序项目，在app.json的pages里添加这么一行，"pages":[ "page...
2019-03-01 16:27:00
2362
转载 微信小程序echart 折线图legend不显示的问题
最近使用小程序echart折线图，遇到表头一直不显示问题，查询之后解决方案：转载于:https://www.cnblogs.com/bing0709/p/10457076.html
2019-03-01 16:19:00
1851
转载 微信小程序地图报错——ret is not defined
微信小程序输入地址进行定位，在返回的数据进行处理时报错。经度,纬度传值不正确导致出现以上错误，正确取值范围：latitude 纬度浮点数，范围 -90 ~ 90longitude 经度 浮点数，范围 -180 ~ 180转载于:https://www.cnblogs.com/bing0709/p/10437327.html...
2019-02-26 14:51:00
522
转载 微信小程序中this使用
微信小程序中，在wx.request({});方法调用成功或者失败之后，有时候会需要获取页面初始化数据data的情况，这个时候，如果使用，this.data来获取，会出现获取不到的情况，调试页面也会报undefiend。解决办法一：varthat=this;//把this对象复制到临时变量that，在success回调函数中使用that.data就能获取到数据了方法二：使用箭头...
2019-02-26 14:21:00
146
转载 mongodb安装及基础命令
1、安装mongodb下载链接：https://www.mongodb.com/download-center/community安装时需要注意问题：否则安装时候会卡死配置环境变量：我的电脑——右键属性——高级系统设置——环境变量——PATH里添加上安装mongodb目录下的bin文件的地址（例如D:\mongodb\bin）2、基础命令- 启动服务，并且设定m...
2019-02-15 17:05:00
45
转载 express使用
1、安装express命令cnpm install express --save2、使用方法var express = require('express');var app = express();app.get('/', function (req, res) {res.send('Hello World');})var server = app.lis...
2019-02-15 16:32:00
86
转载 node—基础命令
1、安装node，在任意文件夹下按shift键选中“在此处打开PowerShell窗口”或者直接在开始菜单输入cmd启动2、常用命令：c:如果我们想访问c盘，那么我们需要在命令行中输入c:就行了cd..cd..就可以返回上层目录cd mmcd mm即可访问mm文件夹dir如果想查看该文件夹下有哪些...
2019-02-15 16:19:00
250
转载 微信小程序--修改data数组或对象里面的值
1.初始data数据Page({ data:{ code:'1234', reward:[{ name:"艾伦", img:"../img/success.png", status:1 }, { ...
2019-01-29 17:32:00
880
转载 创建vue项目的时候遇到：PhantomJS not found on PATH
1.提示找不到PhantomJS需要进行下载，如果网速允许的话可以直接npm install -g phantomjs如果网速不给力的话，那就先进行淘宝镜像安装npm install -g cnpm --registry=https://registry.npm.taobao.org2.再用cnpm进行下载cnpm install -g ...
2019-01-24 17:19:00
312
转载 微信小程序：wx.navigateBack页面返回传参
场景（比如：商城选地址，选优惠券）：在【页面A】中调用wx.navigateTo方法跳转到【页面B】然后从【页面B】返回【页面A】, 并将【页面B】中的一些数据传回【页面A】wx.navigateBack({delta:1})方法1：使用全局数据存储将要传递的数据，存储在App对象上（比如globalData属性）。将要传递的数据，存储...
2019-01-21 14:48:00
438
转载 distpicker省市区插件初始化选中值的问题
$('#distpicker1').distpicker('destroy') //当需要重新生成的时候,需要先销毁$('#distpicker1').distpicker({ province: "河南省", city: "郑州市", district: "中原区"})转载于:https://www.cnblogs.com/bing0709/p/8872923.h...
2018-04-18 11:11:00
1392
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人