- 博客(47)
- 收藏
- 关注
RSS订阅原创 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
312
原创 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
3011
原创 HTML 移动端开发
移动端只需要考虑兼容webkit内核 viewport 布局视口、视觉视口、理想视口(meta设置) 理想视口 normalize.css 1.去除元素不必要的默认内外边距 2.box-sizing: border-box 去除点击文字背景高亮 -webkit-tap-highlight-color:transparent 去除默认外观 ios浏览器必须添加，才能给按钮和输入框自定样式 -webkit-appearance:none 去除长按弹出菜单 -webkit-touch-callout:n
2021-08-10 18:17:35
407
原创 Vue 生命周期
beforeCreate 初始化了事件和生命周期 不能访问data中的数据 created 可访问data数据 模板未渲染 beforeMounted 可访问data数据 模板未渲染 mouted 第一次页面渲染之后 刷新数据可以在这里使用 一般在这里进行ajax beforeUpdate和updated 访问到的data属性都是修改后的 beforeDestory和destoryed 可以手动调用vue实例.$destory实现 ...
2021-08-10 10:22:09
103
原创 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
121
原创 JS 基础
网页中的JS三部分 Script Dom文档对象模型 操作元素 Bom浏览器对象模型 操作浏览器窗口、控制跳转等 简单数据类型和复杂数据类型 Number Boolean String Undefined Null instanceof 和typeof区别 typeof一般返回以下几个字符串： “number”， “string”，“boolean”，“object”，“function”，“undefined” 对于Array，Null等特殊对象使用typeof一律返回object，这正是type
2021-08-09 15:20:15
119
原创 Uniapp基础
选择器 只支持基本的类、标签、id、并集、伪元素 App.vue 中通过 @import 语句可以导入外联样式 字体图标 为方便开发者，在字体文件小于 40kb 时，uni-app 会自动将其转化为 base64 格式； 字体文件大于等于 40kb，仍转换为 base64 方式使用的话可能有性能问题，如开发者必须使用，则需自己将其转换为 base64 格式使用，或将其挪到服务器上，从网络地址引用； 字体文件的引用路径推荐使用以 ~@ 开头的绝对路径 @font-face { font-famil
2021-08-04 20:54:45
233
原创 Uniapp 基础组件
基础组件 text selectable开启长按可选微信小程序已废弃 user-select开启长按可选针对微信小程序 view hover-class指定按下去的样式类 button hover-class指定按下去的样式类 loading form-type用于 <form> 组件，点击分别会触发 <form> 组件的 submit/reset 事件 open-type image 五种基础mode scaleToFill aspectFit aspectFill widthF
2021-08-04 20:21:10
238
原创 Uniapp pages.json
pages配置 globalStyle 用于设置应用的状态栏、导航条、标题、窗口背景色等。 navgationBar三种设置 TitleText TextStyle仅支持 black/white BackgroundColor 针对微信小程序下拉的设置 backgroundColor 下拉显示出来的窗口的背景色 backgroundTextStyle仅支持 dark / light 下拉与触底 enablePullDownRefresh onReachBottomDistance pages数组 存储页面对
2021-08-04 20:01:33
217
原创 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
107
原创 微信小程序 基础
WXHL view text image navigator WXSS 使用rpx作为像素单位，页面宽度750rpx 标签选择器、类选择器、id选择器 并集、后代选择器 ::before、::after伪元素选择器可以使用 视图容器组件 view与scroll-view swiper与swiper-item swiper 显示指示点indicator-dots 自动播放autoplay 衔接滑动circular 纵向vertical swiper-item 仅可放置在swiper组件中，宽高自动设置为100
2021-08-04 18:15:45
114
原创 ES6 导出与导入
默认导入导出 //导出 export default 模块成员 //默认导入 import 接收名 from 模块 按需导入导出 //导出 export 成员变量或函数 //按需导入 import {成员变量或函数名} from 模块 直接 将整个模块导入，并执行模块代码 import 模块 ...
2021-08-04 17:32:20
119
原创 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
138
原创 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
900
原创 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-8 axios.post(url,{ name:zs, p
2021-08-03 16:41:26
127
原创 Vue 插槽
组件内部定义 slot name=“插槽名” 外部使用 template template 标签属性slot=“插槽名” 或者 #插槽名 作用域插槽 使用作用域插槽可以操作通过props传递过去的数据 外部可用 template 标签属性slot-scope=“数据别名（任意）” template标签内使用插值表达式或v-text指令 数据别名.属性名 获取数据 比如：组件内 <li v-for="item in list"> <slot :info='item'></s
2021-08-03 14:56:29
109
原创 Vue 组件
data必须是函数 模板根元素只能一个 模板props中的属性 字符串数组形式 如果是驼峰命名，父组件传值是短横线命名 传值 或 传事件 : props中的属性=“父组件数据” @子组件事件=“父组件事件” 子组件向父组件传值 因为props中的数据是单向传递的，所以修改不影响父组件数据 子组件调用时，设置：@子组件事件=“父组件事件” this.$emit(子组件事件函数名（字符串类型），参数) ...
2021-08-03 12:01:25
104
原创 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
97
原创 Vue 数组
数组的变异方法 因为js中数组的原始方法都不是响应式，所以Vue创造了同名变异方法 修改原数组 push pop shift unshift splice sort reverse 返回新数组 filter concat slice splice和slice 除了返回原数组和新数组 splice的第二个参数是截取数量 slice的第二个参数是索引 修改响应式的数组 错误的：数组[索引]=新值 （数组改变了，但是页面没有重新渲染） 正确的：Vue.set(数组，索引，新值) 或者在Vue内部操作thi
2021-08-02 21:53:51
164
原创 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
130
原创 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
148
原创 Vue基础指令
插值表达式和v-cloak 或 v-text [v-cloak]{ display:none } ... <div v-cloak>{{msg}}</div> v-html v-pre 跳过数据渲染 v-once 不可更改的单向渲染 v-bind 或 ： 可更改的单向渲染 比如：处理类名 类名以对象形式 .red{ background-color:red } ... <div v-bind:class="{red:true/false}"></div>
2021-08-02 20:44:54
110
原创 记录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
203
原创 伪元素选择器::
元素::after｛ content：’’ ｝ 元素::before｛ content：’’ ｝ 操作会创建行内元素 content为必须属性
2021-07-27 15:14:00
96
原创 结构伪类选择器
-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
107
原创 属性选择器
[属性名] [属性名=‘属性值’] ^=以属性值开头 $=以属性值结尾 *=包含属性值 比如类属性包含icon值 button[class*="icon"]{ ... }
2021-07-27 14:38:28
104
原创 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
2566
原创 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
129
原创 拍照问题
两两拍照，三三拍照，四四拍照的规律分析 假定：我们有5个小朋友,看一下从单独拍照的规律 单独拍 A B C D E 两两拍 AB AC AD AE 三三拍 ABC ACD ADE ABD ACE ABE – – – – – BCD BDE BCE – – – – – CDE 四四拍 ABCD ACDE ABCE
2021-05-02 12:43:35
158
原创 递归
递归的中心思想 极限为零时，才会进行返回数值，其他情况返回函数的调用，而且形参递减。函数的运算是一种由内而外的运算。每一次运算结果作为返回值返回到上层函数。 当形参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
143
原创 快速
快速排序的中心思想在于左右指针的循环查找以及，基准设定之后的挖坑填坑。 快速排序复杂，理解难度高。算法涉及广泛。 算法核心使用递归法，所以需要递归终止条件。 递归函数需要的形参有，数组和左右指针。 quickSort(int a[],int leftP,int rightP) 第一遍递归 设定基准 // 基准为左边第一位元素 int X=a[leftP]; 形参的指针赋值给新指针变量 必须新设定指针变量，因为需要保证形参不变，作为递归参数向下传递。 int lp=left.
2021-01-29 11:01:24
207
原创 冒泡排序
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
144
原创 归并
归并算法实现编程略显复杂 现实步骤分为分治与归并两部分。 分治 递归划分 直到单个元素为一组，这就是递归结束条件 左指针等于右指针 单元素一组，此时递归结束，递归函数返回则双元素为一组。 递归划分，划分线为 （右指针—左指针）/2+左指针 ...
2021-01-29 11:01:03
113
原创 贪心
贪心算法（greedyalgorithm) 贪心算法总结来说不是一种算法，是一种思想。贪心算法作出当前的最优解，执行局部最优选择。 整体并不一定最优。 在寻求连通图的最短路径中表现为迪杰斯特啦算法（dijkstra algorithm)。 以迭代来进行相继贪心，先使用银行卡，再钞票，然后硬币。 ...
2021-01-29 11:00:53
90
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人