工作日志
Acitylion
这个作者很懒,什么都没留下…
展开
-
vue pc端适配
npm i lib-flexible -Snpm i px2rem-loader -D在main.js 中引入import 'lib-flexible'在vue-cli2 脚手架中 build => utils.jsexports.cssLoaders = function (options) { options = options || {} const cssLoader = { loader: 'css-loader', options: {...原创 2021-09-07 19:53:58 · 643 阅读 · 0 评论 -
jQuery 懒加载 分页加载
工作日志 随手笔记 仅供参考 大概思路就是加载页面的时候初始时候加载10个 然后下拉的时候再去触发接口在加载十个 我用的是jQuery 的插件 http://jqweui.com/extends#infinite 首先要在给他设置一个高度 不然下拉滚动的时候不会再去请求接口 html, body { height: 100%; }...原创 2018-09-06 16:20:49 · 1747 阅读 · 0 评论 -
上传图片功能
工作日志 随手笔记 仅供参考//用的jQuery WEUI 插件<div class="weui-cells weui-cells_form"> <div class="weui-cell"> <div class="weui-cell__bd"> <div class="weui原创 2018-10-13 14:54:27 · 309 阅读 · 0 评论 -
webstorm 配置微信小程序
https://blog.csdn.net/WestLonly/article/details/78119276转载 2018-10-18 20:07:00 · 908 阅读 · 0 评论 -
jQuery_wuui select 下拉列表 数据渲染
<div class="weui-cells" style="margin-top: 0"> <div class="weui-cell"> <div class="weui-cell__hd"><label for="select-express" class="weui-l原创 2018-10-23 15:25:14 · 1063 阅读 · 0 评论 -
轮播图
工作日志 随手笔记 仅供参考用的的是swiper 插件 还要引 js 跟 css 文件https://www.swiper.com.cn/ .swiper-container { width: 100%; height: 100%; margin-left: auto; margin-ri...原创 2018-10-26 16:17:27 · 169 阅读 · 0 评论 -
点击切换页面 分页加载 懒加载
工作日志 随手笔记 仅供参考一 页面一开始加载的时候就提前加载页面出来 然后下载滚动的时候 每次加载10个 然后判断接口返回的数据 的长度 当长度小于10 的时候 表示没有更多的数据 停止下拉加载 html, body { height: 100%; } .scroll-container{ ...原创 2018-10-26 16:56:10 · 1704 阅读 · 0 评论 -
移动端输入框输入完内容后点击软键盘上的搜索按钮进行搜索
<div class="search_header"> <div><i class="iconfont icon-mulu"></i></div> <div class="search_input"> <i class=&quo原创 2018-12-07 20:59:24 · 2811 阅读 · 0 评论 -
发帖定位功能
点定位图标 获取附近的定位地址点击选中的地址将选中的地址信息渲染都对应位置var lat = ''; var lng = ''; //获取定位信息 window.MBC.getLocation({ type:'wgs84', success:function(data){ ...原创 2018-12-11 22:06:13 · 513 阅读 · 0 评论 -
如何解决点击一个点击事件 触发多个点击事件 冒泡事件
工作日志 仅供参考 <div class="demo1> <div class=demo2>我的demo2</div></div>//当demo2 和demo1 同时都绑定点击事件的时候 当你点击子元素demo2的时候会触发父元素demo1 的点击事件说明发生了冒泡事件(冒泡事件自行去百度) 解决方法是 event.st...原创 2019-01-05 18:23:49 · 2445 阅读 · 0 评论 -
小程序 template 模板使用方法
参考小程序官方文档https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/template.html //在pages 文件下新建一个template文件//写好要引用的模板样式**** 使用 name 属性,作为模板的名字。然后在<template/>内定义代码片段,如:必须...原创 2019-02-25 16:53:01 · 436 阅读 · 0 评论 -
小程序使用分包
https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages/basic.html原创 2019-08-01 09:52:14 · 817 阅读 · 0 评论 -
解决小程序换行问题
后台返回的接口数据是不换行的 ,小程序换行加个 /n 这就需要给他们拆分 然后在拼接起来了<scroll-view scroll-x="true" style=" white-space: nowrap;"> <!-- display: inline-block--> <view class="classifyList {{first_cate...原创 2019-08-20 09:36:26 · 6517 阅读 · 0 评论 -
点中input 去判断状态 是true 还是false
console.log($("input[type='checkbox'][name='checkedres']").is(':checked'));原创 2020-10-29 11:20:02 · 262 阅读 · 0 评论 -
订单页点击跳转到对应位置
工作日志 随手笔记 仅供参考当你从上一页点击相应的内容时,将id携带到下一页,通过判断id 去判断点击的比如我点击第一页的待发货,将待发货的id携带到下一页 在下一页去判断 上一页携带过来的id 是否相等 // 全部订单 $(document).on('click','.all_Order',function () { var...原创 2018-08-23 15:28:33 · 1190 阅读 · 0 评论 -
小程序 地图功能
参考官方文档示例代码:wx.getLocation({ type: 'wgs84', success: function(res) { var latitude = res.latitude var longitude = res.longitude var speed = res.speed var accuracy = res.accuracy ...原创 2018-06-23 16:01:33 · 480 阅读 · 0 评论 -
小程序 拨打电话功能
工作日志随手记的 不是很详细 仅供参考 bindphone: function (){ wx.makePhoneCall({ phoneNumber: this.data.shop_item.mobilephone, success:function(){ console.log('拨打电话成功') }, fail:functi...原创 2018-06-23 16:22:05 · 1784 阅读 · 0 评论 -
小程序 发表评论功能
工作日志 随手笔记 仅供参考1.点击发表按钮 判断内容是否为空 如果为空提示请输入内容2.如果内容不为空 将评论框里输入的内容的值传入评论列表<view wx:for="{{release}}" class='shoppcall comment' data-id="{{item.id }}"> <button class='rev...原创 2018-06-23 16:43:11 · 14669 阅读 · 17 评论 -
小程序点击返回顶部
工作日志 随手笔记 进攻 <scroll-view bindscroll='scrollTop' style="height:{{clientHeight}}px;" scroll-y="true" scroll-top='{{scroll}}'> <view class='top' bindtap='gotop' wx:if="{{hiddentop}}"&g...原创 2018-06-29 18:37:10 · 4594 阅读 · 1 评论 -
小程序 支付功能
工作日志 随手笔记 仅供参考/** * 支付订单 */ payOrder:function(event){ var that = this; var order_hash = event.currentTarget.dataset.orderHash; //console.log(order_hash); //呼起微信支付 wx.r...原创 2018-07-04 19:57:54 · 383 阅读 · 0 评论 -
小程序 header
工作日志 随手笔记 仅供参考/** * 生命周期函数--监听页面加载 */ onLoad: function (options) { var that = this; if (wx.getStorageSync('auth_token')){ that.gitauthtoken() }else{ this.userInfoRe...原创 2018-07-05 16:14:30 · 2172 阅读 · 0 评论 -
h5 页面 唤起手机拨号功能
工作日志 随手笔记 仅供参考 <meta name="format-detection" content="telephone=yes"> //***在head 里面添加meta标签 <div><a href="tel:{{mobilephone}}">{{mobilephone}}</a></div原创 2018-08-01 11:55:29 · 4658 阅读 · 0 评论 -
artTemplate 语法使用
工作日志 随手笔记 仅供参考 这是第二次要用到这个语法 之前第一次用过几天忘了 今天要做项目重新复习一下 1.首先引入arttemplate.js 和 jquery.js //编写HTML模板<script id = 'test' type="text/html"><h1>{{title}}</h1></script&...原创 2018-08-01 13:45:30 · 712 阅读 · 0 评论 -
如何将接口里的字符串拿出来
工作日志 随手笔记 仅供参考原创 2018-08-02 21:38:38 · 563 阅读 · 0 评论 -
ajax事件没有执行完成,如何触发点击事件
$('.new_classify1').on('click','.bottom_button',function () { //.new_classify1 表示你点击的父级元素,然后再触发你想要的点击事件}工作日志 随后笔记 仅供参考原创 2018-08-02 21:56:37 · 976 阅读 · 0 评论 -
input 全选 反选 功能
https://www.cnblogs.com/TigerZhang-home/p/6955490.html转载 2018-08-08 11:21:26 · 815 阅读 · 0 评论 -
window location href 跳转之后怎么获得后面带参数
function GetRequest() { var url = location.search; //获取url中"?"符后的字串 var theRequest = new Object(); if (url.indexOf("?") != -1) { var str = url...转载 2018-08-08 23:15:12 · 23804 阅读 · 0 评论 -
eachart 快速上手
ECharts 3 开始不再强制使用 AMD 的方式按需引入,代码里也不再内置 AMD 加载器。因此引入方式简单了很多,只需要像普通的 JavaScript 库一样用 script 标签引入。<!DOCTYPE html><html><head> <meta charset="utf-8"> <!-- 引入 EChar...原创 2018-08-27 11:07:01 · 1150 阅读 · 0 评论 -
css 垂直居中的办法
来自:CSS可樂,作者:@Amos来自:http://csscoke.com/2018/08/21/css-vertical-align/@CSS coke,一個熱愛CSS的開發者的筆記部落格,站長 Amos 從視覺設計一腳踏進網頁開發領域,熱愛CSS的各式技巧與研究,目前除了在 Youtube 經營CSS coke 頻道直播,此外也在各處授課教學網站開發與設計,歡迎各位一同來交流分...转载 2018-08-27 15:53:55 · 2021 阅读 · 1 评论 -
微信小程序项目总结 点赞 删除列表 分享功能
小程序点赞功能思路:在后台没有给你接口自己模拟数据data:{ likes:{ iszan:false, num:0}} 1.遍历评论列表 判断点击的id 2.如果id相同 判断是否点赞过 如果为true -1 如果为false +1 3.更新数据bindlike:function(e){ var newData = this.data.release....原创 2018-06-23 15:39:26 · 1818 阅读 · 11 评论