- 博客(16)
- 收藏
- 关注
原创 [css] css 3d 动画,跟随鼠标移动做球形旋转
点击在线查看动画效果代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>3d动画</title> <style> body { background: #34495e; min-height: 100vh; margin: 0; padding: 0; } main
2020-12-18 16:16:12
1175
7
原创 【html】【css】 6 种方式实现自定义文字描边
实现原理利用 text-shadow 可叠加的属性在同一半径内叠加多个 文字阴影实现,叠加出现的锯齿使用 text-shadow 模糊属性弱化叠加的 text-shadow 越多,text-shadow 的边缘越平滑,本例中 text-shadow 每间隔45度叠加一次,共叠加8次(叠加8次时 text-shadow的 x y轴平移距离较易计算) 。效果展示示例代码<!DOCTYPE html><html lang="en"><head> <
2020-11-28 16:28:20
17331
原创 75行代码 完美实现图片完整展示 flex 横向瀑布流布局
布局特点代码简单图片完整展示,不会被裁切以图片异步加载完毕的顺序渲染图片,防止页面闪动最后一行图片过少时,图片不会被放大得很大在线预览 https://haolang.github.io/web/demo/500px/效果如下代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title>
2020-11-20 12:19:40
2573
1
原创 【css3】径向渐变实现任意大小背景圆点
实现原理使用透明色紧接透明色的渐变即可实现圆点渐变半径刚好为背景大小一半时,圆点刚好填满背景大小,即 71% (1 / √2 ≈ 0.71).point-bg { background-image: radial-gradient(red 71%, transparent 0); background-size: 100px 100px; background-repeat: no-repeat; }结果如下tips: 渐变函数生成的结果等同于图片,
2020-09-30 16:16:21
957
原创 js 定时器 requestAnimationFrame 简介
requestAnimationFramerequestAnimationFrame 也是定时器的一种简单的讲requestAnimationFrame就是一个以屏幕刷新率间隔时间的定时器,requestAnimationFrame回调函数执行频率紧跟刷新频率且执行在重绘之前。用 requestAnimationFrame 实现节流 节流(throttle)let animationFrameID = null;let lastTime = new Date().getTime()functio
2020-09-17 16:31:04
1079
原创 vue 鼠标点击特效动画(css3动画),水波纹动画效果
效果展示使用在App.vue 中引用即可代码如下//waves.vue<template> <div class="Waves"> <div class="main-container"> <div class="waves"> <div class="wave" v-for="(item, key) in waves" :key="key"
2020-08-27 10:50:13
6686
2
原创 小米路由器3 变砖 ttl 救砖,刷入padavan
##基本步骤拆机ttl转usb驱动安装(ttl转usb下载线淘宝5块包邮)更改电脑ip,tftp安装启动(本教程提供tftp为64位)电脑连接路由器的lan口连接,路由器插上电源,连接接ttl转USB刷入padavan固件注意事项:记得叫店家赠送一头是公头一头是母头的杜邦线,店家给我赠送的是两头都是母头的杜邦线,好在我自己有杜邦线,转接一下就好了。一头是公头一头是母头的杜邦...
2020-02-17 16:59:18
29717
16
原创 Android studio 网络json字符处理
文件结构 MainActivitypackage cn.edu.sicnu.networkjsondemo2;import android.content.Intent;import android.support.v7.app.AppCompatActivity;import android.os.Bundle;import android.util.Log;imp...
2018-05-14 15:55:18
873
原创 Android studio 多线程网络文件下载
运行结果文件结构主要代码 MainActivitypackage cn.edu.sicnu.threadfiledownload;import android.app.ProgressDialog;import android.content.DialogInterface;import android.content.Intent;import a...
2018-05-14 15:32:43
1919
原创 Android studio 简单的多线程
运行效果文件结构主要代码 MainActivitypackage cn.edu.sicnu.threaddemo;import android.os.AsyncTask;import android.os.Handler;import android.os.Message;import android.support.v7.app.AppCompatAc...
2018-05-14 15:21:29
12204
原创 Android studio 操作数据库游标适配器
运行效果文件结构主要代码 MainActivitypackage cn.edu.sicnu.sqlitedemo;import android.content.ContentValues;import android.database.Cursor;import android.database.sqlite.SQLiteDatabase;impor...
2018-05-14 15:14:13
1559
原创 Android studio Dialog 弹出式对话框
文件结构运行效果主要代码 MainActivitypackage cn.edu.sicnu.dialogdemo;import android.app.DialogFragment;import android.content.DialogInterface;import android.support.v7.app.AlertDialog;impo...
2018-05-14 14:59:18
35172
原创 Android studio 文件存储对象与恢复
运行效果:文件结构: MainActivitypackage cn.edu.sicnu.persondemo;import android.Manifest;import android.content.pm.PackageManager;import android.os.Environment;import android.support.v4.app...
2018-05-14 14:47:04
1107
原创 Android studio 基于BaseAdapter 的翻牌游戏
运行效果:java:MainActivity:import android.support.v7.app.AppCompatActivity;import android.os.Bundle;import android.widget.GridView;import android.widget.TextView;import com.example.shinelon.mycardg...
2018-04-16 18:46:31
5117
原创 Android studio 简单适配器 simpleadapter
文件结构主视图:相关代码:<?xml version="1.0" encoding="utf-8"?><android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.andro...
2018-04-16 18:38:18
1946
原创 Android studio 弹出式菜单和上下文菜单
文件结构:java代码:import android.support.v7.app.AppCompatActivity;import android.os.Bundle;import android.view.ContextMenu;import android.view.Menu;import android.view.MenuItem;import android.view.View...
2018-04-16 17:20:04
8102
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人