- 博客(20)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 小程序进阶学习02
一、小程序逻辑层1.逻辑层的介绍小程序开发框架的逻辑层使用 JavaScript 引擎为小程序提供开发者 JavaScript 代码的运行环境以及微信小程序的特有功能。在 JavaScript 的基础上,我们增加了一些功能,以方便小程序的开发: 增加 App 和 Page 方法,进行程序注册和页面注册。 增加 getApp 和 getCurrentPages 方法,分别用来获取 App 实例和当前页面栈。 提供丰富的 API,如微信用户数据,扫一扫,支付等微信特有能力。
2020-11-10 22:12:02
525
1
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 小程序进阶学习01
vue项目稍后再GitHub上进行更新,现在一起来学习小程序!!一、微信小程序1.微信公众平台网址: https://mp.weixin.qq.com1.介绍 微信公众平台,简称公众号,是开发者通过公众号为用户提供咨询和服务的平台 2.账号分类 (1)订阅号 订阅号:为媒体和个人提供一种新的信息传播方式,主要功能是在微信侧给用户传达资讯;(功能类似报纸杂志,提供新闻信息或娱乐趣事) 适用人群:个人、媒体、企业、政府或其他组织。 群发次数:订阅号(认证用户、
2020-11-10 21:50:08
954
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 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
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 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
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 VUE---学习进阶07
1. 守卫说明:三个不一定同时使用,按需加载1.1全局守卫分为全局前置守卫和全局后置守卫(1)全局前置守卫钩子函数:是当前项目中所有的路由规则被访问之前,可以进行一定的验证和拦截操作router.beforeEach((to,from,next)=>{ //to 目标路由地址 //from 来源路由地址 //next 函数,用来执行或改变默认的路由规则})(2)全局后置守卫钩子函数 没有next函数是当前项目中所有的路由规则被访问之后,没有验证和拦截的功能,一
2020-10-18 21:44:25
121
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 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
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 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
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 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
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 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
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 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
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 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关注的人