大飞

大飞 关注TA

挑战一切!

大飞

大飞

关注TA

挑战一切!

  • 加入社区3,268天
  • 写了333,609字

版面 > Js、Css、Html(共有12文章)

  • Vue 跨域请求

      Vue为了安全,默认不支持跨域请求网络,这就很不方便我们本地调试,但是Vue提供代理配置,如下配置就可以解决跨域问题。  config/inder.js配置proxyTableproxyTable:{'/api':{target:'http://localhost:8002/',//要跨域的接口地址changeOrigin:true,pathRewrit......

     2,001    2    2018-11-29 11:19

  • 微信小程序——轮播图

    微信小程序——轮播图
       微信小程序的轮播图真是爽歪歪啊,不到二十行代码搞定,相对于安卓简单多了,不下百行代码,问题又多。下面见效果图:视图层:<swiperclass="swiper"autoplay="true"interval="2000"circular="true"indicator-dots="true"><blockwx:for="{{imageList}......

     1,365    0    2017-01-25 21:04

  • 微信小程序——选择器

    微信小程序——选择器
         微信小程序的选择器还是很好用的,但是很遗憾的是,自定义选择器还不支持多级联动,做区域选择器就是鸡肋,时间和日期选择器还好。    视图层:<view><viewclass="selecte">时间选择器</view><view><pickermo......

     2,240    0    2017-01-25 10:39

  • 微信小程序——底部导航

    微信小程序——底部导航
         底部导航比较简单的实现,然而类似今天头条的顶部导航目前却比较蛋疼,还没有比较好用的控件,昨晚试了一下使用scrollview实现,发现使用wx:for语句不能是是scrollview横向滚动,bugbugbug,就作罢了,加上微信小程序并没有类似安卓的fragment做导航切换,这就不太适合开发了,多个view在一个页面上,不好控制。&n......

     1,632    0    2017-01-25 09:27

  • 微信小程序——下拉刷新和上拉加载更多

    微信小程序——下拉刷新和上拉加载更多
         估计十来天没有写过代码了,有点生疏了,写起代码来不太利索。今天带来一篇十几天遗留的问题,实现微信小程序的下来刷新和上拉加载的实现。当然我所说的就是利用srollvies实现的,目前微信小程序的滚动控件只有一个,不像安卓拥有多种滚动视图,微信小程序的scrollview跟安卓的大部分滚动视图差不多,都有滚动到顶部和底部的监听事件。既然有这监......

     3,418    0    2017-01-24 13:43

  • 微信小程序——图片自适应

    微信小程序——图片自适应
      在开发者中,各种尺寸的图片都可能有,仅仅将图片的高宽写死,往往很难看,当然在安卓中可以设置图片的缩放属性也会达到很好的效果,而在微信小程序中,本人未发现这个方法,所以可以通过计算,让图片显示得更好。  实现思路:  1.获取屏幕的宽高,计算宽高比 2.获取图片的宽高,计算宽高比 3.对比两者的宽高比,缩放图片对应的......

     3,134    0    2017-01-14 21:03

  • 微信小程序——拖曳图片

    微信小程序——拖曳图片
     安卓中的拖曳实现步骤:   1.获取屏幕的宽高   2.监控触摸事件move   3.获取移动的xy方向的距离,计算图片应该偏移的距离   4.设置图片偏移同样微信小程序也是这样的步骤视图层:<viewclass="page"><imageclass......

     1,636    0    2017-01-14 20:51

  • 微信小程序——map地图控件的使用

    微信小程序——map地图控件的使用
        map——地图控件,不能再scroll-view中使用,本案例先使用wx.getLocation()方法获取当前坐标,然后将值设置到地图显示,本次案例简单显示其覆盖物。小程序文档中对covers和markers描述有些冲突,待后面查证。   看实现效果: 视图层:<viewclass="page">......

     2,070    0    2017-01-14 20:40

  • 微信小程序——网络请求

    微信小程序——网络请求
    微信网络请求方法跟大多数网络请求基本一致,比较简单。 实现案例:视图层,两个简单的按钮,一个文本框用于显示请求回来的数据<viewclass="page"><buttontype="primary"class="twobutton"bindtap="getRequest">GET请求</button><buttontype="primary"cl......

     1,330    0    2017-01-14 00:33

  • 微信小程序——录音动画的实现

    微信小程序——录音动画的实现
         回顾一下安卓的动画,安卓的动画分为三种,补间动画、帧动画和属性动画,补间动画和属性动画包括平移、旋转、放大和透明变化四种;这两种动画的区别在于补间动画执行后原来的属性并没有改变,比如一个图片从这个位置移动到另外一个位置,其获取焦点的位置还是在原来的位置,而属性动画执行后真实的改变了其属性。帧动画就是多张图片按照一定的顺序切换,产生像播放电......

     3,852    0    2017-01-14 00:14

  • 微信小程序——scroll-view的使用

    微信小程序——scroll-view的使用
       scroll-view顾名思义,滚动的视图,在使用上它非常的强大,比如滚动到顶部和底部的监听,滑动监听等,简单易用,二话不说,看效果图。     先来看看scroll-view的官方介绍,讲得很清楚。       我的实现步骤: &n......

     1,543    0    2017-01-13 22:53

  • 微信小程序框架介绍——开篇

    微信小程序框架介绍——开篇
         微信小程序对于熟悉web开发的人说,简直就是信手拈来。因为微信小程序的组成就是大家熟悉的JavaScript+HTML+CSS,再加配置文件Json.而在微信小程序中HTML被替换成WXML,就是微信的html(WX-HTML),CSS的后缀名不是"css",而是WXSS(WX-CSS),使用上跟CSS一致。另外微信小程序跟安卓的Acti......

     1,290    0    2017-01-13 21:40