xiaozhi

1.创建华丽 UI 的 7条规则 第一部分 (2019年更新)

简介首先也是比较重要的，先说明点这篇指南并不适合所有人，主要适合以下从业者：开发者希望能够在必要时设计出自己漂亮的 UI。用户体验设计师希望他们的产品组合看起来比五角呆板的 PPT 更好看或者让用户得到更好的用户体验。本文中主要围绕以下 7 规则讲解：光来自天空 (Light comes from the sky)黑白优先 (Black and white first)加倍你的空白 (Double

Web

2019-09-05  1848 人浏览

webhome

谈谈input输入框中的value和placeholder属性应用

最近忙得不可开交，都没时间更新了，年底了嘛，为了冲KPI，公司的活动项目一个接一个呀，为了年底有个好收成，希望奖金多多啊。近期活动大都跟表单挂钩，不管是PC端还是移动端，做多了，想总结点心得，今天谈谈表单中input输入框的一些常用状态。由于HTML5的出现，使得表单的功能更加强大，input的功能应用起来更加简单，从value到placeholder。但是由于兼容问题，placeholder只适

Web

2019-11-08  1847 人浏览

php

为什么程序猿996多猝屎，而企业家007却不会？

2019-08-11  1843 人浏览

xiaozhi

1.React高级组件精讲

React高级组件精讲高阶函数是以函数为参数，并且返回也是函数的的函数。类似的，高阶组件（简称HOC）接收 React 组件为参数，并且返回一个新的React组件。高阶组件本质也是一个函数，并不是一个组件。高阶组件的函数形式如下：constEnhanceComponent=higherOrderComponent(WrappedComponent)通过一个简单的例子解释高阶组件是如何复用的。现在有

前端

2019-09-05  1843 人浏览

xiaozhi

4.使用 CSS Grid Generator来快速使用及学习 Grid 布局

为了保证的可读性，本文采用意译而非直译。想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你！CSS Grid GeneratorCSS Grid Generator是一个由Sarah Drasner创建的免费工具。它是一个可视化设计工具，允许咱们创建一个基本的 grid 布局，然后就可以使用生成对应的代码，帮助咱们快速布局。第一次进入是界面是这样子的：CSS Grid 布局示例当我

CSS

2019-09-05  1843 人浏览

hangge

K8s - Kubernetes重要概念介绍（Cluster、Master、Node、Pod、Controller、Service、Namespace）

Kubernetes是目前发展最快、市场占有率最高的容器编排引擎产品，并且还在快速地开发和迭代之中。我们在学习Kubernetes之前，需要理解它的几个重要概念，它们是组成Kubernetes集群的基石。一、Cluster、Master、Node 介绍1，ClusterCluster（集群） 是计算、存储和网络资源的集合，Kubernetes利用这些资源运行各种基于容器的应用。最简单的Clust

Linux

2019-09-02  1841 人浏览

hangge

SpringBoot - 自定义启动Banner（附：使用艺术字体）

我们知道Spring Boot项目启动时会在控制台打印出一个banner，下面演示如何定制这个banner。1，修改 banner 文字（1）首先在resources目录下创建一个banner.txt文件。（2）在这个文件中写入的文本将在项目启动时打印出来。比如我写入如下内容：12345-----------------------welcome to hangge.com------------

前端

2019-09-02  1841 人浏览

android01

Android源码解析（十九）-- Dialog加载绘制绘制流程

前面两篇文章，我们分析了Activity的布局文件加载、绘制流程，算是对整个Android系统中界面的显示流程有了一个大概的了解，其实Android系统中所有的显示控件（注意这里是控件，而不是组件）的加载绘制流程都是类似的，包括：Dialog的加载绘制流程，PopupWindow的加载绘制流程，Toast的显示原理等，上一篇文章中，我说在介绍了Activity界面的加载绘制流程之后，就会分析一下剩

Android

2019-08-29  1840 人浏览

androidproject

Github 安卓高级UI

目录一、本项目的作用二、下载试试三、已经整理完成的章节1、贝塞尔曲线2、PathMeasure3、属性动画4、Xfermode5、VelocityTracker和Scroller6、绘制流程7、svg8-1、canvas_clip8-2、canvas_draw8-3、canvas_text四、继续整理的章节五、作者简介1、个人博客2、联系方式3、赞赏一、本项目的作用本项目主要用于Android高级

Android

2019-09-05  1839 人浏览

wechat

微信小程序之基础组件篇——导航组件（十）

本篇文章将介绍小程序的基础组件——导航组件。 导航组件只有一个组件: navigator navigator /** wxss **/ /** 修改默认的navigator点击态 **/ .navigator-hover { color:blue; } /** 自定义其他点击态样式类 **/ .other-navigator-hover { colo

微信小程序

2021-01-28  1839 人浏览

xiaozhi

27.如何使用useReducer Hook

看到“reducer”这个词，容易让人联想到Redux，但是在本文中，不必先理解Redux才能阅读这篇文章。咱们将一起讨论“reducer”实际上是什么，以及如何利用useReducer来管理组件中的复杂状态，以及这个新钩子对Redux意味着什么？Reducer 是什么鬼如果你熟悉Redux或数组上中的reduce方法，你大概就知道“reducer”是什么。 如果不熟悉，“reducer”大概是一

前端

2019-09-04  1838 人浏览

hangge

K8s - Kubernetes集群的安装部署教程（CentOS系统）

本文演示如何搭建一个三节点的Kubernetes Cluster集群（一个master节点和两个node节点），并且这三台服务器使用的都是CentOS 7系统。一、准备工作（三个节点都需要设置）1，安装 Docker所有的节点都需要安装Docker，具体步骤可以参考我之前写的文章：CentOS下 Docker、Docker Compose 的安装教程（附详细步骤）2，安装 kubelet、kube

Linux

2019-09-02  1837 人浏览

java

我是如何在2年内逆袭成为BAT年薪40W的资深开发工程师的？

我是如何在2年内逆袭成为BAT年薪40W的资深开发工程师的？坐标：杭州 | 工作时间：2年 | 年薪：40W毕业院校：普通二本（非计算机专业）现任职位：BAT某公司资深开发工程师身边的师弟师妹经常问到：非计算机专业出身，你是在2年内如何逆袭成BAT年薪40W的资深开发工程师的。其实很简单——努力！我16年毕业于普通的二本学校，非计算机专业出身，只因为对软件开发感兴趣，所以找工作的时候就一直投IT行

后端

2019-08-11  1836 人浏览

wechat

小程序中使用canvas第一次生成图片的时候显示空白页面【解决】

1、wx.canvasToTempFilePath(Object object, Object this)他可以让咱们绘制好的canvas转化成图片， 但是如果用错了 就会出现 首次点击保存的时候 canvas 区域为空白区域， 第二次点击的时候就可以保存成图片。如果出现这种情况，那么好 我们都是属于没看文档就撸的男银…OK 开始说解决方法wx.canvasToTempFilePath(Objec

2022-10-18  1835 人浏览

xiaozhi

2.Web 性能优化： 图片优化让网站大小减少 62%

图像是web上提供的最基本的内容类型之一。他们说一张图片胜过千言万语。但是如果你不小心的话，图片大小有时高达几十兆。因此，虽然网络图像需要清晰明快，但它们尺寸可以缩小压缩的，使用加载时间保持在可接受的水平。在我的网站上，我注意到我的主页的页面大小 超过了1.1MB，图片占了约88%，我还注意到我提供的图像比它们需要的大(在分辨率方面)，显然，还有很多改进的空间。我开始阅读 Addy Osmani

前端

2019-09-04  1835 人浏览

hangge

SpringBoot - Lombok使用详解5（@log、@Buinder、@SneakyThrows、@Synchronized）

七、Lombok注解详解（4）12，@log（1）该注解用在类上，可以省去从日志工厂生成日志对象这一步，直接进行日志记录，具体注解根据日志工具的不同而不同。不同的日志注解总结如下（上面是注解，下面是实际作用）：我们也可以在注解中使用 topic 来指定生成 log 对象时的类名。@CommonsLog private static final org.apache.commons.logging

Java

2019-10-10  1834 人浏览

java

开发部署提速8倍！这款IDE插件了解一下？

对于开发者而言，提高工作效率大概有 2 种主要方式，第一种方式就是加快自己的工作速度，争取在同一段时间内多码一些代码、多干一些活来实现多产；而聪明的开发者会选择第二种方式，就是通过插件，让一些重复性的、繁琐性的工作被自动化，从而节省出时间来做一些实质性的业务，达到轻松又高效的工作步调。最近通过发布会直播，了解到一款本地 IDE 插件——Cloud Toolkit，就是通过第二种方式来提高开发者的工

2019-08-11  1833 人浏览

xiaozhu

清理XCode缓存文件

清理XCode缓存文件XCode本身占用内存就多，使用XCode时间久了，会产生一系列垃圾与无用的缓存，定时清理可以腾出一些内存。可以删除缓存的文件数据操作如下：一、删除iPhone模拟器产生的设备缓存数据1、双击【Finder】，点击【前往文件夹】，进入目录：~/资源库/Developer/CoreSimulator/Devices/下，如图2、里面的缓存文件都是可以删除的，点击【command

IOS

2022-10-27  1833 人浏览

cheng

flex布局justify-content属性和align-items，align-self属性

justify-content（在父元素设置）设置弹性盒子元素在主轴（横轴）的对齐方式。取值：justify-content: flex-start | flex-end | center | space-between | space-around;flex-start: 弹性盒子元素将向行起始位置对齐。第一个元素与左起始边界对齐，后面的元素接着第一个元素进行排列。flex-end: 弹性盒子元

后端

2019-10-11  1833 人浏览

kotlin

kotlin基本语法

一、定义包包的声明应处于源文件顶部：packagemy.demo importjava.util.* //……目录与包的结构无需匹配：源代码可以在文件系统的任意位置。注：更多关于包的内容请参考包。二、定义函数1，带有两个Int参数、返回 <code>Int 的函数：//函数 funsum(a:Int,b:Int):Int{ returna+b } //测试 funmain

2019-08-09  1832 人浏览