- 博客(47)
- 收藏
- 关注
RSS订阅
1原创 02 mf
Kick it!Kick it!kick 踢Don’t let him……let 让，谦让No no no.He triped him,Jay.trip 动词，绊倒triped 过去式，表示该动作发生过了Where’s the penalty?penalty 惩罚Gloria,they’re 0 and 6.Let's take it down a notch.不要冲动。俚语，俗语。take down 降低，降下 这里指令控制情绪We’re very different
2022-03-18 11:08:29
162
原创 ElementUi 解决在table中使用el-switch无效
elementui表格中使用switch时，插槽一定要标明slot-scope=“scope”//正常切换<template slot-scope="scope"> <el-switch v-model="value"> </el-switch></template>//无效切换<template slot-scope="scope"> <el-switch v-model="value"> &
2021-11-26 15:38:19
2756
原创 HTML 移动端开发
移动端只需要考虑兼容webkit内核viewport布局视口、视觉视口、理想视口(meta设置)理想视口normalize.css1.去除元素不必要的默认内外边距2.box-sizing: border-box去除点击文字背景高亮-webkit-tap-highlight-color:transparent去除默认外观ios浏览器必须添加，才能给按钮和输入框自定样式-webkit-appearance:none去除长按弹出菜单-webkit-touch-callout:n
2021-08-10 18:17:35
303
原创 Vue 生命周期
beforeCreate初始化了事件和生命周期不能访问data中的数据created可访问data数据模板未渲染beforeMounted可访问data数据模板未渲染mouted第一次页面渲染之后刷新数据可以在这里使用一般在这里进行ajaxbeforeUpdate和updated访问到的data属性都是修改后的beforeDestory和destoryed可以手动调用vue实例.$destory实现...
2021-08-10 10:22:09
57
原创 JavaScript 类
类中包含constructor()构造类中方法不需要function关键字 class Star{ constructor(arg) { } say(){ } }继承extends与super()指向如下，父类自己的名字叫“张三”子类叫父类“爸爸”使用super()指向修改父类变量super()调用一定要在this调用前面 class Father{ constructor(name) { this.name="张三" }
2021-08-09 16:11:00
60
原创 JS 基础
网页中的JS三部分ScriptDom文档对象模型 操作元素Bom浏览器对象模型 操作浏览器窗口、控制跳转等简单数据类型和复杂数据类型NumberBooleanStringUndefinedNullinstanceof 和typeof区别typeof一般返回以下几个字符串：“number”， “string”，“boolean”，“object”，“function”，“undefined”对于Array，Null等特殊对象使用typeof一律返回object，这正是type
2021-08-09 15:20:15
52
原创 Uniapp基础
选择器只支持基本的类、标签、id、并集、伪元素App.vue 中通过 @import 语句可以导入外联样式字体图标为方便开发者，在字体文件小于 40kb 时，uni-app 会自动将其转化为 base64 格式；字体文件大于等于 40kb，仍转换为 base64 方式使用的话可能有性能问题，如开发者必须使用，则需自己将其转换为 base64 格式使用，或将其挪到服务器上，从网络地址引用；字体文件的引用路径推荐使用以 ~@ 开头的绝对路径 @font-face { font-famil
2021-08-04 20:54:45
134
原创 Uniapp 基础组件
基础组件textselectable开启长按可选微信小程序已废弃user-select开启长按可选针对微信小程序viewhover-class指定按下去的样式类buttonhover-class指定按下去的样式类loadingform-type用于 <form> 组件，点击分别会触发 <form> 组件的 submit/reset 事件open-typeimage五种基础modescaleToFillaspectFitaspectFillwidthF
2021-08-04 20:21:10
149
原创 Uniapp pages.json
pages配置globalStyle用于设置应用的状态栏、导航条、标题、窗口背景色等。navgationBar三种设置TitleTextTextStyle仅支持 black/whiteBackgroundColor针对微信小程序下拉的设置backgroundColor 下拉显示出来的窗口的背景色backgroundTextStyle仅支持 dark / light下拉与触底enablePullDownRefreshonReachBottomDistancepages数组存储页面对
2021-08-04 20:01:33
94
原创 Vue Vuex
Vuex.store对象Vue.use(Vuex)const store = new Vuex.Store({ state: { count: 0 }, mutations: { increment (state, n) { state.count += n } }})state存放数据1.组件中访问this.$store.state.数据名2.导入import {mapState} from ‘vuex'组件computed:{ ...m
2021-08-04 18:58:55
52
原创 微信小程序 基础
WXHLviewtextimagenavigatorWXSS使用rpx作为像素单位，页面宽度750rpx标签选择器、类选择器、id选择器并集、后代选择器::before、::after伪元素选择器可以使用视图容器组件view与scroll-viewswiper与swiper-itemswiper显示指示点indicator-dots自动播放autoplay衔接滑动circular纵向verticalswiper-item仅可放置在swiper组件中，宽高自动设置为100
2021-08-04 18:15:45
51
原创 ES6 导出与导入
默认导入导出//导出export default 模块成员//默认导入import 接收名 from 模块按需导入导出//导出export 成员变量或函数//按需导入import {成员变量或函数名} from 模块直接将整个模块导入，并执行模块代码import 模块...
2021-08-04 17:32:20
47
原创 Vue vue-router
VueRouter对象redirect重定向children嵌套router-link标签<router-link to="路由地址"> </router-link>router-view标签路由占位符<router-view> </router-view>案例 //组件 const User = { template: '<h1>User 组件</h1>' }
2021-08-03 18:18:46
62
原创 async/await处理多个异步请求
async function queryData(){ let user=await axios.get('/user',params:{id:1}) let res=await axios.get('/info?user='+user) return res }
2021-08-03 16:55:16
767
原创 axios
get参数直接拼接url通过params对象传参 （后端使用req.query接收）另外：restful形式的url api/:id （后端使用req.params接收）axios.get(url,params:{ id:1})delete和get请求类似post参数传递（后端使用req.body接收）默认是json格式请求头信息：Content-Type: application/json;charset=UTF-8axios.post(url,{ name:zs, p
2021-08-03 16:41:26
55
原创 Vue 插槽
组件内部定义 slot name=“插槽名”外部使用 templatetemplate 标签属性slot=“插槽名” 或者 #插槽名作用域插槽使用作用域插槽可以操作通过props传递过去的数据外部可用 template 标签属性slot-scope=“数据别名（任意）”template标签内使用插值表达式或v-text指令数据别名.属性名 获取数据比如：组件内<li v-for="item in list"> <slot :info='item'></s
2021-08-03 14:56:29
48
原创 Vue 组件
data必须是函数模板根元素只能一个模板props中的属性字符串数组形式如果是驼峰命名，父组件传值是短横线命名传值 或 传事件: props中的属性=“父组件数据”@子组件事件=“父组件事件”子组件向父组件传值因为props中的数据是单向传递的，所以修改不影响父组件数据子组件调用时，设置：@子组件事件=“父组件事件”this.$emit(子组件事件函数名（字符串类型），参数)...
2021-08-03 12:01:25
40
原创 Vue watch
先看一段代码<template> <div> <ul> <li v-for="item in list" :key="item" v-text="item"></li> </ul> <el-button type="primary" @click="handle">+1</el-button> <el-button type="primary" @click="handle2"&
2021-08-03 09:30:46
46
原创 Vue 数组
数组的变异方法因为js中数组的原始方法都不是响应式，所以Vue创造了同名变异方法修改原数组pushpopshiftunshiftsplicesortreverse返回新数组filterconcatslicesplice和slice除了返回原数组和新数组splice的第二个参数是截取数量slice的第二个参数是索引修改响应式的数组错误的：数组[索引]=新值 （数组改变了，但是页面没有重新渲染）正确的：Vue.set(数组，索引，新值)或者在Vue内部操作thi
2021-08-02 21:53:51
67
原创 Vue 表单操作
表单数据不能用插值表达式统一使用v-model，不用v-text，v-once，v-bind等互斥的radio 或 同组checkbox 绑定同一个数据对象select和option组 在select中绑定对象单选的数据对象是单个值，当select的multiple属性为true（多选），数据对象是数组<html lang="en"><head> <meta charset="UTF-8"> <title>Document</titl
2021-08-02 21:13:50
70
原创 Vue v-for案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .tab ul { overflow: hidden; padding: 0; margin: 0; } .tab ul l
2021-08-02 20:55:11
90
原创 Vue基础指令
插值表达式和v-cloak 或 v-text[v-cloak]{ display:none}...<div v-cloak>{{msg}}</div>v-htmlv-pre跳过数据渲染v-once不可更改的单向渲染v-bind 或 ：可更改的单向渲染比如：处理类名类名以对象形式.red{background-color:red}...<div v-bind:class="{red:true/false}"></div>
2021-08-02 20:44:54
51
原创 记录Promise的错误捕获
new Promise((resolve,reject)=>{ return new Promise((resolve,reject)=>{ return reject("出错") }).catch(err=>{ console.log("内部catch "+err); }) }).then(results=>{ cons...
2021-07-31 23:16:12
63
原创 结构伪类选择器
-child（元素名可选）元素名:first-child元素名:last-child元素名:nth-child(n) 从第n个开始结果=0,1,2,3,4,5……元素名:nth-child(n+5) 从第n个开始结果=5,6,7,8,9……元素名:nth-child(-n+5) 从第五个开始结果=5,4,3,2,1元素名:nth-child(odd) 选择奇数项元素名:nth-child(2n+1)元素名:nth-child(even) 选择偶数项元素名:nth-child(2n)
2021-07-27 14:59:13
47
原创 属性选择器
[属性名][属性名=‘属性值’]^=以属性值开头$=以属性值结尾*=包含属性值比如类属性包含icon值button[class*="icon"]{ ...}
2021-07-27 14:38:28
41
原创 You may need an appropriate loader to handle this file type, currently no loaders are configured to
Vue Cli 4.5.13构建Vue3项目出现无法启动You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders| }| class RefImpl {> _rawValue;| _shallow;|
2021-07-02 17:55:12
2165
原创 Kotlin 扩展函数
run可以在使用前加入 空值判断with不可以所以with可以用在变量初始化 val okHttpClient2 = with(OkHttpClient.Builder()){ callTimeout(30,TimeUnit.SECONDS) } val okHttpClient3 = OkHttpClient.Builder().run{ callTimeout(30,TimeUnit.SECONDS) }...
2021-05-13 17:33:45
57
原创 拍照问题
两两拍照，三三拍照，四四拍照的规律分析假定：我们有5个小朋友,看一下从单独拍照的规律单独拍ABCDE两两拍ABACADAE三三拍ABCACDADEABDACEABE–––––BCDBDEBCE–––––CDE四四拍ABCDACDEABCE
2021-05-02 12:43:35
82
原创 递归
递归的中心思想极限为零时，才会进行返回数值，其他情况返回函数的调用，而且形参递减。函数的运算是一种由内而外的运算。每一次运算结果作为返回值返回到上层函数。当形参n为0，返回1，否则返回f（n-1)函数的向下调用。其中n==0的判断为递归的终止条件。下面展示递归中阶乘展示图。C++//阶乘递归 int fact(int n){ if(n==0){// 最底层 return 1; }else{ return fact(n-1)*n; }}...
2021-01-29 11:01:34
84
原创 快速
快速排序的中心思想在于左右指针的循环查找以及，基准设定之后的挖坑填坑。快速排序复杂，理解难度高。算法涉及广泛。算法核心使用递归法，所以需要递归终止条件。递归函数需要的形参有，数组和左右指针。quickSort(int a[],int leftP,int rightP)第一遍递归设定基准// 基准为左边第一位元素 int X=a[leftP];形参的指针赋值给新指针变量必须新设定指针变量，因为需要保证形参不变，作为递归参数向下传递。int lp=left.
2021-01-29 11:01:24
125
原创 冒泡排序
1.从第一个元素开始两两比较两两比较，索引为 i 的与 i+1 的比较比较的结果分为两种：位置不合适，需要空杯理论交换元素；位置合适，抓取下一个元素。2.空杯理论3.每次遍历，执行交换的结果是“最值”排在末尾4.多次遍历，多个“最值”排在末尾如果n个元素中，n-1个元素已经有序，则n个元素都有序。所以这边的“多次”指的是 length-1次1.比较a[i]>a[i+1]2.空杯交换 if(a[i]>a[i+1]){ ..
2021-01-29 11:01:13
85
原创 归并
归并算法实现编程略显复杂现实步骤分为分治与归并两部分。分治递归划分直到单个元素为一组，这就是递归结束条件左指针等于右指针单元素一组，此时递归结束，递归函数返回则双元素为一组。递归划分，划分线为 （右指针—左指针）/2+左指针...
2021-01-29 11:01:03
58
原创 贪心
贪心算法（greedyalgorithm)贪心算法总结来说不是一种算法，是一种思想。贪心算法作出当前的最优解，执行局部最优选择。整体并不一定最优。在寻求连通图的最短路径中表现为迪杰斯特啦算法（dijkstra algorithm)。以迭代来进行相继贪心，先使用银行卡，再钞票，然后硬币。...
2021-01-29 11:00:53
50
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人