咸鸭蛋炒饭-优快云博客

原创解决canvas.clipRegion 方法过时，实现裁剪减动画

最近想做一个图片裁剪的特效，发现原来的api ：canvas.clipRegion过时了，过期了我旧换一个好了，例如，clipRect,clipPath，下面就用clipPath实现废话不说代码如下：package com.yuzy.test;import android.content.Context;import android.graphics.Bitmap;im...

2018-12-18 20:07:00 3104

原创 HTML5基础加强css样式篇（语义化表单）（五十六）

1.语义化表单<!doctype html><html><head><meta charset="UTF-8"/></head><body> <form action="" method="get"> <!-

2018-04-27 16:05:59 536

转载 HTML5基础加强css样式篇（语义化标签和其兼容IE8）（五十五）

1.语义化标签<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title>  &l

2018-04-27 11:01:48 719

原创错误：android studio集成第三方库文件，在4.4以下报错：java.lang.NoClassDefFoundError: io.rong.common.SystemUtils问题

1.错误 java.lang.NoClassDefFoundError: io.rong.common.SystemUtils例子：我集成的是融云的聊天库：2.在5.0以上手机完美运行可是到了4.4以下包括4.4就出现这个问题，搞得别苦，进过两天查询和百度的努力终于搞清楚了原因：是Android应用的方法总数限制造成的。Android平台的Java虚拟机Dalvik在执

2017-05-25 12:36:46 2297

原创错误：Repository test has failed (Android studio git配置)

错误：Repository test has failed (Android studio git配置)本错误因为git没配好导致：所以重新配置就行①下载git：https://pan.baidu.com/s/1kU5OCOB#list/path=%2Fpub%2Fgit②傻瓜式安装，不停的点下部就行：（可以选择安装路径，这个路径后面要用）③开始菜单里找到“Git”->“G

2017-05-15 23:19:33 13032

原创错误：导入其新的工程时Android studio 停止在 building 'pushstream'Gradle project info界面

1.错误：导入其新的工程时Android studio 停止在 building 'pushstream'Gradle project info界面错误截图如下：这大多数原因是因为，导入新的工程as在下载初始化的东西，但是下载的特别慢，导致，所以解决办法就预先下载好所需要的东西，放进特定的文件夹，一般这种情况都是grdle没有下载完成，

2017-05-15 17:59:16 697

原创错误：com.android.build.api.transform.TransformException: java.util.zip.ZipException: duplicate entry:

错误：Error:Execution failed for task ':app:transformClassesWithJarMergingFor_360Debug'.> com.android.build.api.transform.TransformException: java.util.zip.ZipException: duplicate entry: android/os/Sys

2017-05-08 14:25:12 3102 1

原创错误：Failed to import Gradle project

1.错误：Failed to import Gradle project错误原因：android studio 没能自动下载gradle-3.3-all.zip（版本号无所谓）文件造成的。Gradle设置为如图所示：解决方案：1.手动下载对应的文件：http://services.gradle.org/distributions/gradle-3.3-all.zip（版本自

2017-05-05 22:20:47 2675

原创错误：Gradle sync failed: Could not find method android() for arguments [build_6d4hiu27bgm2ho4bez6d80wx

1.错误：错误：Gradle sync failed: Could not find method android() for arguments [build_6d4hiu27bgm2ho4bez6d80wx解决方案：删掉Android{}，重新Rebuild project\Clean project 工程解决新的错误如图：

2017-05-05 21:51:22 17395

原创错误：Gradle sync failed: Could not download junit.jar (junit:junit:4.12): No cached version available

1.错误：Gradle sync failed: Could not download junit.jar (junit:junit:4.12): No cached version available for解决方案：1.setting->查找Gradle,在页面内将如下图所示的勾选去掉，点击ok3.“Build"->"clean Project" 会出现如下所示错误提示：

2017-05-05 21:43:50 12333

原创 HTML5基础加强css样式篇（伸缩容器子元素属性：order，flex-grow，flex-shrink，flex-basis，flex，align-self）（五十四）

2017-04-27 17:04:28 1239

原创 HTML5基础加强css样式篇（伸缩容器属性：flex-direction， flex-wrap，flex-flow，align-items，align-content）（五十三）

1.justify-content 属性详见（五十二）2.flex-direction:row || row-reverse || column || column-reverse //设置主轴的方向row:默认：row 反向设置主轴方向：column :主轴方向设置为纵轴方向（纵轴的方向为原来横轴的正方向）；column-reverse:主轴方向设置为纵轴方向的反方向（纵轴的方向为原来横轴的正方...

2017-04-27 15:48:43 5439

原创 HTML5基础加强css样式篇（伸缩容器介绍和横轴对其属性 justify-content）（五十二）

1.伸缩盒模型属性简介：(1) 容器默认存在两根轴：①水平的主轴（main axis）和垂直的交叉轴（cross axis）。②主轴的开始位置（与边框的交叉点）叫做main start，结束位置叫做main end。③交叉轴的开始位置叫做cross start，结束位置叫做cross end。④默认沿主轴排列。⑤单个项目占据的主轴空间叫做main size，占据的交叉轴空间

2017-04-24 15:11:17 2149

原创 HTML5基础加强css样式篇（伸缩容器的简介和声明：display:flex||inline-flex）(五十一)

1为什么要有伸缩容器： 1. 使用浮动布局，无法实现等高 2.不能很快的调整DOM的顺序 3.不能很好控制子元素的位置2.如何声明一个伸缩容器： display:flex; .layout-box { width: 600px; height: 300px;

2017-04-24 10:44:04 2230

原创 HTML5基础加强css样式篇（table-cell应用，多列等宽）（五十）

/* 制作多列等宽自适应布局 1.父元素 display: table; width: 100% 2.布局元素（子元素） display: table-cell; 3.子元素之间的空隙，通过一个正常的div分割即可。 4.如果存在多行，需要在包裹一个 display: table-row（）*/

2017-04-21 14:26:44 3682

原创 HTML5基础加强css样式篇（负右外边实例）（四十九）

1.利用负右外边距实现右侧固定左侧自适应布局结构 /* 需求：左侧自适应（随着浏览器窗口宽度的变化而变化）右侧固定宽度 1.两列都需要设置浮动 2.第一列设置 100%　宽度，同时设置右侧外边距为负，绝对值＝第二

2017-04-21 14:21:10 449

原创 HTML5基础加强css样式篇（右外边距失效问题解释）（四十八）

.box-wrapper { width: 500px; height: 500px; background-color: orange; } .box{ width: 400px; height: 200px; marg

2017-04-21 14:05:37 2825

原创 HTML5基础加强css样式篇（css计算函数：calc（））（四十七）

2017-04-10 11:22:22 1686

原创 HTML5基础加强css样式篇（css属性：怪异盒模型解析）（四十六）

1.怪异盒模型和border有关：设置border宽度可以影响其他元素的布局：但是在IE5及以下里面只是影响其子元素；2.可以同时设置 box-sizing属性来使用这一特性，是其改变border宽度也不影响其他元素；3,.box-sizing:简单理解就是盒子大小基于什么计算的; 2.使用如下： .box-wr

2017-04-07 17:21:24 1739

原创 HTML5基础加强css样式篇（完美解决文字多余的打省略号的问题）（四十五）

1.将以下css代码复制到需要处即可： word-break: break-all;//不能换行 text-overflow: ellipsis;//显示省略号 display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/ -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/ -webk...

2017-04-07 16:48:36 1290

原创 HTML5基础加强css样式篇（文字阴影css属性：text-shadow）(四十四)

1.文字阴影： .box { margin: 100px 0 0 100px; width: 200px; height: 200px; background-color: orange; color: #fff;

2017-04-07 16:43:04 2860

原创 HTML5基础加强css样式篇（white-space属性）（四十三）

1.white-space: .box { margin: 100px 0 0 100px; width: 200px; height: 200px; background-color: orange; /* normal 默认。空白会被浏览器忽

2017-04-07 16:00:47 590

原创 HTML5基础加强css样式篇（CSS3 文本 - 英文单词截断与不截断：word-break，overflow-wrap，white-space）（四十二）

1. body{ font-size: 18px; } p, h3{ font-family: "Microsoft YaHei UI", tahoma, Hiragino Sans GB, sans-serif; font-weight: bo

2017-04-07 15:55:02 4298

原创 HTML5基础加强css样式篇（background-image径向渐变函数）（四十一）

1.radial-gradient基础使用： .box { margin: 100px 0 0 100px; width: 400px; height: 200px; background-image: radial-gradient(red, b

2017-04-07 15:45:51 3991

原创 HTML5基础加强css样式篇（background-image线性渐变函数：linear-gradient）（四十）

1.linear-gradient基础： .box { margin: 200px 0 0 200px; width: 200px; height: 200px; background-color: orange; /*基本

2017-04-07 15:10:08 26452 2

原创 HTML5基础加强css样式篇（背景图大小设置：background-size）（三十九）

1.background-size属性： .box { margin: 200px 0 0 200px; width: 200px; height: 200px; background-color: orange; backg

2017-04-07 14:15:26 29293

原创 HTML5基础加强css样式篇（IE浏览器版本区别条件表达式）（三十八）

1.条件表达式基础：2.表达式使用样例： .box { margin: 200px 0 0 200px; width: 200px; height: 200px; background-color: orange; }

2017-04-07 09:59:43 516

原创 HTML5基础加强css样式篇（文本裁剪,背景裁剪：background-origin，background-position，background-clip）（三十七）

1.背景定位： .box { /* .box 默认样式 */ margin: 200px 0 0 200px; width: 200px; height: 200px; background-image: url("img/l

2017-04-06 17:23:08 4849

原创 HTML5基础加强css样式篇（盒子阴影属性：box-shadow）（三十六）

1.box-shadow属性简介： .box { /* .box 默认样式 */ margin: 200px 0 0 200px; width: 200px; height: 200px; background-color:

2017-04-06 16:47:18 9823 1

原创 HTML5基础加强css样式篇（css属性border圆角：border-radius）（三十五）

1.制作圆角： .box { /* .box 默认样式 */ margin: 200px 0 0 200px; width: 200px; height: 200px; background-color: orange;

2017-04-06 16:01:42 1500

原创 HTML5基础加强css样式篇（css属性border详解：图片边框border-image-slice，border-image-repeat,border-image-width（二））（三十四）

1.图片边框：可以使用图片制作边框先通过四根线把图片分成九份，中间一份为内容区域；其他分别对应边框的对应部分；分割线属性： border-image-slice代码如下： .box { /* .box 默认样式 */ margin: 200px 0 0 200px;

2017-04-06 15:14:58 1889

原创 HTML5基础加强css样式篇（css属性border详解（一））（三十三）

1.border 边框简介：

2017-04-06 14:43:38 1164

原创 HTML5基础加强css样式篇（animation简写，控制多个动画，动画帧简写）（三十二）

1.animation简写例子： .box { /* .box 默认样式 */ margin: 200px 0 0 200px; width: 200px; height: 200px; background-color: o

2017-04-05 16:01:37 4725

原创 HTML5基础加强css样式篇（animation填充属性：animation-fill-mode,播放控制属性：animation-play-state，播放顺序设置，）（三十一）

代码如下： .box { /* .box 默认样式 */ margin: 200px 0 0 200px; width: 200px; height: 200px; background-color: deeppink;

2017-04-05 14:57:52 2104

原创 HTML5基础加强css样式篇（animation属性animation-name,animation-delay,animation-duration，等)（三十）

2017-04-05 14:06:44 2059

原创 HTML5 完美解决javascript中iphone手机和android手机复制文本到剪切板问题

1.执行以下解决方案条件：(这个是原理)①执行复制方法时所复制文字不能被任何块级元素和行内块元素和行内元素遮盖否则无效；（解决方案：将文本通过绝对定位或其他方式移除屏幕外）②ios中不能复制属性值，只能复制文本元素节点；（解决方案：可以把文字颜色设成背景色就能达到隐藏看不见的效果不影响显示）；直接上代码：以下是伪代码js代码： function img() { if (navig...

2017-03-27 14:54:18 29165 1

原创 HTML5基础加强css样式篇（css属性transform 函数（3D）3D盒子）（二十七）

2017-03-24 11:22:34 623

原创 HTML5基础加强css样式篇（css属性transform 函数（2D）时钟）（二十六）

1.时钟：效果图： Title html,body{ margin:0px; padding: 0px;; } #wapper{ position: relative; width: 200px;

2017-03-21 14:54:58 474

原创 HTML5基础加强css样式篇（css属性transform 函数（3D）transform-style）（二十五）

上一篇说的是2D这一篇说3D（3D空间思维不好的请自行绕过）1.打开3D空间： transform-style: ①可选值：flat（2D默认值），preserve-3d （3D） 2.

2017-03-21 14:33:21 790

原创 HTML5基础加强css样式篇（css属性transform 函数（2D）的scale(),transform-origin,skew(),translate(),rotate() ）（二十四）

1.transform 2D简介：1.变形(transform)是CSS3新增的一个样式，该样式配合4个变形函数一起使用，函数如下变化 1.缩放 scale() 2.倾斜 skew() 3.位移 translate() 4.旋转 rotate()2.缩放函数scale（）：（1）语法介绍： ①scale(x, y

2017-03-21 13:48:53 1092

网页日期插件，兼容到ie6

input输入框日期插件，兼容IE浏览器，例子配合博客https://blog.youkuaiyun.com/u010853130/article/details/80109474

2018-04-27

语义化标签兼容IE8以上文件

IE8以上兼容语义化化标签的工具js文件，配合我的博客一起使用https://blog.youkuaiyun.com/u010853130/article/details/80076905

2018-04-27

兼容低版本ie所需的json解析文件

2017-02-16

相对路径和img标签demo

介绍html相对路径和img标签的html的压缩包

2017-02-06

html相对路径问题及图片标签

2017-02-06

w3School离线手册

2017-01-06

环信移动客服DEMO无问题版

Error:Execution failed for task ':app:transformClassesWithDexForDebug'. > com.android.build.api.transform.TransformException: com.android.ide.common.process.ProcessException: java.util.concurrent.ExecutionException: java.lang.UnsupportedOperationException 解决这个问题

2016-10-14

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人