- 博客(29)
- 收藏
- 关注
RSS订阅原创 ant design of vue table 合并
竖着： customRender: (value, row, index) => {const obj = {children: value,attrs: {},};if (index === 0 || index === 7) {obj.attrs.rowSpan = 7;}// These two are merged into above cellif (index === 1 ||index === 2 ||index === 3 ||index === 4 ||ind
2022-06-14 14:25:49
143
1
原创 关于渲染流程
HTML、CSS 和 JavaScript 的含义HTML 的内容是由标记和文本组成。标记也称为标签，每个标签都有它自己的语义，浏览器会根据标签的语义来正确展示 HTML 内容。CSS 又称为层叠样式表，是由选择器和属性组成，如果需要改变 HTML 的字体颜色、大小等信息，就需要用到 CSS。JavaScript（简称为 JS），使用它可以使网页的内容“动”起来，比如上图中，可以通过 JavaScript 来修改 CSS 样式值，从而达到修改文本颜色的目的。渲染流程由于渲染机制过于
2022-01-13 18:28:30
1290
原创 关于空值合并运算符
空值合并运算符（？？）我的理解类似于 ||x??yx!==‘undefined’&&!=null&&!= ’ ’ 时返回y let a = "1"; let b if (a ?? 0) { console.log("45678"); //能打印出来} if (b ?? 0) { console.log("123456");//不能打印出来}...
2022-01-12 19:02:44
109
原创 axios基本使用
1.安装 npm install axios --save2.引入3.最简单的使用方法axios({ url:'', method:'post'//不写默认get}).then({ console.log(res)})4.带参数的axios({ url:'', params:{ //地址后面跟的参数 type:'pop', page:1 }}).then({ console.log(res)
2020-07-21 22:38:41
273
原创 Vue Vuex用法
1.Vuex是做什么的Vuex是一个专门为Vue.js应用程序开发的状态管理模式采用集中式存储管理应用的所有组件状态就是一个能够集中管理组件中数据并完成响应式操作的轮子2.Vuex的基本用法//vuex新文件 index.jsimport Vue from 'vue'import Vuex from 'vuex'//安装插件Vue.use(Vuex)const store = new Vue.store({ state:{ //保存状态（值）的 cou
2020-07-21 16:37:45
138
原创 es6 关乎promise
1.promise是干嘛的？promise是异步编程的一种解决办法什么情况下会用到promise？要用到异步操作的时候2.promise简单使用过程(第一种写法) //链式编程 //Promise在创建时要传入一个函数 new Promise((resolve, reject) => { //resolve,reject也是函数 //这里写第一次请求的代码 resolve('hello promise') //
2020-07-19 15:02:08
146
原创 Vue 路由传参 params query
1.params配置路由格式：/router/:id传递方式：在path后面跟上对应的值传递后形成的路径：/router/123,/router/abcconst routes=[//路由配置页{ path:'/user/:userId', component:home}// 在app.vue写<router-link :to="'/user/'+userId">我的</router-link> //在 user.vue里写（路由对应子组件）&l
2020-07-17 13:42:51
200
原创 Vue动态路由的使用 路由懒加载 路由嵌套 keep-alive
1.动态拼接地址//router文件夹下的 index.jsimport home from '../components/Home' //(引入)import user from '../components/user ' Vue.ues(VueRouter)const routes=[//配置{ path:'', redirect:'/home'//redirect 重定向 路由默认地址},{ path:'/home', component:home
2020-07-17 10:32:31
1293
原创 Vue router 一些概念及基本使用 代码的方式修改路径 全局导航守卫
什么是路由路由就是通过互联网的网络把信息从源地址传输到目的地址的活动后端渲染：后端把网页渲染好，前端直接展示后端路由：后端处理URL和页面之间的映射关系前端渲染：浏览器中显示的网易于中的大部分内容都是由前端的JS代码在浏览器中执行前端路由：前端管理映射关系 更改URL 页面不需要整体刷新url的hash目的：更改URL 页面不需要整体刷新HTML5的historyback() 加载 history 列表中的前一个 URL。forward() 加载 history 列表中的..
2020-07-16 16:58:36
385
原创 es6 箭头函数简单用法和this指向
1.箭头函数定义函数的方式const=(参数列表)=>{ }参数问题 //多个参数 const sum = (num1,num2)=>{ return num+num2}//一个参数 const power= num=>{ return num*num}函数中有多行或一行代码时//多行 const test =() =>{ console.log("234
2020-07-10 22:22:50
84
原创 Vue cli 2.x 安装 配置 部分目录结构
1.安装Vue CLI 2.X1）先安装Node.js 8.9以上或者更高版本npm install -g @vue/cli 这个安装的是新版本2）拉取2.x模板npm install @vue/cli-init -g3)vue CLI2.x初始化项目vue init webpack 项目名（文件夹名）配置：1.项目名字2.描述信息3.作者4.构建项目的时候要用哪一个构建Runtime + compiler （系统默认推荐使用）Runtime-only 小6kb
2020-07-09 11:10:00
163
原创 Webpack 开发时依赖 ？？？？？？
1.什么是Webpack前端模块化打包工具从本质上来讲，Webpack是一个现代的JavaScript应用的静态打包工具2.webpack node npm 的关系webpack依赖于node环境node环境为了可以正常执行很多代码，必须其中包含各种依赖的包——npm工具（管理各种包）3.webpack 安装安装nodenpm install [email protected] -g4.webpack的基本使用1）webpack的起步cd 文件夹名 webpack 入口文件(自动找对
2020-07-07 22:08:27
423
原创 Vue 插槽（老版本）
以下皆是老版本1.插槽的基本使用组件插槽的目的是为了让我们封装的组件更加具有扩展性 余留性空间匿名插槽<div id="app"> <cpn></cpn> <cpn><span>span本人</span></cpn>//标签中间写的是插槽内的内容 老版本 <cpn><span v-slot:default>span本人</span></cpn>
2020-07-06 17:11:36
234
原创 Vue 父子组件访问
1.父组件访问子组件 $children(开发一般不用) 这个拿所有的<div id="app"> <cpn></cpn> <cpn></cpn> <cpn></cpn> <button @click="btnClick">按钮</button></div><template id="cpn"> <div>
2020-07-06 15:19:58
140
原创 Vue组件化开发 组件通信 父子组件传值
1.Vue组件化的基本使用基本使用，不简化的<div id=“app”> //3.使用组件 <a-cpn></a-cpn></div><script src="../js/vue.js"></script><script>//1.创建组件构造器对象const cpnC=Vue.extend({//``倒引号 模板字符串 es6中``定义字符串 换行的时候可以直接写 template:
2020-07-03 22:15:28
317
原创 Vue表单绑定v-model 及其修饰符
1.v-model的基本使用界面改变 数据也改变div id="app"> <input type="text" v-model="message"></div></body><script>const app = new Vue({ el:"#app", data:{ message:'2345yu' }})</script>2.v-model的原理背后包含两个指令d
2020-07-02 20:52:34
262
原创 JavaScript高级函数的使用
循环 for(let i = 0 ; i<temp.length;i++){ return 原来的循环} for(let i in temp){ return 快速拿到i} for(let item of temp){ return 快速拿到每项 上面是temp[i]去到每一项} filter函数的使用过滤操作filter()括号里面的是回调函数filter()中的回调函数有一个要求，必须返回一个boolean值当返回tr.
2020-07-01 23:04:09
104
原创 Vue哪些数组操作是响应式的 数组操作
一、响应式操作1.pushthis.letter.push(‘aaa’,‘bbb’)2.pop();删除数组中的最后一个元素this.letter.pop();3.shift(); 删除数组中的第一个元素this.letter.shift()4.unshift();在数组最前面添加一个元素this.letter.unshift(‘aaaa’)5.splice();删除元素/插入元素/替换元素删除元素：第二个参数传入要删几个元素，参数二没传后面全删this.letter.splice(
2020-07-01 12:47:33
381
原创 Vue 循环遍历 和 一点点key理解应用
1.遍历数组<div id="app"> <ul> <li v-for="item in names">{{item}}</li> //遍历过程中不获取索引值 </ul> <ul> <li v-for="（item,index）in names">{{index}}{{item}}</li> //遍历过程中获取索引值
2020-06-30 22:33:34
298
原创 Vue条件判断语句
1.v-if的使用删除或创建元素<div id="app"> <h2 v-if="isShow">{{messgae}}</h2></div></body><script>const app = new Vue({ el:"#app", data:{ message:'你好呀' }})</script>2.v-else的使用<div id="app
2020-06-30 21:56:19
1850
原创 Vue 事件监听 v-on
1.v-on的基本使用及语法糖<div id=“app”> <h2>{{counter}}</h2> <button v-on:click="counter++">+</button> <button v-on:click="counter--">-</button> //点击事件 所以后面接click //行内表达式 <button @click="incre
2020-06-30 12:55:23
104
原创 es6 对象自变量的增强写法
原来的写法const obj={ name:'haha', age:12, run:function () { console.log('hahah'); }, jump:function () { console.log('hehehe'); }}const name="hahah";const age=12;//es5的写法const obj={ name:name, age:age}属
2020-06-29 22:39:36
382
原创 关于var和es6中的 let const
1.var 和 let块级作用域变量作用域：变量在什么范围内是可用的 { var name = 'hello' console.log(name) } console.log(name) //都可以打印出来 没有块级作用域引起的问题：if的块级var func; if (true){ var name ='why'; func=function () {
2020-06-29 22:22:22
77
原创 Vue 关于计算属性computed简单运用及与methods的区别
计算属性1.一个computed的demo <div id=“app”> <h2 >{{allName}}</h2> //属性 </div><script src="../js/vue.js"></script><script>let app=new Vue({ el:'app', data:{ name：'hello', word:'vue' }， comput
2020-06-29 13:04:40
73
原创 Vue v-bind 绑定属性、class、style
v-bind1.动态的绑定属性 <div id=“app”> <img v-bind：src="imageUrl"> <a v-bind:href="aHref"</a></div><script src="../js/vue.js"></script><script>let app=new Vue({ el:'app', data:{ imageUrl:'www.jdmdkdkh
2020-06-28 21:55:55
262
原创 Vue插值操作
1.Mustache就也就是双大括号<div id=“app”>{{data}}</div> //变量<div id=“app”>{{data*data2}}</div> //表达式2.v-once指令不会跟着数据的改变而改变<div id=“app”> <h1 v-once>{{message}}</h1></div><script src="../js/vue.js">&
2020-06-28 21:01:53
108
原创 关于微信小程序蓝牙连接 读写数据 实战
关于微信小程序蓝牙连接 真实记录1. 蓝牙初始化 searchDevice: function() { var that = this //蓝牙是否初始化 wx.openBluetoothAdapter({ success: function(res) { that.getBluetoothState();//获取本机蓝牙适配器状态 }, fail: function(res) { if (res.er
2020-06-05 10:19:08
7344
9
原创 微信小程序 下拉刷新
在json 文件中 加“enablePullDownRefresh”: true在wxss文件中 加 背景颜色 不然没有下拉小点点page{background-color: #颜色;}在 js中 加方法onPullDownRefresh() {var that = this;、 var url = ‘一个地址’ wx.showNavigationBarLoading...
2019-08-10 09:36:12
99
原创 微信小程序 data命名不能大写
data-一切=“{{值}}”这个“一切"，不能包含大写<button class='cu-btn round sm bg-blue' catchtap='addShopCart' data-id="{{item.id}}" data-title="{{item.waresName}}"data-saleprice="{{item.salePrice}}" data-image="{{i...
2019-08-07 10:24:32
262
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人