- 博客(56)
- 收藏
- 关注
原创 css3中 nth-child 和 nth-of-type 的区别
nth-child 和 nth-of-type的下标都是从1开始的nth-child 和 nth-of-type有什么不同?直接上例子,看代码注释就好<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>demo</ti...
2020-04-26 09:48:04 481
原创 微信小程序学习笔记——用promise封装原生的请求
在request文件夹里的index.js写方法export const request=(params)=>{ return new Promise((resolve,reject)=>{ wx.request({ ...params, success:(result)=>{ ...
2020-04-24 16:35:07 1045
原创 微信小程序学习笔记——目录结构以及请求后台时的设置
目录名 结构 styles 存放公用样式 components 存放组件 lib 存放第三方库 utils 自己的帮助库 request 自己的接口帮助库 如何发送请求给后台step1:用wx.request发送请求//Page ObjectPage({ data: { /...
2020-04-24 15:17:20 464
原创 vue后台管理系统中,table表格页面使用mixins【混入自用】
mixins文件夹中的view-module.jsimport Cookies from 'js-cookie'import qs from 'qs'import { mapGetters } from 'vuex'export default { data() { /* eslint-disable */ return { // 设...
2020-04-24 12:13:03 3690
原创 微信小程序学习笔记——小程序第三方框架
1. 腾讯 wepy 类似vue2. 美团 mpvue 类似vue3. 京东 taro 类似react4. 滴滴 chameleon5. uni-app 类似vue
2020-04-22 16:42:07 256
原创 微信小程序学习笔记——小程序生命周期
应用生命周期指app.js属性 类型 默认值 必填 说明 onLaunch function 否 监听小程序初始化 onShow function 否 监听小程序启动或切前台 onHide function 否 监听小程序切后台 onError function...
2020-04-22 16:03:53 212
原创 微信小程序学习笔记——自定义组件 属性和组件的生命周期
组件中的属性组件生命周期组件的生命周期,指的是组件自身的一些函数,这些函数在特殊的时间点或遇到一些特殊的框架事件时被自动触发。其中,最重要的生命周期是createdattacheddetached,包含一个组件实例生命流程的最主要时间点。组件实例刚刚被创建好时,created生命周期被触发。此时,组件数据this.data就是在Component构造器中定义的...
2020-04-21 11:46:30 965
原创 vue-router原理
前端路由的实现 主要是为了SPA框架,单页面应用的特点就是,跳转页面的时候,不会刷新浏览器。不刷新浏览器,还能使路径发生改变的方式有两种②h5的api:history①hashvue-router也集合了这两种模式hash模式<!doctype html><html><head><meta charset="utf-8...
2020-04-20 16:49:28 51
原创 vue baidu map【自用】
<comment> 需求描述(2019/10/24) 广州市南沙区水务局BI大屏一张图定制化需求: 1、当前地理信息一张图是通过在线调用百度地图实现(在线地图),由于该项目属于地下管网施工,若基于该地图(在线或离线),参照将各施工区段设计图纸(CAD图)在地图上以简单的线段来标记于在线地图之上,并满足可以以将这些线使用不同颜色来表示已完工、正在施工、未施工(绿、黄、...
2020-04-20 08:55:48 175
原创 Vue2Leaflet(基于vue的leafLet)封装的图片打点功能 移动端与pc端同样适用【自用】
安装leafletcnpm i leaflet -S安装vue2-leafletcnpm i vue2-leaflet -Smain.js中引入Vue.config.productionTip=falseimport'leaflet/dist/leaflet.css';<comment> 平面图标记 传参说明 ...
2020-04-20 08:54:46 779
原创 微信小程序学习笔记——自定义组件步骤
类似vue或者react中的自定义组件步骤:Step1:新增组件① 根目录下新建 components 文件夹② 在components 文件夹中,新建自定义组件文件夹③ 右击 Tabs 文件夹 ,然后点击 弹出的菜单中的 “新建Compent”,输入组件名称,自动生成4个文件Step2 :声明组件Step3:使用组件...
2020-04-17 09:18:08 882
原创 微信小程序学习笔记——常见组件【checkbox】
checkbox多选项目。属性 类型 默认值 必填 说明 value string 否 checkbox标识,选中时触发checkbox-group的 change 事件,并携带checkbox的 value disabled boolean false 否 是否禁用 ...
2020-04-17 08:32:43 1961
原创 微信小程序学习笔记——常见组件【radio】
radio单选项目需要搭配radio-group 一起使用属性 类型 默认值 必填 说明 value string 否 radio标识。当该radio选中时,radio-group的 change 事件会携带radio的value checked boolean false 否...
2020-04-16 17:38:01 959
原创 【Vue高级】MVVM实现原理(七)—— computed的实现
把computed里面的数据,挂载在vm上即可实现function Vue(options = {}) { this.$options = options;//将所有属性挂载在options var data = this._data = this.$options.data; observe(data) //观察完之后,this代理了this._dat...
2020-04-16 16:45:20 248
原创 【Vue高级】MVVM实现原理(六)—— 双向数据绑定的实现
在上节代码中加了一个功能在模板编译器方法里加了以下代码//nodeType为1时,是元素节点 if(node.nodeType === 1){ let nodeAttrs = node.attributes //类数组对象 Array.from(nodeAttrs).forEach((attr)=...
2020-04-16 16:24:33 301
原创 【Vue高级】MVVM实现原理(五)—— 连接视图与数据【Watcher】
<!doctype html><html><head><meta charset="utf-8"></head> <body id="app"> <div> a的值:{{a.a}} </div> <p> b的值 {{b}}...
2020-04-16 16:05:48 697
原创 【Vue高级】MVVM实现原理(四)—— 发布订阅模式
先上一个发布订阅的简单例子//发布订阅模式 先有订阅再有发布//有一个方法,可以订阅一些事件 这些事件会放在数组里 [fn1,fn2,fn3]function Dep(){ this.subs = [];}//订阅的实现Dep.prototype.addSub = function(sub){ this.subs.push(sub)}//发布的实现...
2020-04-16 12:13:59 608
原创 【Vue高级】MVVM实现原理(三)—— 编译模板【Compile】
CompileCompile主要做的事情是解析模板指令,将模板中的变量替换成数据,然后初始化渲染页面视图,并将每个指令对应的节点绑定更新函数,添加监听数据的订阅者,一旦数据有变动,收到通知,更新视图。<!doctype html><html><head><meta charset="utf-8"></head> &...
2020-04-16 11:48:03 630 2
原创 【Vue高级】MVVM实现原理(二)—— 数据劫持【Observer】,observer有观察员、观察值的意思
<!doctype html><html><head><meta charset="utf-8"></head> <body> {{a}}</body><script src="./mvvm.js"></script><script> ...
2020-04-16 10:27:20 590
原创 【Vue高级】MVVM实现原理(一)——Object.defineProperty
红色框圈住的两个属性冲突绿色框圈住的两个属性冲突<!doctype html><html><head><meta charset="utf-8"></head> <body><!-- MVVM:双向数据绑定,数据影响视图,视图影响数据 angular 脏值检测 ...
2020-04-16 09:38:59 165
原创 微信小程序学习笔记——常见组件【button——开放能力】
<!--pages/buttonPage/buttonPage.wxml--><!-- button 标签 1 open-type 1 contact 直接打开客服对话功能 | 需要在微信小程序的后台配置 2 share 转发当前的小程序 到微信朋友中 | 不能把小程序分享到朋友圈中 3 getPhoneNumber 获取当前用户的手机号码信...
2020-04-16 08:35:53 628
原创 微信小程序学习笔记——常见组件【button——外观样式】
https://developers.weixin.qq.com/miniprogram/dev/component/button.htmlbutton下面的配置删除掉基础库 1.0.0 开始支持,低版本需做兼容处理。按钮。属性 类型 默认值 必填 说明 最低版本 size string default 否 按...
2020-04-15 15:35:22 1243 1
原创 微信小程序学习笔记——常见组件【rich-text】导航组件
rich-texthttps://developers.weixin.qq.com/miniprogram/dev/component/rich-text.html可以将字符串解析成对应标签,类似vue中v-html功能<!--pages/richPage/richPage.wxml--><!-- rich-text 富文本标签 1 nodes属性来实现...
2020-04-15 14:52:58 623
原创 微信小程序学习笔记——常见组件【navigator】导航组件
导航组件navigator0.块级元素默认会换行可以直接加宽度和高度1.url要跳转的页面路径绝对路径相对路径2.target要跳转到当前的小程序还是其他的小程序的页面self默认值,自己小程序的页面miniProgram其他小程序的页面3.open-type跳转方式...
2020-04-15 12:13:59 4152
原创 微信小程序学习笔记——常见组件【swiper】
swiper滑块视图容器。其中只可放置swiper-item组件,否则会导致未定义的行为。常用属性autoplay 自动轮播interval 修改轮播时间circular 衔接轮播indicator-dots 显示 指示器 分页器 索引器indicator-color 指示器的未选择时的颜色indicator-active-color 指示器的选中时的颜色属性...
2020-04-15 10:00:06 4752
原创 Nodejs递归读取目录下的所有文件时,获得空数组(nodejs异步方法),以及解决办法(nodejs同步方法)
最近用到了electron和nodejs
2020-04-14 17:27:18 1075 1
原创 nodejs 判断是文件夹还是文件
nodejs菜鸟一枚。。。。第一种方法 :同步方法const fs = require('fs');var pathName = "E:\image"varstat=fs.lstatSync(pathName);console.log(JSON.stringify(stat)) console.log('是否是文件:'+stat.isFile()) //是文...
2020-04-14 15:38:38 12481 2
原创 微信小程序学习笔记——常见组件【image】
image基础库 1.0.0 开始支持,低版本需做兼容处理。图片。支持 JPG、PNG、SVG、WEBP、GIF 等格式,2.3.0起支持云文件ID。1.图片有默认大小, 默认宽高为 320 2402.mode决定图片内容如何和图片标签宽高做适配 ① scaleToFill 默认值 不保持纵横比缩放图片,使图片的宽高完全拉伸至填满 image 元素 ②...
2020-04-13 15:45:56 2354
原创 微信小程序学习笔记——常见组件【view , text】
https://developers.weixin.qq.com/miniprogram/dev/component/常用布局组件view , text , rich-text , button , image , navigator , icon , radio , checkboxview代替原来的div便签属性 类型 默认值 必填 说明 ...
2020-04-13 15:08:00 646
原创 微信小程序学习笔记——样式 WXSS 【尺寸单位,样式导入,使用less或sass】
1.尺寸单位2.样式导入3.选择器4.小程序中使用less1.尺寸单位rpx(responsive pixel):可以根据屏幕宽度进行自适应,规定屏幕宽韦750rpx。如在iphone6上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素, 1rpx = 0.5px =1物理像素。需求如下/* pages...
2020-04-13 10:47:42 1956
原创 微信小程序学习笔记——事件绑定
从视图到模型把输入框的值 赋值到data当中wxml<!--pages/eventPage/eventPage.wxml--><!-- 1. 需要给input标签绑定 input事件 绑定关键字 bindinput 2. 如何获取 输入框的值 通过事件源来获取 e.detail.value 3. 把输入框的值 赋值到...
2020-04-13 09:11:03 544
原创 微信小程序学习笔记——条件渲染【wx:if 和hidden】
<view wx:if="{{true}}">显示</view><view wx:if="{{false}}">隐藏</view><view>----------------------</view><view wx:if="{{false}}">1</view><view wx:e...
2020-04-10 15:37:21 350
原创 微信小程序学习笔记——模板语法
1. 数据绑定https://developers.weixin.qq.com/miniprogram/dev/reference/wxml/data.html在vscode中安装了小程序插件代码示例2.运算(表达式)3.列表渲染① 列表循环<view wx:for="{{list}}" wx:for-item="item" ...
2020-04-10 15:01:32 386
原创 微信小程序学习笔记——小程序配置文件 sitmap配置
https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/sitemap.htmlsitemap 配置小程序根目录下的sitemap.json文件用于配置小程序及其页面是否允许被微信索引,文件内容为一个 JSON 对象,如果没有sitemap.json,则默认为所有页面都允许被索引...
2020-04-09 18:18:53 267
原创 微信小程序学习笔记——小程序配置文件 页面配置 page.json
https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/page.html页面配置每一个小程序页面也可以使用.json文件来对本页面的窗口表现进行配置。页面中配置项在当前页面会覆盖app.json的window中相同的配置项。文件内容为一个 JSON 对象。页面配置文件:如下图...
2020-04-09 18:16:24 1134
原创 微信小程序学习笔记——小程序配置文件 app.json
https://developers.weixin.qq.com/miniprogram/dev/framework/config.html全局配置配件app.json小技巧 :配置文件在微信开发者工具编写,页面逻辑在vscode中编写页面结构:pages用于指定小程序由哪些页面组成,每一项都对应一个页面的 路径(含文件名) 信息。文件名不需要写文件后缀,框架会自动去寻...
2020-04-09 18:00:13 544
原创 微信小程序学习笔记——小程序结构目录
https://developers.weixin.qq.com/miniprogram/dev/framework/MINA.htmlMINA框架为微信小程序的原生框架小程序框架提供了自己的视图层描述语言 WXML 和 WXSS,以及 JavaScript,并在视图层与逻辑层间提供了数据传输和事件系统,让开发者能够专注于数据和逻辑小程序文件结构和传统web对比结构 传统we...
2020-04-09 15:18:08 375
原创 微信小程序学习笔记——微信开发者工具介绍【菜单】
https://developers.weixin.qq.com/miniprogram/dev/devtools/devtools.html下面的菜单自己点点就知道是干啥的了点击“详情”可以修改APPID以及项目名称调试基础库为chromium版本号...
2020-04-09 14:42:45 973
原创 微信小程序学习笔记——环境准备 【注册账号】【获取APPID】
1.注册账号①一个和微信没有产生联系的又想②邮箱激活③信息登记2.获取APPIDAPPID:相当于开发者唯一的身份验证,发布应用时需要它,支付功能也会用到它https://mp.weixin.qq.com/3.开发工具https://developers.weixin.qq.com/miniprogram/dev/devtools/do...
2020-04-08 19:04:40 638
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人