自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 微信小程序--365笔记第33天---点击一键复制

1.点击按钮,将需要复制的内容,复制到剪贴板,到指定的粘贴;wxml: <view class="flex flex-vc"> <view class="sm4 flex flex-vc flex-hc" selectable="true">{{url}}</view> <button class="flex flex-vc flex-hc" bindtap="copy" type="primary">一键复制</but

2020-06-30 09:25:05 16

原创 微信小程序--365笔记第34天---常用正则表达式

//校验基本日期格式 var reg1 = /^\d{4}(\-|\/|\.)\d{1,2}\1\d{1,2}$/; var reg2 = /^(^(\d{4}|\d{2})(\-|\/|\.)\d{1,2}\3\d{1,2}$)|(^\d{4}年\d{1,2}月\d{1,2}日$)$/; // 1. 校验基本日期格式 var reg1 =/^\d{4}(\-|\/|\.)\d{1,2}\1\d{1,2}$/; var reg2 =/^(^(\d{...

2020-06-30 09:24:23 21

原创 微信小程序--365笔记第35天---手风琴效果

1.实现一个手风琴效果,点击展开,点击合起;wxml: <view class='box'> <block wx:for="{{textList}}"> <view class='text-item'> <view class='text-name'>{{item.title}}</view> <view class='text-desc' style="{{ite

2020-06-30 09:23:43 22

原创 微信小程序--365笔记第36天---拼团、秒杀倒计时

1.实现一个拼团、秒杀计时的功能和页面;1.模拟商品列表数据 goodsList;2.在 onLoad 周期函数中对活动结束时间进行提取;3.建立时间格式化函数 timeFormat;4.建立倒计时函数 countDown;5.在 onLoad 周期函数的提取结尾执行倒计时函数 countDown。倒计时1.获取当前时间,同时得到活动结束时间数组;2.循环活动结束时间数组,计算每个商品活动结束时间的倒计时天、时、分、秒;3.用 setData 方法刷新数据;4.每个一秒执行一次倒计时函数

2020-06-30 09:23:10 21

原创 微信小程序---365笔记第39天---答题小程序顶部模块转换

需求:1.实现该模块题目答完后,模块状态跳转到下一个;2.显示当前答题的进度条;wxml: <!-- 顶部状态模块 --> <view class="con1"> <view class="con_module"> <view class="con_module_title {{status1}}">数学</view> <view class="con_module_title

2020-06-30 09:22:36 15

原创 微信小程序---365笔记第41天---多层数组的列表渲染

记:1.多层数组的列表渲染;2.点击radio所在的行,也可以选中radio;1.多层数组的列表渲染;数据:data:{ name: { name: [ { '昵称': "夏天的列车" }, { '昵称1': "夏天的列车1"}, { '昵称2': "夏天的列车2"} ] }}wxml: <view wx:for="{{name.name}}" wx:for-index="idx" wx:for-item="item1">

2020-06-30 09:22:02 25

原创 微信小程序---365笔记第42天---搜索框功能封装,调用键盘搜索

需求:1.搜索框功能的实现,点击聚焦,右边显示取消按钮;2.调起手机键盘的搜索键;wxml: <!--搜索框开始--> <view class="index-search-bar"> <view class="index-search-bar__form"> <!--点击之后,出现input框 --> <view class="index-search-bar_

2020-06-30 09:21:31 21

原创 微信小程序---365笔记第43天---模块选择、获取模块数据、显示模块数据

需求:1.选择模块相应的模块,单击选择相应的模块,两次点击相同的模块,模块选中状态取消;2.获取选中模块的数据,并将模块的数据通过弹窗显示出来;wxml: <!-- 选择不同的模块 --> <view class="module"> <block wx:for="{{modlue}}" wx:key="module"> <view class="module-circle {{item.selecte

2020-06-30 09:21:01 19

原创 微信小程序---365笔记第44天---获取用户授权地理位置,经纬度

需求:1.在进入页面时,请求用户地理位置授权,获取用户当前的地理位置;2.获取用户的经纬度,有时候需要通过经纬度来计算用户与店铺之间的距离;步骤:1.微信小程序后台将域名添加到当前使用的APPID域名里面;2.下载qqmap.wx-jssdk.js和qqmap.wx-jssdk.min.js包,放在小程序所在的文件夹里面;3.在需要获取用户地理位置的页面顶部,请求下载的包;代码: var QQMapWX = require('../qqmap-wx-jssdk.js'); va

2020-06-30 09:20:28 1047

原创 微信小程序---365笔记第47天---关键字匹配搜索框

1.点击聚焦,右侧出现取消按钮;2.调起键盘上面的search按钮;3.输入搜索的内容,匹配到跟含有输入字段的内容; <!--搜索框开始--> <view class="index-search-bar"> <view class="index-search-bar__form"> <!--点击之后,出现input框 --> <view class="index-sear

2020-06-30 09:19:54 20

原创 微信小程序---365笔记第48天---上一题,下一题

1.上一题,下一题;2.点击所在行,也可选中radio或者check-box data:{ dataList:[], n:0, num:1 }, onLoad: function(options) { this.toNext(); }, //上一题 toBefore(){ var n = this.data.n--; var showinfo = this.da

2020-06-30 09:19:22 46

原创 python 文件操作和学生管理系统练习

文件读取f = open('index.txt',encoding='utf-8')s = f.read()print(s)f.close()文件写入f = open('index.txt',mode="w",encoding='utf-8')f.write('叫我詹躲躲\\n')f.write('叫我詹躲躲1\\n')f.close()第三方库安装和使用import randomrandom.randint() 随机数import jieba 结巴import wordcl

2020-06-28 22:06:52 25

原创 微信小程序---365笔记第49天---小程序支付功能封装

1.点击按钮,实现调起支付按钮,并且支付; // 验证支付 toPay() { wx.showLoading({ title: '正在支付...', }) let slet = this; var token = wx.getStorageSync('token'); wx.login({ //登陆获取code success: function (res) { wx.reque

2020-06-28 17:23:23 34

原创 微信小程序---365笔记第73天--动态将数据存入缓存

1.实现将动态数据存入缓存,并在页面循环出来;展示刚才存入缓存的数据;js://选中股票后 bindSearch: function () { var that = this; var value = that.data.inputVal;if (that.data.inputVal.length != 0) { var arr = []; var history = that.data.hisList; if (history.length < 10) { hi

2020-06-28 17:22:53 19

原创 微信小程序---365笔记第76天--使用API工厂后台搭建程序

1.使用API工厂后台搭建程序:API工厂前端接口:https://api.it120.cc/doc.html1.修改自己的个性域名,方便接下来小程序端的调用;2.安装API工厂模块;3.配置小程序项目打开根目录的 app.js 文件,定位至 184 行,把你设置的个性域名名称填入即可;globalData:{userInfo:null,subDomain: "wanzikun", // 如果你的域名是: https://api.it120.cc/abcd 那么这里只要填写 abcdve

2020-06-28 17:22:19 41

原创 小程序---365笔记第5天---常用方法

1.单提示函数(应用场景只想用户点击确认执行的时候)function showModal(cont,flag,fn){ wx.showModal({ title: '提示', content: cont, showCancel:flag, success(res) { if (res.confirm) { } else if (res.cancel) { } }, complete(){

2020-06-28 17:21:48 24

原创 小程序---365笔记第5天---小程序京东首页

用微信开发者工具写了一下京东的首页;总结在页面编写中遇到的一些需要注意的地方;先看下页面;在制作这个项目列表的时候,发现项目循环出来以后,并不是直接就排列在容器里面,需要添加一个flex-flow:nowrap;和flex弹性布局里面有:flex-direction: row(初始值) | row-reverse | column | column-reverse flex-wrap: nowrap(初始值) | wrap | wrap-reverse;flex-direction定义了弹

2020-06-28 17:21:17 26

原创 小程序---365笔记第6天---常用方法

// 获取服务项目列表serviceCate:function(){ var that = this; wx.request({ url: hostUrl + '/v1/Kquery/?table=server', data:{}, success:function(res){ //console.log(res); var s_lists = res.data.data; that.setData({

2020-06-28 17:20:52 32

原创 小程序---365笔记第10天---CSS样式

1.calc()能让你给元素的做计算,你可以给一个div元素,使用百分比、em、px和rem单位值计算出其宽度或者高度,比如说“width:calc(50% + 2em);calc表 达式中有“+”和“-”时,其前后必须要有空格; width: calc(100% - 100rpx);屏幕宽减去右边的100rpx; padding: 30rpx 50rpx 5rpx; 表示左右内边距为50,上30,下5; flex-flow 属性是 flex-direction 和 flex-wrap 属性的复合.

2020-06-28 17:20:14 14

原创 小程序---365笔记第11天---微信小程序登录接入

接入前的准备工作参考文档:微信小程序登录接入 (必做)登录逻辑:小程序登录逻辑梳理使用插件参考文档:https://developers.weixin.qq.com/miniprogram/dev/framework/plugin/using.html一、添加插件二、引入插件三、接入方法及参数四、提供的方法五、前端登录状态判断建议六、小程序H5登录态打通七、小程序间登录态打通八、需要配置的域名九、常见问题1、demo中的代码需要复制到自己项目中吗2、插件引入控制台报page相关错误

2020-06-28 17:19:43 39

原创 小程序---365笔记第14天---生成10个随机数

将数字100拆分为10个随机数; <script type="text/javascript"> let redpackage = function(){ let sum =100; let money; for(let i =0;i<15;i++){ if(i===15){ money=sum; }else{ money=(Math.random()*sum).toFixed(2); }

2020-06-28 17:19:17 25

原创 小程序---365笔记第15天---移动端消息弹窗

今天实现一个弹窗的功能,在进行点击事件后,会弹出一个消息弹窗;html代码片段; <!-- 消息弹窗 --> <div id="myModal" class="modal"> <!-- 弹窗内容 --> <div class="modal-content"> <div class="modal-header text-center mg-tp5"> <p>提示</p&gt

2020-06-28 17:18:40 17

原创 269个JavaScript工具函数,助你提升工作效率(9)
原力计划

241.返回数组中第 n 个元素(支持负数)方案一:slicefunction nthElement(arr, n = 0) { return (n >= 0 ? arr.slice(n, n + 1) : arr.slice(n))[0];}nthElement([1,2,3,4,5], 0)nthElement([1,2,3,4,5], -1)复制代码方案二:三目运算符function nthElement(arr, n = 0) { return (n >= 0.

2020-06-07 22:25:18 43

原创 269个JavaScript工具函数,助你提升工作效率(8)
原力计划

211.判断是否为数字/** * @description 判断是否为数字 * @param value* @returns {boolean} */ export function isNumber(value) { const reg = /^[0-9]*$/; return reg.test(value); }212.判断是否是名称 /** * @description 判断是否是名称 * @param value * @re.

2020-06-07 22:24:29 37

原创 269个JavaScript工具函数,助你提升工作效率(7)
原力计划

181.如何在等待指定时间后调用提供的函数? const delay = (fn, wait, ...args) => setTimeout(fn, wait, ...args); delay( function(text) { console.log(text); }, 1000, 'later' ); // 1秒后打印 'later'182.如何在给定元素上触发特定事件且能选择地传递自定义数据? const triggerEvent = (el.

2020-06-07 22:23:50 47

原创 269个JavaScript工具函数,助你提升工作效率(6)
原力计划

151.数组中某元素出现的次数 /** * @param { array } arr * @param {*} value */ export function countOccurrences(arr, value) { return arr.reduce((a, v) => v === value ? a + 1 : a + 0, 0); }152.加法函数(精度丢失问题) /** * @param { number } arg1.

2020-06-07 22:23:00 48

原创 269个JavaScript工具函数,助你提升工作效率(5)
原力计划

121.cookie 获取 /** * @param {String} key 属性 */ export const cookieGet = (key) => { const cookieStr = unescape(document.cookie); const arr = cookieStr.split('; '); let cookieValue = ''; for (let i = 0; i &.

2020-06-07 22:22:22 97

原创 269个JavaScript工具函数,助你提升工作效率(4)
原力计划

91.返回当前urlexport const currentURL = () => window.location.href;92.获取url参数(第一种)/** * @param {*} name * @param {*} origin */export function getUrlParam(name, origin = null) { let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$).

2020-06-07 22:21:40 41

原创 269个JavaScript工具函数,助你提升工作效率(3)
原力计划

61.验证linux"文件"路径/**@param { string } value*/export const isLinuxFilePath = value => /^(\/[^/]+)+$/g.test(value);62.验证window"文件夹"路径/**@param { string } value*/export const isWindowsFolderPath = value => /^[a-zA-Z]:\\(?:\w+\\?)*$/g.test(valu.

2020-06-07 22:20:58 50

原创 269个JavaScript工具函数,助你提升工作效率(2)
原力计划

61.验证linux"文件"路径/**@param { string } value*/export const isLinuxFilePath = value => /^(\/[^/]+)+$/g.test(value);62.验证window"文件夹"路径/**@param { string } value*/export const isWindowsFolderPath = value => /^[a-zA-Z]:\\(?:\w+\\?)*$/g.test(valu.

2020-06-07 22:20:21 79

原创 269个JavaScript工具函数,助你提升工作效率(1)
原力计划

1.匹配正整数// 匹配正整数let isPositiveNum = val => { return /^[1-9]d*$/.test(val);};console.log(isPositiveNum(9)) //trueconsole.log(isPositiveNum(2.2)) //false2.匹配负整数// 匹配负整数 let isNegativeNum = val => { return /^-[1-9]d*$/.test(val); }; consol.

2020-06-07 22:19:31 70

转载 nginx | nginx安装及常用配置详解

Nginx(“engine x”)是一款是由俄罗斯的程序设计师Igor Sysoev所开发高性能的 Web和 反向代理 服务器,也是一个 IMAP/POP3/SMTP 代理服务器。在高连接并发的情况下,Nginx是Apache服务器不错的替代品。Nginx 安装系统平台:CentOS release 6.6 (Final) 64位。一、安装编译工具及库文件yum -y install make zlib zlib-devel gcc-c++ libtool openssl openssl-d.

2020-06-04 09:23:35 25

提示
确定要删除当前文章?
取消 删除