05 2021 档案

数组去重（11种方法）
摘要：//全局变量 var arr = [1,1,true,true,false,false, undefined,undefined, null,null, NaN, NaN,'NaN','a', 'a',{},{}]; //第一种，利用ES6 Set去重（ES6中最常用） function metho 阅读全文
posted @ 2021-05-28 16:08 python界泥石流 阅读(11253) 评论(0) 推荐(0)
微信小程序封装数据API接口请求
摘要：前言：为了请求接口维护起来比较方便，所以我们程序员就通常把请求地址封装到一个文件里面 1.首先我们要在utils文件里面创建一个config.js,当然也可以新建一个文件夹,所以看你们的习惯咯，只要路径引入对就好了。 1)config.js文件主要是配置请求地址(域名) //这里使用的接口呢都是自己 阅读全文
posted @ 2021-05-27 22:09 python界泥石流 阅读(756) 评论(0) 推荐(0)
【微信小程序】性能优化
摘要：内容整理于微信公开课 为什么要做性能优化？ 一切性能优化都是为了体验优化 1. 使用小程序时，是否会经常遇到如下问题？ 打开是一直白屏 打开是loading态，转好几圈 我的页面点了怎么跳转这么慢？ 我的列表怎么越滑越卡？ 2. 我们优化的方向有哪些？ 启动加载性能 渲染性能 3. 启动加载性能 1 阅读全文
posted @ 2021-05-27 13:33 python界泥石流 阅读(367) 评论(0) 推荐(0)
小程序 — 小程序生命周期及页面生命周期
摘要：小程序生命周期 首先小程序的生命周期函数是在app.js里面调用的，App(Object)函数用来注册一个小程序。接受一个 Object 参数，指定其小程序的生命周期回调；一般有onLaunch监听小程序初始化、onShow监听小程序显示、onHide监听小程序隐藏等生命周期回调函数。 小程序生命周 阅读全文
posted @ 2021-05-26 22:35 python界泥石流 阅读(457) 评论(0) 推荐(0)
微信小程序开发（十一）获取手机的完整详细信息
摘要：// succ.wxml <view style='position:absolute; top:30%; left:35%;font-size:36rpx'>{{name}}：签到成功。{{oaid}}</view> <view>手机型号：{{mobileModel}}</view> <view> 阅读全文
posted @ 2021-05-26 18:23 python界泥石流 阅读(597) 评论(0) 推荐(0)
微信小程序开发（十）获取手机的经纬度
摘要：// succ.wxml <view>经度：{{lon}}</view> <view>纬度：{{lat}}</view> // succ.js var app = getApp() Page({ data: { lon: '', // 经度 lat: '', // 纬度 }, onLoad: fun 阅读全文
posted @ 2021-05-26 18:02 python界泥石流 阅读(193) 评论(0) 推荐(0)
微信小程序开发（九）获取手机连接的wifi信息
摘要：// succ.wxml <view>WIFI ssid：{{wifissid}}</view> <view>WIFI bssid：{{wifiBssid}}</view> // succ.js var app = getApp() Page({ data: { wifissid: '', // W 阅读全文
posted @ 2021-05-26 17:59 python界泥石流 阅读(1213) 评论(0) 推荐(0)
微信小程序开发（八）获取手机ip地址
摘要：// succ.wxml <view>手机IP：{{motto.query}}</view> // succ.js var app = getApp() Page({ data: { motto: '' // IP地址 }, onLoad: function (e) { // 获取参数 var th 阅读全文
posted @ 2021-05-26 17:58 python界泥石流 阅读(1091) 评论(0) 推荐(0)
微信小程序开发（七）获取手机网络类型
摘要：// succ.wxml <view>手机网络状态：{{netWorkType}}</view> // succ.js var app = getApp() Page({ data: { netWorkType: '' // 网络类型 }, onLoad: function (e) { // 获取参 阅读全文
posted @ 2021-05-26 17:34 python界泥石流 阅读(146) 评论(0) 推荐(0)
微信小程序开发（六）获取手机信息
摘要：// succ.js var app = getApp() Page({ data: { mobileModel: '', // 手机型号 mobileePixelRatio: '', // 手机像素比 windowWidth: '', // 窗口宽度 windowHeight: '', // 窗口 阅读全文
posted @ 2021-05-26 17:04 python界泥石流 阅读(470) 评论(0) 推荐(0)
微信小程序开发（五）数据绑定
摘要：承接上篇博客。 // index.js Page({ data: { time: (new Date()).toString(), addr: "北京" }, but: function(){ console.log("你好"); this.setData( {}, function(){ wx.n 阅读全文
posted @ 2021-05-26 16:27 python界泥石流 阅读(89) 评论(0) 推荐(0)
微信小程序开发（四）页面跳转
摘要：承接上篇博客。 通过点击按钮跳转到新的页面。 先创建新页面home： 代码如下： // home.js Page({}) // 注册页面 // home.json {} // home.wxml <text>home页面</text> home页面创建好后，去app.json里面配置路径: // a 阅读全文
posted @ 2021-05-26 16:21 python界泥石流 阅读(594) 评论(0) 推荐(0)
微信小程序开发（三）点击事件
摘要：接着上篇博客继续。 如下修改： // index.wxml <view>Hello World!</view> <button bindtap="but">点击按钮</button> // 按钮 bindtap属性就是添加点击事件，名字是but // index.js Page({ but: fun 阅读全文
posted @ 2021-05-26 15:56 python界泥石流 阅读(1655) 评论(0) 推荐(0)
微信小程序开发（二）创建一个小程序页面
摘要：为了方便讲解，我们将上篇博客创建的小程序除了project.config.json和sitemap.json两个文件保留，其他全部删除（这两个文件存的是小程序的创建信息，删掉会有报错提示）。 接下来我们创建如下文件，先不写内容。 写入如下代码： // app.js App({}) // 注册小程序 阅读全文
posted @ 2021-05-26 15:49 python界泥石流 阅读(412) 评论(0) 推荐(0)
微信小程序开发（一）创建一个小程序Hello World！
摘要：微信开发小程序的历程： 第一步，请前往https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html 微信开发者工具下载页面根据自己的操作系统下载对应的安装包进行安装。 第二步，打开微信开发者工具，选择新建小程序项目。 红框里面可以选 阅读全文
posted @ 2021-05-26 10:22 python界泥石流 阅读(806) 评论(0) 推荐(0)
从输入url到页面渲染全过程
摘要：一、 发起请求 1. 输入地址 在浏览器地址栏中输入大致上可以分为两种： 输入关键字（搜索内容）； 输入请求url； 不管是哪种，在浏览器中都会对其内容进行检测，自动组装成一个完整的url（加上默认的协议头、拼接成默认的搜索引擎的搜索url等...）并交由网络进程发送请求。 2. DNS解析 在互联 阅读全文
posted @ 2021-05-24 20:18 python界泥石流 阅读(542) 评论(0) 推荐(0)
三栏布局技巧
摘要：映入眼帘的就是一个常见的三栏布局：即左边商品导航和右边导航固定宽度，中间的主要内容随浏览器宽度自适应。 三栏布局，顾名思义就是两边固定，中间自适应。三栏布局在开发十分常见，那么什么是三栏布局？比如我打开某东的首页： 下面围绕的这样的目的，即左右模块固定宽度，中间模块随浏览器变化自适应，想要完成的最终 阅读全文
posted @ 2021-05-20 13:59 python界泥石流 阅读(205) 评论(0) 推荐(0)
弹性盒布局(Flexbox布局)
摘要：新特性之网页布局 多列布局 css可将文本内容涉及成像报纸一样的多列布局。 多列属性 column-count 指定元素应该被分割的列数 column-gap 指定列和列之间的间隙 column-rule-style 列边框的样式 column-rule-width列边框的宽度 column-rul 阅读全文
posted @ 2021-05-19 16:06 python界泥石流 阅读(566) 评论(0) 推荐(0)
CSS子元素在父元素中水平垂直居中的几种方法
摘要：1. 水平居中(margin: auto;)子父元素宽度固定，子元素上设置 margin: auto; 子元素不能设置浮动，否则居中失效。 #div1{ width: 300px; height: 300px; border: 1px solid red; } #div1 p { width: 10 阅读全文
posted @ 2021-05-18 17:13 python界泥石流 阅读(1006) 评论(0) 推荐(0)