weixin_43779957的博客_叫我詹躲躲_CSDN博客-javascript,es6,python领域博主

原创【CSS进阶】巧用伪元素before和after制作绚丽效果

原创：叫我詹躲躲来源：掘金链接：巧用伪元素before和after制作绚丽效果所谓‘伪元素’，就是本身不存在的页面元素，HTML代码里并没有这样的元素，但在页面显示时，你却能看到这些本来不存在的元素发挥着作用。本文主要探究伪元素beforce和after的常用使用场景。CSS :before 选择器定义和说明:before 选择器向选定的元素前插入内容。使用content 属性来指定要插入的内容。CSS :after 选择器定义和说明:after 选择器向选定的元素之后插入内容。使用c

2020-07-27 22:19:43 14

原创 python面型对象编程进阶（继承、多态、私有化、异常捕获、类属性和类方法）
原力计划

原创：叫我詹躲躲来源：简书链接：python面型对象编程进阶（继承、多态、私有化、异常捕获、类属性和类方法）致谢：感谢求知教育提供的视频教程1.单继承## 封装，继承和多态## 1.封装1、满足把内容封装到某个地方，另一个地方去调用封装的内容2、使用初始化构造方法,或者使用self获取封装的内容## 2.继承子类继承父类的属性和内容1.1单继承示例class Animal: def eat(self): print('吃饭了') pass

2020-07-10 22:10:06 50

原创 python 格式化、set类型和class类基础知识练习
原力计划

原创：叫我詹躲躲来源：简书链接：https://www.jianshu.com/p/e7280031a8741.输出 %占位符lastname = 'hello'firstname = 'world'print('我的名字是%s %s' %(lastname,firstname))2.常用的格式化字符%c 字符%s 通过str来格式化%i 有符号十进制整数%d 有符号十进制整数%u 无符号十进制整数%o 八进制整数%x 十六进制整数（小写字母）%e 索引符号（小写e)%E

2020-07-08 22:28:53 73

原创 python 入门基础知识练习
原力计划

原创：叫我詹躲躲链接：https://segmentfault.com/a/1190000023099111#shareToWeibo1编写第一个程序,目前使用的都是python 3# print('hello world!')2.查看当前python编辑器的版本号# python -v3.使用变量# message = 'hello world!'# print(message)4.字符串name = 'jetty'print(name.title()) #Jetty 首字母大

2020-07-05 21:04:50 67

原创微信小程序--365笔记第32天---数组排序，距离最近

1.实现的是数组的排序，以距离排序，将距离最近的显示在上面;2.可以应用到其他数组排序，都是可以用的；wxml: <view> <view>原数组</view> <view wx:for="{{array}}"> <text>{{item.name}}</text> <text>{{item.distance}}</text>

2020-07-05 21:02:54 49

原创微信小程序--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">  <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">  <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天---小程序京东首页

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

转载 python学习函数模块，数据结构，字符串和列表

感谢骆昊大佬写的学习文档:学习文档例子1.寻找水仙花数。说明：水仙花数也被称为超完全数字不变数、自恋数、自幂数、阿姆斯特朗数，它是一个3位数，该数字每个位上数字的立方之和正好等于它本身.for i in range(100, 1000): a = i//100 b = i//10 % 10 c = i % 10 if i == a**3+b**3+c**3: print(i)例子2.正整数的反转num = int(input('请输入正整数'))

2020-05-21 21:11:25 40

原创 css变量制作心动的果冻效果（css变量）
原力计划

变量的声明CSS自定义属性也被称为CSS变量。变量就是拥有合法标识符和合法的值,可以被使用在任意的地方。通过var()函数使用变量。1.声明一个局部变量：.jelly { --main-bg-color: #e91e63;}2.使用一个局部变量：.jelly { background-color: var(--main-bg-color);}3.声明一个全局 CSS 变量：:root { --global-color: #666;}3.使用一个全局 CSS 变量：

2020-05-20 21:59:38 1585 3

原创 python 基本类型，运算，循环
原力计划

变量和类型| 整型（int）|：Python中可以处理任意大小的整数，而且支持二进制（如0b100，换算成十进制是4）、八进制（如0o100，换算成十进制是64）、十进制（100）和十六进制（0x100，换算成十进制是256）的表示法。浮点型（float）：浮点数也就是小数，之所以称为浮点数，是因为按照科学记数法表示时，一个浮点数的小数点位置是可变的，浮点数除了数学写法（如123.456）之外还支持科学计数法（如1.23456e2）。字符串型（str）：字符串是以单引号或双引号括起来的任意文本，比如’

2020-05-20 21:53:37 28