ZhangLiangXWZ-优快云博客

原创 Vue传值

父子传值v-modelprop：父传子$emit: 子触发父方法，并传参style和class父组件可以向子组件传递style和class，它们会合并到子组件的根元素中.natvie修饰符在注册事件时，父组件可以使用native修饰符，将事件注册到子组件的根元素上.sync：父子互传$parent可以在子组件中访问父实例的数据。$children可以在父组件中访问子实例的数据。ref可以在父组件中访问子实例的数据。$refs 只会在组件渲染完

2021-12-23 02:39:35 575

原创 vue响应式

响应式的使用当创建vue实例时，vue会将data中的成员代理给vue实例，从而实现响应式，监控数据变化。更改的数据必须是存在的数据，否则监听不到数据变化，不能重新渲染页面。  <div id="app"> {{ people.country }} </div> const vm = new Vue({ el: '#app', data: { people:

2021-12-13 23:47:21 502

原创 Vue 生命周期

每个 Vue 实例在被创建时都要经过一系列的初始化过程，例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。生命周期图示生命周期钩子所有的生命周期钩子自动绑定 this 上下文到实例中，因此你可以访问数据，对属性和方法进行运算beforeCreate在实例初始化之后，数据观测 (data observer) 和 event/watcher 事件配置之前被调用。&l

2021-12-08 23:57:32 177

原创虚拟 DOM

虚拟节点ref：mounted中才能获取到Vue生命周期每个 Vue 实例在被创建时都要经过一系列的初始化过程，例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。生命周期图示生命周期钩子所有的生命周期钩子自动绑定 this 上下文到实例中，因此你可以访问数据，对属性和方法进行运算beforeCreate在实例初始化之后，数据观测 (data observ

2021-12-08 23:56:53 510

原创 TypeScript - 基本类型＜3＞

基本类型如何进行类型约束仅需在变量、函数的参数、返回值位置加上：类型ts在很多场景中可以完成类型推导any：表示任意类型，对该类型，ts不进行类型检查let num: number;let name: string = "zl";// function add(a: number, b: number): number {// return a + b;// }function add(a: number, b: number) { return a + b;}

2021-12-03 00:20:05 754

原创 TypeScript - 在 node 中搭建 TS 开发环境＜1-2＞

JS & TSJS开发中问题js语言本身的特性，决定了该语言无法适应大型的复杂的项目弱类型：可以随时更换变量的类型解释型：只有当运行时，才能发现错误TSTS是JS的超集，包含了JS所有功能会对代码中所有的标识符（变量、函数、参数、返回值）进行类型检查，类型检查发生在编译时，而非运行时类型检查的使用时可选的无论是浏览器环境还是node环境都不能直接识别ts代码，需先转化成js在node中搭建TS开发环境PS D:\WebWP\TS\lesson2> npm i -g

2021-12-02 00:49:58 708

原创系统设置——音量调节

<uses-permission android:name="android.permission.ACCESS_NOTIFICATION_POLICY" />权限要添加，不然会报 java.lang.SecurityException: Not allowed to change Do Not Disturb state 异常 import android.ap...

2018-12-27 10:04:49 1453

原创系统设置——亮度调节

<uses-permission android:name="android.permission.WRITE_SETTINGS"/>这个权限一定要加上，不然会出现进入设置界面，但该权限选项不能点击的效果 import android.app.NotificationManager;import android.content.ContentResolver;impor...

2018-12-26 16:28:30 1336

原创系统设置——蓝牙

<uses-permission android:name="android.permission.BLUETOOTH"/> <uses-permission android:name="android.permission.BLUETOOTH_ADMIN"/>import android.bluetooth.BluetoothAdapter;im...

2018-12-26 15:46:09 292

原创底部划出弹出框

import android.app.Dialog;import android.content.DialogInterface;import android.os.Bundle;import android.support.v7.app.AppCompatActivity;import android.view.Gravity;import android.view.LayoutIn...

2018-12-26 14:57:10 476

原创广告轮播

BannerPagerAdapterimport android.content.Context;import android.support.v4.view.PagerAdapter;import android.util.SparseArray;import android.view.View;import android.view.ViewGroup;import andro...

2018-12-26 10:22:46 363

原创获取简单天气预报

参考博文：https://blog.youkuaiyun.com/huplion/article/details/78984977https://blog.youkuaiyun.com/Mind_programmonkey/article/details/78438155工具类package com.welldones.door.utils;import android.content.Contex...

2018-12-24 17:20:35 1906

原创获取简单定位

参考博客：https://blog.youkuaiyun.com/mingjiezuo/article/details/79755357https://blog.youkuaiyun.com/qq_26420489/article/details/52120471最后生成的工具类package com.welldones.door.utils;import android.Manifest;imp...

2018-12-24 14:53:56 228

原创网络通信

扫盲局域网（LAN，Local Area Network）：通过一定形式连接起来的计算机广域网（WAN，Wide Area Network）：LAN延伸到更大范围因特网：由无数LAN，WAN组成 IP协议：（Internet Protocol）一种网络协议； Internet网络采用的是TCP/IP协议；在Internet上存在数以亿计的主机，每台主机在网络上用为其分配...

2018-12-11 10:55:44 242

原创日常小记2

开源库：1、6.0权限库：RxPermissions：https://www.jianshu.com/p/c8a30200e6b22、Rx2网络封装：RxHttpUtils3、Glide图片加载库：Glide：https://blog.youkuaiyun.com/column/details/15318.html4、下拉刷新库： SmartRefreshLayout5、RecyclerV...

2018-12-06 09:38:28 257

原创线程

摘自：《Java从入门到精通(第四版)》 Window操作系统是多任务操作系统，以进程为单位进程：正在执行的程序；包含自身地址，独立执行的程序系统给每个进程一段有限的使用CPU的时间，到下一个时间片时跳到另一个进程中，CPU快速转换，所以每个进程好像是同时执行一样线程：进程中的执行流程，一个进程中可同时包含多个线程；若需要一个进程同时完成多段代码操作，就需要用到多线程，流程和...

2018-12-04 15:49:21 171

原创 TabLayout + ViewPager

package com.zl.viewpager;import android.os.Bundle;import android.support.annotation.Nullable;import android.support.design.widget.TabLayout;import android.support.v4.app.Fragment;import android...

2018-11-30 14:54:33 197

原创显示进度的进度条

效果：当滑动进度条的时候，会出现进度值，并随滑动而动，松开进度条，进度值消失package com.welldone.home.familywidsom.view;import android.content.Context;import android.util.AttributeSet;import android.widget.RelativeLayout;import...

2018-11-30 14:21:41 2227

原创聊天界面

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_pare

2018-11-30 14:05:53 483

原创图片添加激活点

通过 x,y轴定位确定激活点位置R.layout.lighticon<?xml version="1.0" encoding="utf-8"?><FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_paren...

2018-11-30 13:54:22 262

原创侧边滑动式抽屉《紧急按钮滑动效果》

<SlidingDrawer android:id="@+id/slidingdrawer" ...

2018-11-30 13:35:08 288

原创 help悬浮按钮

效果：随手指拖动，松开停留在原地；点击弹到左下角，并向上动画发出多个按钮；再次点击动画收回按钮，并弹回点击前的位置@drawable/oval_004b7c_full<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/androi...

2018-11-30 11:34:34 273

原创 RadioButton使用记

icon_air_unselecticon_air_select // radiobutton_icon_air.xml<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android"> <item a...

2018-11-30 10:51:55 250

原创空调温度环形调节器

原文链接：https://www.imooc.com/article/21782?block_id=tuijian_wz我根据项目要求稍作调整package com.welldone.home.familywidsom.view.regulatorview;import android.animation.Animator;import android.animation.A...

2018-11-30 10:37:44 470

原创 drawable文件下

为图片添加背景<?xml version="1.0" encoding="utf-8"?><layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <item> <shape android:shape=&

2018-11-30 10:18:35 480

原创 ListView

第一种 <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" ...

2018-11-29 17:12:44 119

转载 Spinner

第一种：固定资源列表 <?xml version="1.0" encoding="utf-8"?><resources> <string-array name="letter"> <item>A</item> <item>B&a

2018-11-29 11:03:41 214

原创日常小记1

目录：float 、double 取整 event.getX()、event.getY()与event.getRawX()、event.getRawY()的区别获取状态栏的高度 Fragment 与 Fragment 相互切换之间的生命周期方法 float 、double 取整：Math.ceil()执行向上舍入，即它总是将数值向上舍入为最接近的整数；Math.floor(...

2018-10-31 10:15:39 167

原创 JavaScript权威指南（第六版）读书杂记二

语句JavaScript中没有块级作用域，所以在语句块中声明的变量并不是语句块私有的JavaScript需要循环体中至少包含一条语句，因此，当没有要写的语句时，可以使用一个单独的分号来表示一条空语句//初始化一个数组afor(i = 0; i < a.length; a[i++] = 0);var声明的变量是无法通过delete删除的，未指定是，初始值为 undefine...

2018-08-14 11:27:33 155

原创 JavaScript权威指南（第六版）读书杂记一

JavaScript区分大小写，HTML不区分大小写数据类型：原始类型<数字、字符串、布尔值> 对象类型<属性的集合:名值对>； null：typeof返回为 object，所以可认为是一个特殊的对象值；但其可表示数字、字符串、对象的“无值”状态 undefined：没有初始化JavaScript不区分整数值和浮点数值，所有数值军用浮点数表示，64位浮点格式...

2018-08-10 11:52:31 332

ZhangLiangXWZ的博客