- 博客(29)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 用mui索引实现动态数据仿通讯录的功能
前言用mui索引实现动态数据仿通讯录的功能mui demomui给的demo如图所示，是静态数据的，可以模糊搜索、字母导航使用如下<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,u
2021-06-18 09:56:45
36568
1
原创 Vue笔记二：基础语法
目录Vue笔记二：基础语法1、 插值（动态内容）Mustache语法(双大括号)指令2、绑定属性（动态属性）1、元素的src和href2、class绑定3、 style绑定内联样式3、计算属性**基础例子****计算属性的 getter和setter****计算属性 vs 侦听属性**计算属性传参4、事件监听基础参数问题(括号问题)**事件修饰符**5、条件渲染基础**用 `key` 管理可复用的元素****`v-show`**6、列表渲染6.1 遍历数组6.2 遍历对象6.3 维护状态 (key属性)6.
2021-05-13 16:22:14
5380
5
原创 vue笔记一：Vue技术栈
目录vue笔记一：Vue技术栈1、node.js2、 npm3、ES64、Babel5、项目构建工具vue-cli6、路由vue-router7、状态管理vuex8、http请求⼯具axios9、文件打包工具webpack10、Vue.jsVue实例vue生命周期以及不同生命周期下的应用vue笔记一：Vue技术栈1、node.js如果想要javascript代码能够在服务器端运行就必须提供一个Javascript的运行环境(runtime environment)，这就是node.js。node.j
2021-05-13 15:15:55
10344
2
原创 Vue防连点，重复点击
防止重复点击，重复提交或者重复跳转页面自定义指令，通过在标签原型上面绑定状态的方式，控制是否可以重复点击1.局部注册export default { name: "", directives: { preventRepeat: { inserted(el, binding) { function __avoidRepeatHandler__() { if (el.__clickDisabled__) return; e
2021-03-17 10:28:20
2073
原创 Avoid mutating a prop directly since the value will be overw
子组件接收到参数后不能够直接修改，因为每当父组件重新渲染时，该值将被覆盖，用一个回调函数来调用到父组件 进行修改
2021-03-11 17:44:08
334
原创 使用vant轮播图本地图片不显示
使用vant轮播图无法使用本地图片解决办法是在数据外加上require<template> <div> <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white"> <van-swipe-item v-for="item in img" :key="item"> <van-image :src="item"/> &l
2021-03-09 13:44:46
2129
原创 父组件给子组件传递本地img的src
子组件中<template> <div class="sport-poster"> <img class="sport-poster-img" :src="imgSrc" /> </div></template><script>export default { data() { return { name: "SportPoster", }; }, props: {
2021-03-09 11:15:14
974
原创 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location路由重复点击报错
自己写tabbar组件时重复点击按钮报错如下Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "/shopcart"解决方式：抛出异常可以写在点击按钮处 itemClick(){ this.$router.push(this.path).catch(err=>err) }也可以写在router/index.js
2021-03-01 17:38:12
312
原创 python批量裁剪图片
# coding: utf-8from PIL import Imageimport os.path# 指明被遍历的文件夹rootdir =r'D:\兴趣\旅行青蛙\oldImg'for parent, dirnames, filenames in os.walk(rootdir): # 遍历每一张图片 for filename in filenames: print('parent is :' + parent+'，filename is :' + filename)
2021-02-26 08:31:36
1115
原创 vsCode快速生成模板
1、文件->首选项->用户片段2、如果新建vue模板，就输入vue搜索vue.json如图vue.json文件中放如下内容{ "Print to console": { // 前缀 也就是用户输入的快捷键内容 "prefix": "vue", // 输出内容 "body": [ "<template>", " <div>", "", " </div>", "</template>",
2021-01-19 08:58:50
2368
原创 移动开发注意事项
文章目录1. 盒子边缘溢出2. 移动端如使用有软键盘弹出的页面，尽量不使用fixed定位，输入框input获取焦点得时，虚拟键盘会把fixed元素顶上去，ios中有时候fixed定位会失效，一般使用绝对定位。3. Less(css预处理器)1. 盒子边缘溢出当把一个元素设置了宽度100%，并定义为块元素来适应屏幕，结果发现加了边框或者margin或者padding时，会溢出文档，屏幕可横向滑动。解决方式：加个样式box-sizing: border-box;来指定盒子的大小包括边框和内边距，盒
2020-12-18 17:19:47
317
3
原创 JavaScript 正则表达式及ES6的改变
正则表达式是构成搜索模式（search pattern）的字符序列，用来描述搜索的内容，包括普通字符（例如，a 到 z 之间的字母）和特殊字符（称为"元字符"）。正则表达式可用于执行所有类型的文本搜索和文本替换操作。1. 语法var patt=/pattern/modifiers;pattern（模式） 描述了表达式的模式modifiers(修饰符) 用于指定全局匹配、区分大小写的匹配和多行匹配2. 修饰符修饰符用于执行区分大小写和全局匹配修饰符描述i执行对大小写不敏
2020-12-08 14:49:32
514
原创 ES6基础知识查漏整理笔记
目录1. 冻结对象2. Object.setPrototypeOf();1. 冻结对象1.1 冻结对象Object.freeze()const foo = Object.freeze({});// 常规模式时，下面一行不起作用；// 严格模式时，该行会报错foo.prop = 123;1.2 冻结对象的属性var constantize = (obj) => { Object.freeze(obj); Object.keys(obj).forEach( (key, i) =&
2020-12-04 16:52:43
409
原创 js修改数组对象的属性名
前言我是在用mui框架的picker选择器时，`发现添加的数组不显示，仔细看才发现好像数组对象有固定的属性名称value和text，如下所示picker.setData([{value:'zz',text:'智子'}]);我从后台拿到的数组是这样的 "listNote":[ { "id":"001", "name":"已阅" }, { "id":"002",
2020-11-02 15:54:19
5543
3
原创 Visual Studio Code的下载安装、快捷键以及插件离线安装
文章目录一、下载安装二、使用1.中文简体2.持续更新.......一、下载安装官网下载最新版：https://code.visualstudio.com/Download下载zip版本，直接解压，运行exe即可二、使用1.中文简体点击左侧工具栏extensions或者使用快捷键【Ctrl+Shift+X】，输入chinese，点击Install安装中文简体插件，然后重启即可2.持续更新…...
2020-09-29 17:32:34
15900
3
原创 android:screenOrientation=“portrait“报红
在AndroidManifest.xml中设置activity竖向，一般都是直接设置android:screenOrientation=“portrait”，升级gradle后这里会有警告，提示Expecting android:screenOrientation=“unspecified”，虽然app运行没问题但看着也很不爽。解决方法：在application标签里，加入tools:ignore="LockedOrientationActivity"这句话，manifest标签里引入tool xmln
2020-09-18 11:51:44
4198
原创 Android启动页白屏以及加欢迎页
Android启动页白屏以及加欢迎页Manifest文件中给指定的入口Activity设置一个背景,当进入之后恢复默认背景,这样在显示界面之前都会显示那么被设置的背景,这样就提高了用户体验,至少等待主界面的过程中不是黑屏或者白屏.1.解决启动页白屏主题的设置，在styles.xml文件中添加以下代码 <style name="AppTheme.StartingWindowTheme" parent="AppTheme"> <!-- 可以设置成纯颜色（设
2020-09-18 11:48:59
2152
原创 微信小程序设置按钮样式
微信小程序设置按钮样式今天突然发现小程序原生按钮样写在wxss里的样式无效button{ height: 90rpx; width: 100% ; color: white; font-size: 30rpx ; background-color: rgb(248, 61, 28) ; }百度后找到几种解决方案，大家可以参考下1. 把 app.json 里的 style:“v2” 去掉（不推荐）去掉之后确实可以修改按钮的样式了，但是大家说去掉这个其他组件的样式会发生变化，
2020-09-10 16:06:20
17783
1
原创 MPAndroidChart饼图及折线图
Android图表工具 MPAndroidChart源码：https://github.com/PhilJay/MPAndroidChart下载：https://github.com/PhilJay/MPAndroidChart/releases教程：Android图表控件MPAndroidChart的简单介绍（MPAndroidChart3.0）MPAndroidChart折线图/柱状图/饼形图的使用Android图表（最新版）----柱状图和饼状图...
2020-09-08 09:12:16
1414
1
原创 微信小程序自定义tabbar的实现及遇到的问题
微信小程序自定义tabbar1. 微信小程序自定义的实现官方版本https://developers.weixin.qq.com/miniprogram/dev/framework/ability/custom-tabbar.html配置信息在 app.json 中的 tabBar 项指定 custom 字段，表示使用自定义的tabbar,同时其余 tabBar 相关配置也补充完整。所有 tab 页的 json 里需声明 usingComponents 项，也可以在 app.json 全局开启。
2020-09-08 08:51:51
3121
1
原创 Android 实现 登录注册注销功能
用SharedPreferences实现登录注册注销功能注册页面 activity_register.xml<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent">
2020-08-31 14:41:48
2465
原创 Android Studio下载安装及新建项目
Android Studio下载及安装换了个电脑正好要装Android Studio，顺便记录一下过程，没啥技术含量的。1. 下载Android Studio官网链接：https://developer.android.google.cn/studio/，一般下载这个 就是最新的如果有其他平台，鼠标往下滑，自行选择需要的即可。我这里下载了window 64的.exe文件2. 安装1.双击安装包进行安装，点击next2.第一个选项是默认选中的，第二个选项是Android Studio自带
2020-08-12 22:00:14
951
原创 Android创建类、方法的注释模板
Android创建类、方法的注释模板创建类的注释模板创建方法的注释模板创建类的注释模板File–>setting–>Editor–>Live templates–>右边+号–>点击Template Group命名为custom，点击ok，选中custom，再次点击右边+号，这次选第一项在Abbreviation输入cmt（相当于快捷键），然后在Template Text输入下面文本，即注释模板/** * 创建日期：$date$ $time$
2020-07-28 23:26:04
1456
原创 Android增加方法注释快捷键
Android增加方法注释快捷键选择Other下的Fix doc comment添加快捷键这里我用的/,当然大家可以根据自己的习惯进行设置。鼠标放到方法上，按“/”,这样就自动生成注释了
2020-07-28 22:45:37
1215
原创 AndroidStudio创建类自动生成注释模板
File–>setting–>Editor–>Find and Code Templates–>点击includes中File Header在右边空白处放入自己想要的注释模板,例如 ：/** * 创建日期：${DATE} ${TIME} * @author Yuan * @version 1.0 * 包名： ${PACKAGE_NAME} * 类说明： */自己根据需求放入参数即可。创建一个Test.java 进行测试，结果如下。...
2020-07-28 22:38:28
1109
1
原创 Pycharm安装并搭建Tensorflow开发环境
Pycharm安装并搭建Tensorflow开发环境下载并安装pycharm1. 下载2. pycharm配置python环境安装tensorflow1.输入清华仓库镜像2.创建tensorflow环境3.启动tensorflow环境4.安装cpu版本的TensorFlow5.测试TensorFlowPycharm中配置TensorFlow环境在操作之前先安装好python环境，我是安装的Anaconda，Anaconda下载安装教程可参考：https://blog.youkuaiyun.com/Chen_Meng_
2020-07-16 23:29:09
65021
4
原创 css+html强制换行及禁止换行问题
解决html页面纯英文和数字不自动换行，但中文就可以自动换行的问题添加css属性word-break:break-all;word-wrap:break-word;以下是具体说明：1. word-wrap 属性word-wrap 属性用来标明是否允许浏览器在单词内进行断句word-wrap: normal|break-word;normal: 只在允许的断字点换行(浏览器保持默认处理)break-word:在长单词或URL地址内部进行换行， 内容将在边界内换行。如果 需要，单词内部
2020-07-14 13:56:14
2039
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人