- 博客(1001)
- 资源 (322)
- 收藏
- 关注
RSS订阅原创 web前端练习32----Css，盒子模型,display,visibility,overflow,单位em
一、盒子(框)模型1.1图形示例：1.2盒子模型的主要构成，由内向外：内容区：width,height内边距：padding边框：border外边距：margin可见宽高 = 内容区+内边距+边框1.3块级元素的盒子模型（在文档流中）：内容区：可以设置宽高 width，height内边距：内边距指的是内容区和边框之间的距离，内边距会影响盒子的大小边框：盒子可见框最外侧，...
2019-12-28 06:58:01
596
2
原创 web前端练习31----Css，选择器（基本选择器，复合选择器，属性选择器，伪类，伪元素，优先级，雪碧图练习）
参考文档：https://man.ilovefishc.com/css3/一、基本选择器：1通配符选择器 *2元素选择器 element3类选择器 .class4id选择器 #id5内联样式 style二、复合选择器：1交集选择器 element.class || element#id2并集选择器 element1,element2,element3,...3后...
2019-12-21 10:14:52
619
原创 web前端练习30----Css，布局（文档流，浮动，清除浮动，浮动高度塌陷，垂直外边距重叠问题，定位，层级，居中，flex布局及练习）
一、文档流：文档流处在网页的最底层， 它表示的是一个页面的位置我们所创建的元素默认都处在文档流中元素在文档流中的特点：块元素：1. 块元素在文档流中会独占一行， 块元素会自上向下排列。2. 块元素在文档流中默认宽度是父元素的100 % （铺满父元素）。3. 块元素在文档流中默认高度被内容(或者子元素) 撑开（ 包裹内容）内联元素：1. 内联元素在文档流中只占自身大小， 会默认从左向右排列...
2019-12-08 08:00:17
738
原创 web前端练习29----Bom中，Navigator，loaction，history ，Screen，window及案例（滚动，刷新加载，传参）
BOM- 浏览器对象模型- BOM可以使我们通过JS来操作浏览器- 在BOM中为我们提供了一组对象，用来完成对浏览器的操作- BOM对象:1.Navigator- 代表的当前浏览器的信息，通过该对象可以来识别不同的浏览器2.Location- 代表当前浏览器的地址栏信息，通过Location可以获取地址栏信息，或者操作浏览器跳转页面3.History-代表浏览器的历史记录...
2019-11-23 22:04:08
366
原创 web前端练习28----Dom4,事件(事件对象，事件冒泡，事件委派，事件传播，事件绑定，事件移除及案例练习)
一、事件对象 event1.1概念：事件处理函数可以附加在各种对象上，包括DOM元素，window对象等。当事件发生时，event对象就会被创建并依次传递给事件监听器。在处理函数中，将event对象作为第一个参数，可以访问DOMEvent接口。event对象里有很多事件相关的属性和方法，例如事件，被点击元素对象target，创建时间，事件类型，坐标，path等...
2019-11-17 12:13:26
394
原创 web前端练习27----Dom3,js操作css(class,内联样式,getComputedStyle)案例练习（列表刷新加载，二级菜单）
0.修改class(修改类选择器)操作class就是修改元素对象的className语法：元素对象.className='类选择器名称';代码示例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="vie...
2019-11-09 10:10:05
363
原创 web前端练习26----Dom2,节点的 创建添加，删除，替换，克隆，innerHTML，innerText，显示隐藏及练习
下面以这个 html 作为例子 操作： <!--节点的 创建添加，删除，替换，克隆 --> <div>这是几个人</div> <ul id="peopleUl" name='ulName'> <li id="lip1" type="text">刘备</li> <...
2019-10-27 22:29:38
675
原创 web前端练习25----Dom1,元素节点（自己，父节点，子节点，兄弟节点），属性节点，文本节点
DOM是文档对象模型，规定了文档的显示结构，可以轻松地删除、添加和替换节点说白了，dom就是节点操作关于dom可以看这个链接https://blog.youkuaiyun.com/u012155729/article/details/78135393常见节点：文档节点，元素节点，属性节点，文本节点文档节点：对应的是 docment 对象，里面包含了所有的节点元素节点，属性节点，文本节点...
2019-10-27 22:10:13
506
原创 web前端练习24----es5,es6重要语法总结
1变量的两种方式var 全局作用域，函数作用域let 全局作用域，块级作用域https://blog.youkuaiyun.com/zhaihaohao1/article/details/1020469042函数的两种方式声明创建 可以提前调用表达式创建 不可以提前调用https://blog.youkuaiyun.com/zhaihaohao1/article/details/1020482042.1...
2019-10-20 06:41:36
303
原创 web前端练习23----js中延时执行函数setInterval()和setTimeout() 案例：倒计时，大小动画平移动画，轮播图
文档：https://developer.mozilla.org/zh-CN/docs/Web/API/Window/setIntervalhttps://developer.mozilla.org/zh-CN/docs/Web/API/Window/setTimeoutsetInterval();定时执行函数setInterval无限次的执行，要通过clearInterva...
2019-10-16 20:15:15
1259
原创 web前端练习22----js中的原型对象prototype,原型链（重要）
原型对象原理解析：我们创建的每一个函数，解析器都会向函数中添加一个属性 prototype这个属性对应着一个对象，就是原型对象。如果函数作为普通函数，调用 prototype 没有任何作用当函数以构造函数的形式调用时，它所创建的对象都会有一个隐含的属性 __proto__，我们可以通过 __proto__ 来访问原型对象原型对象就相当于一个公共区域，同一个构造函数的实例都能访...
2019-10-13 11:40:37
389
原创 web前端练习21----使用babel，让es6兼容所有的浏览器
es6的语法有些浏览器是不兼容的，babel可以把es6的语法全部编译成es5的，兼容所有浏览器babel 官网 https://www.babeljs.cn使用 babel 需要3步1下载 babel.min.js 依赖包2引入 <script src='babel.min.js'></script>3设置 type='text/babel'项目结构：...
2019-10-05 20:30:54
720
原创 web前端练习20----es6新语法7，生成器对象 Generator
百度搜索 mdn Generatorhttps://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Generator例子1 基本使用 // 例子1 基本写法 function* iGenerator() { yield 1; ...
2019-10-04 15:24:02
214
原创 web前端练习19----es6新语法6，异步任务 Promise
百度搜索mdnpromisehttps://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/PromisePromise 基本用法，模拟请求 数据 function myAsyncTask(time) { var promise1 = new ...
2019-10-04 15:10:11
214
原创 web前端练习18----es6新语法5，展开运算符...
百度搜索mdn展开运算符https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Spread_syntax1、操作数组1.1、展开元素 /** * 把数组中的元素展开 */ function iClick1() {...
2019-10-04 12:28:36
367
原创 web前端练习17----es6新语法4，数组，Set集合，Map集合
一、Array数组百度搜索mdn数组https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array1、数组创建 // 创建数组 var fruits = ['Apple', 'Banana', '梨子', '橘子', '桃子', '1',...
2019-10-04 10:34:57
523
原创 web前端练习16----es6新语法3，对象，及class类的引入
一、声明对象的两种常用形式百度搜索mdn JavaScript面向对象https://developer.mozilla.org/zh-CN/docs/Learn/JavaScript/Objects/Object-oriented_JS1，构造函数，形式 基本语法 // 定义对象构造器形式 function Method2() {...
2019-10-04 07:25:58
377
原创 web前端练习15----es6新语法2，箭头函数,bind，函数参数默认值，函数返回对象
零、函数的两种表达形式1.声明形式创建函数 // 函数声明的形式创建的函数，会在所有代码执行之前被创建。 // 所以可以在声明之前调用 // 先调用 fun1(); function fun1() { console.log('zhh1'); }...
2019-10-04 07:07:38
389
原创 web前端练习14----es6新语法1,let,const,解构赋值,模板字符串,字符串，判断类型
ECMAScript 是（欧洲计算机制造商协会）它规定了js的语法标准。 主要包括： 语言语法 – 语法解析规则、关键字、语句、声明、运算符等。 类型 – 布尔型、数字、字符串、对象等。 原型和继承 内建对象和函数的标准库 – JSON、Math、数组方法、对象自省方法等。https://www.kancloud.cn/kancloud/es6-in-depth/...
2019-10-04 06:28:05
506
原创 Android内容提供器读取手机中的音乐文件信息
1.加权限：<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />2.读取资源： /** * 拿到本地音乐资源 * * @return */ public static List<Music> getMusic...
2019-09-23 09:41:48
1222
原创 web前端练习13----推荐一部html5+css的牛逼视频教程
视频优点：1很多人把html5+css写成了div+css，让很多新的特性没有体现出来2讲课风趣幽默，容易理解Emmet 快捷语法https://blog.youkuaiyun.com/qq_33744228/article/details/80910377课件案例https://ilovefishc.com/html5/速查手册https://man.ilovefishc.com视频分集...
2019-09-15 11:24:34
584
原创 Android中Gallery常用功能3----幻灯片效果，手势滑动大图切换
效果图：项目结构：在https://blog.youkuaiyun.com/zhaihaohao1/article/details/100049893的基础上，加入滑动大图切换画廊ViewPager也能实现类似效果，所以放到ViewPager的分类中代码如下：activity_image_switcher.xml 中<LinearLayout xmlns:an...
2019-08-31 09:53:55
362
原创 Android中Gallery常用功能1----幻灯片效果
效果图：项目结构：这里主要是使用 ImageView 和 Gallery 实现的ImageView 显示上面的大图，Gallery 显示下面的画廊ViewPager也能实现类似效果，所以放到ViewPager的分类中具体代码如下：activity_main.xml 中<LinearLayout xmlns:android="http://schemas...
2019-08-31 09:39:29
542
原创 Android中Gallery常用功能2----幻灯片效果，加入切换动画
1效果图：项目结构：这个是用 ImageSwitcher 和 Gallery 实现的，在https://blog.youkuaiyun.com/zhaihaohao1/article/details/100169211中我们使用的时 ImageView,ImageView 大图切换的时候，没有动画效果，看起来有些生硬，在这里把ImageView换成ImageSwitcher ，Im...
2019-08-24 10:39:29
662
原创 Android中Service（onBind）和Activity之间通信
创建一个MyService在里面写入@Overridepublic IBinder onBind(Intent intent) { return new MyBinder();}/** * * 通过这个方法，可以在 activity 中拿到 MyService 对象，就可以调用他的方法了 * */class MyBinder extends Binder { ...
2019-08-02 17:20:27
5630
原创 Android adb 常用命令
转载地址：https://blog.youkuaiyun.com/Next_Second/article/details/73648754?tdsourcetag=s_pcqq_aiomsgAndroid开发环境安装好之后，需要将adb路径添加到环境变量(PATH)中，这样，就可以在命令行下直接使用adb命令了。需要注意的是，有的命令需要先进入手机的linux系统，然后才可以使用，即adb shell, ...
2019-07-27 18:45:01
176
原创 git的基本使用
实用命令在总结1克隆项目（从远程服务器拉到本地）：git clone 远程仓库的ssh地址2提交项目本地工作目录----add----暂存区----commit----本地git库----push----远程平台添加到暂存区git add .将暂存区的文件提交本地仓库git commit -m “日志”本体仓库的文件推到远程平台git push3更新项目git pull...
2019-06-30 10:14:59
307
原创 Android中重温自定义控件05----onDraw绘制视图
在实际使用中，继承 View， 在 onDraw方法中绘制视图Paint 画笔类,定义了画笔的颜色、样式、粗细、阴影等，常用方法说明如下：setAntiAlias(); 设置是否使用抗锯齿功能。主要用于画圆圈等曲线。setDither(); 设置是否使用防抖动功能。etColor(); 设置画笔的颜色。setShadowLayer(); 设置画笔的阴影区域与颜色。setStyle()...
2019-06-04 10:26:36
836
原创 Android中重温自定义控件04----onLayout设置子布局的位置
一般在继承 ViewGroup 的时候，重写 onLayout 方法，设置子布局的位置这个例子是设置 offsetLayout 子布局的位置效果图如下：实现步骤：1.自定义控件 OffsetLayoutpackage com.zhh.android;import android.content.Context;import android.util.AttributeS...
2019-06-03 19:28:22
1904
1
原创 Android中重温自定义控件03----布局测量的使用,自定义ListView
当 ListView 被嵌套在 ScrollView 等滑动控件中，只能展示一行，这时候就需要自定义了代码如下：布局文件：activity_main.xml<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/an...
2019-06-03 17:24:25
242
原创 Android中重温自定义控件02----布局尺寸的测量
自定义控件中比如在：自定义ListView, 流式布局等 的时候需要测量布局的宽高所以这里讲讲布局宽高的测量下面是MeasureSpec类的测量模式： MeasureSpec类的测量模式 视图宽、高的赋值方式 说明 AT_MOST MATCH_PARENT 达到最大...
2019-06-03 17:08:03
325
原创 Android中重温自定义控件01----文本尺寸的测量，图片尺寸的测量
一、文本尺寸的测量效果图：实现步骤：activity_main.xml 布局中定义控件<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_par...
2019-06-03 14:47:11
269
原创 Android中广播接收者，实现闹钟功能
1.创建一个广播接收者AlarmReceiver，接收到广播之后，开始震动package rolechina.jremm.com.test4.pack529;import android.content.BroadcastReceiver;import android.content.Context;import android.content.Intent;import androi...
2019-05-29 18:03:02
3084
原创 Android中动态（在类中）注册广播接收者，并发送广播
动态广播的的注册第1步：创建一个广播接收者/** * 广播接收者 */public class MyReceiver extends BroadcastReceiver { @Override public void onReceive(Context context, Intent intent) { Log.e("111", "接收成功"+inten...
2019-05-29 17:17:29
3461
原创 Android自动完成编辑框AutoCompleteTextView的使用
效果图：实现步骤：步骤1：在布局文件 activity_auto_complete_text_view.xml 中写一个 AutoCompleteTextView <AutoCompleteTextView android:id="@+id/autoCompleteTextView" android:layout_width="match_parent" ...
2019-05-29 10:45:08
254
原创 Android 中编辑框 EditText的常见用法
1.常见属性inputType：指定输入的文本类型，代码中对应的方法是setInputType。若同时使用多种文本类型，则可使用竖线“|”把多种文本类型拼接起来。maxLength：指定文本允许输入的最大长度。该属性无法通过代码设置。hint：指定提示文本的内容，代码中对应的方法是setHint。textColorHint：指定提示文本的颜色，代码中对应的方法是setHintTextCol...
2019-05-29 10:16:53
2918
原创 Android中单选框RadioButton的基本用法
总结一下设置图标的三种方式：（1）button属性：主要用于图标大小要求不高，间隔要求也不高的场合。（2）background属性：主要用于能够以较大空间显示图标的场合。（3）drawableLeft属性：主要用于对图标与文字之间的间隔有要求的场合。注意使用 background 或者 drawableLeft时 要设置 android:button="@null"监听： ...
2019-05-28 10:17:39
3503
原创 Android Studio的实用插件
一、GsonFormat（自动把json字符换转成实体类）安装使用：1.Android studio File->Settings…->Plugins–>Browse repositores…搜索GsonFormat2.安装插件,重启android studio3.在类里面右键选择Generate（或者快捷键Alt+S） 选择GsonFormat把JSON粘贴到里面即可一...
2019-05-13 14:17:46
216
原创 Vue学习33----第三方日历组件ele-calendar 的使用（结合了lodash中的_.filter，_.find，_.map）
文档地址：https://www.npmjs.com/package/ele-calendarhttps://github.com/xuyanming/ele-calendar组件： <ele-calendar :render-content="renderContent" :data="datedef" :prop="prop" ...
2019-05-09 10:24:02
5483
2
原创 Vue学习32----虚拟dom操作（操作内联样式，类选择器，元素属性，添加删除修改数据，单选框，多选框）
Map使用key-value 存储数据的常见用法如下： iClick() { alert('事件点击'); //测试Map, //key-value 存储数据 let map = new Map(); map.set('0', {name: 'zhh0'}); map.set('1', {name:...
2019-04-25 10:37:48
757
React21-22
2019-02-28
React学习16-20
2019-02-28
React学习05事件对象event，拿到input输入框的值，类似Vue的双向数据绑定
2019-02-28
node.js中 express.static 托管静态文件合并前后端代码
2019-02-17
node.js中Express图片上传
2019-02-15
node.js学习Express中Session的基本使用
2019-02-08
vue学习11--20
2019-04-13
vue学习21--28
2019-04-13
vue学习1--10
2019-04-13
ReactNative常用组件
2019-03-15
ReactNative网路及本地缓存
2019-03-15
ReactNativer菜单
2019-03-15
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人