#微信gif

理解JSON对象:JSON.parse、 JSON.stringify

JSON就是一个有特殊规则的字符串,按照这个规则我们就可以把这个字符串解析成JS对象。JSON是设计成描述数据交换格式的,他也有自己的语法,这个语法是JavaScript的一个子集。{"prop":"val"}这样的声明有可能是JavaScript对象字面量也有可能是JSON字符串,取决于什么上下文使用它,如果是用在s...

切图时图片的选择:JPG、PNG、GIF的区别

目前网站图片的采用一共有流行三种,分别是JPG、PNG、GIF,然而很多人并不知道三者在选择的时候究竟应该选谁。虽然都可以存储图片,但是如果要发布到网上,就必须考虑速度、大小和失真程度的问题。如果你运用得好,选对图片,那样便会使网站的整体体验上升,如果你运用得不好,就会引起反效果。下面我通过文件大小等多方面的元素来讲一...

微信小程序短文字居中,长文字跑马灯效果

Html代码<!--公告跑马灯--><viewclass="info_box_happy"><viewclass="info_box_happy_txt">{{textN}}</view></view>Css代码.info_box_happy{font-siz...

微信小程序点击返回顶层实现方法

最近在研究微信小程序,被这个返回顶层给坑了一波,下面贴代码wxml代码:<scroll-viewscroll-yscroll-top="50"enable-back-to-top="true"scroll-top="{{scrollTop.scroll_top}}"bindscroll="scrollTopFun...

微信web开发者工具的跨域

1、点击微信开发者工具,击右键,选择“属性”,打开面板之后,选择“快捷方式”=>“目标”2、在目标那一行的最后,输入“空格--disable-web-security--user-data-dir”,务必要输入这个命令...

Java之微信公众号开发

这次以文本回复作为案例来讲解Java相关得微信公众号开发。个人微信公众号相关的接口权限有限,不过用于个人学习体验一下足够了,如图:  然后进入微信公众后台,点击基本配置,按照如下操作(点击启用,相当于设置请求url为自己后台的):  设置服务器URL、令牌、消息加解密密钥(这个可...
代码星球 ·2020-07-24

微信小程序之上传图片(含前后端代码例子)

此代码示例,能够让你成功将图片上传至后端,后端做相应的处理,然后返回成功码。index.wxml:<viewclass='content'><viewclass='img-box'><viewclass='img-list'><blockwx:for="{{detailPics...

微信小程序之页面传参

效果图:点击编辑值传过去了,那么编辑支出类型这个界面又是如何获取到值呢?传值代码:type.jseditType:function(e){vartypeId=e.currentTarget.dataset['id'];console.log("edit:"+typeId);wx.navigateTo({url:'../...
代码星球 ·2020-07-24

微信小程序之如何定义页面标题

效果图:这个标题是在哪里定义的呢?type.js核心代码如下(通常这段代码放在onLoad函数体内):wx.setNavigationBarTitle({title:"支出类型列表"})除了上面的在js中定义,还有在对应的json文件中定义(type.json),代码如下:{"navigationBarTitleTex...

微信小程序之确认框实现

效果图如下:核心代码如下:delType:function(e){vartypeId=e.currentTarget.dataset['id'];console.log("delete:"+typeId)wx.showModal({title:'提示',content:'确认要删除该支出类型?',success:fun...
代码星球 ·2020-07-24

微信小程序之使用checkbox

效果图如下:实例代码如下:type_add.js//pages/detail_add/detail_add.jsPage({/***页面的初始数据*/data:{selectData:"",//下拉列表的数据height:20,focus:false},checkboxChange:function(e){consol...
代码星球 ·2020-07-24

微信小程序之使用wx:for遍历循环

效果图如下:实现代码如下:type.js://pages/type/type.jsPage({/***页面的初始数据*/data:{types:""},editType:function(e){vartypeId=e.currentTarget.dataset['id'];console.log("edit:"+typ...
代码星球 ·2020-07-24

微信小程序之页面导航栏

效果图:页面有点丑,作为初次学习,页面可以要求不那么美观,先学会再说。毕竟后面可以优化的很漂亮。代码实例如下:<viewclass="sectionbtn-area"><viewclass="section__title">欢迎{{userName}}来到ACS管理系统</view>...
代码星球 ·2020-07-24

微信小程序之数据缓存

关于缓存,举个示例,假定我不是通过微信授权登录的方式,小程序又是如何识别我登录后的身份呢???效果图:这个功能我是通过缓存实现的。关键核心代码如下:wx.setStorage({key:'userName',data:res.data.user.userName})微信小程序提供的主要缓存如图:那么两个缓存之间的区别又...
代码星球 ·2020-07-24

微信小程序之网络通信

关于网络通信,这里我使用的是wx.request,官方代码示例如下:wx.request({url:'test.php',//仅为示例,并非真实的接口地址data:{x:'',y:''},header:{'content-type':'application/json'//默认值},success(res){conso...
代码星球 ·2020-07-24
首页上一页...3132333435...下一页尾页