- 博客(20)
- 收藏
- 关注
RSS订阅
原创 小程序进阶学习02
一、小程序逻辑层1.逻辑层的介绍小程序开发框架的逻辑层使用 JavaScript 引擎为小程序提供开发者 JavaScript 代码的运行环境以及微信小程序的特有功能。在 JavaScript 的基础上，我们增加了一些功能，以方便小程序的开发： 增加 App 和 Page 方法，进行程序注册和页面注册。 增加 getApp 和 getCurrentPages 方法，分别用来获取 App 实例和当前页面栈。 提供丰富的 API，如微信用户数据，扫一扫，支付等微信特有能力。
2020-11-10 22:12:02
525
1
原创 小程序进阶学习01
vue项目稍后再GitHub上进行更新，现在一起来学习小程序！！一、微信小程序1.微信公众平台网址： https://mp.weixin.qq.com1.介绍 微信公众平台，简称公众号，是开发者通过公众号为用户提供咨询和服务的平台 2.账号分类 (1)订阅号 订阅号：为媒体和个人提供一种新的信息传播方式，主要功能是在微信侧给用户传达资讯；（功能类似报纸杂志，提供新闻信息或娱乐趣事） 适用人群：个人、媒体、企业、政府或其他组织。 群发次数：订阅号（认证用户、
2020-11-10 21:50:08
954
原创 VUE---学习进阶09
好久未更新，今天更新一下vuex，之后就可以做简单的项目了。可能会断更几天！！1.vuex基础使用（安装，引入，使用，挂载）1.安装 cnpm i vuex --save2.import Vuex from 'vuex'3.Vue.use(Vuex)4.const store = new Vuex.Store({})5.new Vue({ store,})2.vuex的四个属性state:数据mutations:修改数据（方法）常用于同步方法actions：给组件派发动作（执行方
2020-10-26 21:43:14
129
原创 VUE---学习进阶08
1. axios前面已经说过传参的方式不同获取方式不同，这里总结一下：1.通过？传参，需要需要传递参数 需要用$route.query.xxxx2.通过/:id传参，需要需要传递参数 需要用$route.parms.xxxx传递参数：axiso发送请求 ：get---->传递参数–>paramspost—>传递参数—>data2.qs使用目的：就是为了解决通过post发送数据给后台的时候会出现接收不到数据的情况。步骤：1.npm i qs --save2.引入
2020-10-19 21:44:15
119
原创 VUE---学习进阶07
1. 守卫说明:三个不一定同时使用，按需加载1.1全局守卫分为全局前置守卫和全局后置守卫（1）全局前置守卫钩子函数：是当前项目中所有的路由规则被访问之前，可以进行一定的验证和拦截操作router.beforeEach((to,from,next)=>{ //to 目标路由地址 //from 来源路由地址 //next 函数，用来执行或改变默认的路由规则})（2）全局后置守卫钩子函数 没有next函数是当前项目中所有的路由规则被访问之后，没有验证和拦截的功能，一
2020-10-18 21:44:25
121
原创 VUE---学习进阶06
1.补充小知识点1.1 scoped作用:设置样式只在当前页面起效果<style scoped>.box{width:100px}</style>1.2 ref使用ref被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的$refs对象上。如果在普通的 DOM 元素上使用，引用指向的就是DOM元素；如果用在子组件上，引用就指向组件实例。上面这句话的意思：<div class="box" ref='box1'>我是父组件</div&g
2020-10-18 19:21:58
163
原创 VUE---学习进阶05
书接上回：所有组件写在src的components中组件包含的主要内容：1.组件传值1.1父子传值（子调用父中的数据）父子传值只要分为三大类：1.父变子变 子组件直接通过props接收即可2.子变父不变 但是子报错 把父组件传递过来的值在自己的mounted中进行重新复制，再渲染到页面即可解决3.父变子变 子变父变 父组件传递json对象给子组件，子组件通过props接收后直接渲染即可1.父变子变 子组件直接通过props接收即可父组件写法：<v-child
2020-10-14 22:21:56
172
原创 VUE---学习进阶04
1.动画动画分为六个阶段：前三个是进入动画，后三个是离开动画注意：所有要实现动画的标签，一定要放在transition中，可以给其设置name，将v改成name的值即可。1.v-enter 动画进入2.v-enter-active 动画执行过程3.v-enter-to 动画进入完成4.v-leave 动画离开的初始状态5.v-leave-active 动画离开过程6.v-leave 动画离开完成 .v-enter { } .v-enter-active {
2020-10-14 08:45:38
269
2
原创 VUE---学习进阶03
1.跨域什么是跨域：协议，域名，端口号只要有一个不一致就叫做跨域 jsonp解决跨域问题 1.动态创建script标签 var os = document.createElemnt('script') 2.设置src os.src = '地址' http://suggestion.baidu.com/su?cb=aa&wd=123 3.添加到页面 document.body.appendChild(os) 4.设置回调函数 aa function aa(res) {
2020-10-12 23:04:26
209
1
原创 VUE---学习进阶02
1.表单的操作1.1 单选框v-model双向绑定，获取选中的value值，绑定给data中的sex，进而渲染到页面上。注意：对于单选框来说，选中的时候，会把自己的value值赋值给变量<body> <div id="app"> <h3>性别:</h3> <input type="radio" v-model='sex' value="男">男 <input type="r
2020-10-10 21:39:47
337
原创 VUE---学习进阶01
1.VUE官网https://cn.vuejs.org/（开发环境和生产环境地址不同，详情请参考官网）2.vue优点易用，灵活，高效3. 库和框架的区别库：只具有一种功能框架:具有完备的功能4. vue特点数据驱动 组件化 单页面应用5.vue中的指令v-text:与原生的innerText一致，只识别字符串v-html:与原生的innerHTML一致，可以识别标签6.vue中指令和插值的使用插值表达式后面的内容会展示（即 “我是插值” 会显示出来）<div>我是
2020-10-09 20:46:20
199
原创 JS史上最最最全的数组方法（去重，查找元素等）
数组1.数组的创建1.1字面量创建（常用）var a = [3, 11, 8];1.2 构造器实际上 new Array === Array,加不加new 一点影响都没有。var a = Array(); // [] 创建一个数据的数组时出错。var a = Array(3); // [undefined,undefined,undefined]var a = Array(3,11,8); // [ 3,11,8 ]1.3 ES6创建数组定义：返回由所有参数值组成的数组，如果没有参
2020-12-07 19:57:37
1388
1
原创 小程序进阶学习03
一、组件的使用1.基础组件概念1.1基础组件/拓展组件 什么是组件：组件是视图层的基本组成单元。组件自带一些功能与微信风格一致的样式。一个组件通常包括 开始标签 和 结束标签，属性 用来修饰这个组件，内容 在两个标签之内。<tagname property="value">Content goes here ...</tagname>注意：所有组件与属性都是小写，以连字符-连接1.2公共属性所有组件都具备这些属性：id、class、style、hid
2020-11-11 21:35:39
236
原创 HTML+CSS---进阶学习05
一、定位1.相对定位position: relative;left: 50px;top: -50px;不脱离文档流如果给一个标签只设置positon:relative , 不加关键词，就对该元素没有影响配合top ， right , bottom , left 使用（可以为负值）提升层级（可通过z-index设置它的层级）相对于自己原来的位置进行定位2.绝对定位position: absolute;bottom: 0;right: 0;脱离文档流，也脱离了文本流
2020-10-10 21:40:21
98
原创 HTML+CSS---进阶学习04
一、margin存在问题1.重叠两个相邻的盒子同时设置margin-bottom 和margin-top ,会发生重叠问题解决避免使用，只给其中一个盒子设置给其中一个盒子加一个父元素，给这个父元素设置 overflow：hidden <div class="box"></div> <div class="father"> <div class="box1"></div> </div&
2020-10-09 21:04:11
204
原创 HTML+CSS---进阶学习03
一、列表1.有序列表其中，ol里边只能放li标签，li的父元素只能是ol或者ul ， li里可以放其他标签 <ol type="1" start="3" reversed> <li>少年</li> <li>微微</li> <li>857</li> </ol> type : 排列顺序的类型 1 a A i I start 从几开始排列 re
2020-10-09 21:00:47
178
原创 HTML+CSS---进阶学习02
一、css样式的引入方式1.内部样式位置：在head标签里写style标签，在style标签里写样式 <style> /* 语法： 选择器{ 属性名：属性值; 属性名：属性值; } */ div{ width: 100px; height: 100px; background-color: yellow; } </style>2.行间样式语
2020-10-09 20:54:05
162
原创 HTML+CSS---进阶学习01
一、三大核心语言HTML（Hypertext Markup Language） 超文本标记语言 结构CSS（Cascading Style Sheets） 层叠样式表 样式JS（JavaScript） 脚本语言 行为，动作1.后缀.html 网页.css 样式.js 脚本2.标签（标记，元素）大部分都是成对出现的，也有单独出现的由尖角号+关键字组成成对出现的，前边的叫开始标签，后边的叫结束标签单独出现的标签，叫空标签或者自闭合标签
2020-10-09 20:51:38
144
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人