sdfujichao的博客

排序：
默认
按更新时间
按访问量
RSS订阅

原 微信小程序实现电商平台中的添加商品规格

在电商平台中肯定少不了添加商品规格的功能。如图：就是一个商品里边有很多给个好多个属性。之前用JQ的时候还是比较容易写出来的。因为在JQ中可以直接操作dom，直接对dom进行属性添加等处理，可以把每个元素的属性用自定义属性的方式记录在本元素上。现在用微信小程序写这个东西就开始头疼了。因为没有办法直接...

2018-06-05 17:13:53

阅读数 3889

评论数 1

转 vue:不同环境配置不同打包命令

https://blog.csdn.net/zfangls/article/details/79990796 通过vue-cli中的npm run build 打包，这个只能打包到一个环境，在实际工作中可能有生产环境，预发布环境甚至更多，每个环境的接口地址都不同，每次都需要手动修改接口地址，非常...

2019-04-12 10:10:22

阅读数 21

评论数 0

原 vue中元素高度auto的收起展开动画

<!-- **** 说明： **** 使用css3的transition动画来做 **** 但是这个属性只能用于固定高度的元素，所有在进行动画之前就要手动的给这个元素设置一个高度值，这样就能正常使用动画了 **** **** --> <templat...

2019-04-10 17:22:42

阅读数 155

评论数 1

原 解构

/** * * 解构 ： 分解一个对象的结构 * 等号两边解构类似， 右边必须是一个真实的值。 */ let [a,b,c] = [1,2,3]; console.log(a) console.log(b) console.log(c) //*********** 编译成es5以后的代码...

2019-03-02 21:44:02

阅读数 28

评论数 0

原 es6基础 var和let

在es5中的var有一些存在的问题， 1:可以重复声明。 2：不支持常量。 3：没有块级作用域的概念 "use strict" for(var i =0; i< 3; i++){ (function(tmp){ ...

2019-03-02 21:20:18

阅读数 24

评论数 0

原 h5中的select下拉框在ios中样式兼容问题解决方案。

h5中的下拉框在ios中是长这样的。 这样式显然不能满足我们的需要，解决办法。 1：设置css  ：    -webkit-appearance: none; 去掉默认的样式。 2：右边的小三角使用一个图片定位在那里。 ...

2018-12-17 19:31:06

阅读数 789

评论数 0

原 h5手机端在输入框失去焦点后页面没有滑动到原来位置。

在手机端经常会写输入框提交信息，有的输入框位置比较靠底部，所以点击输入框的时候浏览器会自动把页面网上滑动，但是输入完成后，也就是这个输入框失去焦点的时候页面并没有滑下来。 解决办法 1：可以用浏览器提供的这个方法来实现scrollIntoView 这个方法可以绑定给任意元素，让他们滑动，具体使...

2018-12-17 19:25:21

阅读数 851

评论数 0

原 浏览器之间的兼容问题，要求兼容到ie9+ ie浏览器滑动时候页面抖动解决方案

一般的官网项目选择jQuery会比vue好一些。jQuery是多页应用，vue是单页应用对搜索引擎的支持不好。 但是官网一般的要求是ie9+，国产浏览器，谷歌和火狐更不用说了。 这样就出现了浏览器的兼容问题。主要有两个方面，1： 国产浏览器，2：ie浏览器。 解决办法 1：对国产浏览器的兼容...

2018-12-17 19:16:36

阅读数 240

评论数 0

原 js中不是所有对象都继承Object，也有特例

<!DOCTYPE html> <html> <body> <script> /** ...

2018-12-10 21:08:47

阅读数 130

评论数 0

原 js中继承关系

<!DOCTYPE html> <html> <body> <script> /** ...

2018-12-09 21:31:43

阅读数 87

评论数 0

原 js的构造函数和原型链

<!DOCTYPE html> <html> <body> <script> function...

2018-12-09 20:37:42

阅读数 36

评论数 0

原 js包装类

<!DOCTYPE html> <html> <body> <script> /** ...

2018-12-09 12:09:35

阅读数 37

评论数 0

原 js生成对象,构造函数生成对象原理

<!DOCTYPE html> <html> <body> <script> /** ...

2018-12-09 11:35:08

阅读数 59

评论数 0

原 js预编译

<!DOCTYPE html> <html> <body> <script> /** ...

2018-11-30 13:20:29

阅读数 24

评论数 0

原 wepy根据不同打包命令配置不同的全局变量

功能需求：要求能够根据不同打包命令（测试环境，线上环境）配置出全局变量，根据这个全局变量来自动寻找对应环境的接口域名。 如果仅仅做了1中的配置，仅能从配置文件中获取NODE_ENV的值，在业务代码上是获取不到的。 1：在package.json文件中配置如下信息： "sc...

2018-10-23 15:58:20

阅读数 770

评论数 0

原 微信小程序上拉多次加载问题（手指放在屏幕上一直向上拉就会不停的调用加载接口）

问题描述：我们经用到上拉加载功能。官方文档上写的lower-threshold="0"，其实仅仅就是当上拉到底部的时候就调用接在接口，当滑到底部调用接口的时候我们继续上拉屏幕，结果就会出现一次上拉多次加载的问题。解决方法：我先说说思路，我就是利用bindtouc...

2018-06-05 15:04:13

阅读数 2259

评论数 1

原 微信小程序-scroll-view上拉多次触发加载事件

之前那篇博客里边写了滑块的margin属性影响了滑动效果。这篇文章写一下上拉时多次触发上拉加载事件。（改好的代码如下）其实也比较简单，就是有可能没有意识到这个小细节。在官方文档中有这么一个属性（如图）。这个属性是设置距离底部多少距离是触发事件。我们吧这个属性设置成0就可以了。只有上拉到最底部才会触...

2018-05-09 13:49:50

阅读数 3112

评论数 1

原 微信小程序-textarea获取输入值（在modal中获取值）

我的页面是这样的。我要点击微信自带的modal中按钮获取textare的输入值（下面的页面已经改好了）文档上的bindblur事件根本就满足不了使用，因为我在点击按钮后先调用了confirm方法，然后才会调用bindblur事件的方法获取textare值。所以就没办法进行了。网上有的博客中写的是用...

2018-05-09 11:53:31

阅读数 9605

评论数 0

原 微信小程序坑-scroll-view滑动列表（就一行，没有填满屏幕就会触发上拉加载事件）

比方说如下图片中有一个滑动列表。我的这个页面只有一行数据，按理说我们滑动时候是不应该触发上拉加载的，因为滑动的scroll-view元素高度是设置的100%。结果我这里就触发了上拉加载事件。图中两个箭头，箭头1的地方是scroll-view的一个子元素的margin-top如下图代码。原因：就是&...

2018-05-09 11:43:15

阅读数 3610

评论数 2

原 微信小程序滑动穿透事件处理方案

滑动穿透事件处理：亲测可行！在下面这个图中只有箭头值的地方是滑动的区域，但是当用手滑动上部红色区域的时候下面的滑动区域也跟着滑动，这个效果不是我们希望的。给上面红色区域添加这个事件catchtouchmove="move" 。然后在js中在实现这个方法 move...

2018-04-27 13:25:29

阅读数 2345

评论数 0

提示
确定要删除当前文章？
取消 删除
关闭
关闭