- 博客(108)
- 资源 (22)
- 收藏
- 关注
RSS订阅转载 text-shadow实现文字阴影效果
文字和背景颜色一致，高光和阴暗面采用了rgba的方式，对白色和黑色用了透明度的效果，更柔和，再利用 opacity可以实现半透明的效果，看到了背景的花纹图片。而CSS3新增的text-shadow属性，可以轻松实现文字投影、发光、内阴影等很棒的立体效果，而且效果自然，不逊于PS制作出的效果。做3D效果的关键是阴影一层一层的叠加，也就是复制一个又一个的对象，每一次的偏移比上次的多1px，颜色完全一样。综上所述，文字的阴影效果其实就是一层一层的复制叠加，可以为一个复制出来的对象设置偏移值和模糊值，还有颜色。
2025-02-13 11:16:24
859
原创 Telegram miniApp开发（三）
id: number;/***//*** 用于指示发生了触觉反馈。Telegram可以根据传递的style值播放适当的触觉反馈。style可以是以下值之一：- light，表示小型或轻量级UI对象之间的碰撞，- medium，表示中等大小或中等重量的UI对象之间的碰撞，- heavy，表示大型或重型UI对象之间的碰撞，- rigid，表示硬或不可弯曲的UI对象之间的碰撞，
2024-09-09 10:51:14
1457
原创 Telegram开发小程序（二）
如果链接中包含非空的startapp参数，它将在webApp 的 initData 中的start_param字段获取到。您可以通过mode=compact在链接中包含该参数将小程序默认以半屏高度打开。小程序调用分享，并获取到分享的参数。
2024-07-23 09:10:31
2263
1
原创 telegram 小程序开发之旅（一）
将 telegram 的内置对象通过 context 挂载到全局，在 provides 下新建 TelegramProvider。
2024-07-23 08:57:06
1306
1
转载 [转载]Windows如何压缩tar.gz格式
所以需要做第二步，再在这个tar文件上面点右键，选“7-ZIP”->“添加到压缩档案”，这时候弹出的窗口里再看“压缩格式选项”，发现多了两个刚才没有的，其中就包括“gzip”，然后选“7-ZIP”->“添加到压缩档案”，在弹出来的窗口里有个“压缩格式”的选项，里面并没有tar.gz格式，没关系，里面有一个Tar格式，第一步就是要先压成tar格式。二、成功打包为Tar文件后，你可能会发现这个tar文件包和原来的文件大小一样，也就是说tar本身并没有压缩，而是仅仅把它们打包成一个单独的Tar文件。
2024-03-19 15:24:09
6946
原创 windows连接ssh/open ssh/FTP/远程打印工具
网址：https://www.xshell.com/zh/，可满足标题所列的需求，方便好用。
2024-03-19 13:36:22
378
原创 区块链不得不说的秘密——wagmi
wagmi是一个 React Hook 的集合，包含了你与以太坊交互所需的一切。wagmi 使连接钱包、显示 ENS 和余额信息、签署消息、与合约交互等变得简单——所有这些都有缓存、重复请求降重和持久化。
2024-02-21 14:05:59
915
1
原创 区块链知识学习（一）
英语不好的，可以先从中文社区开始浏览和学习。5，基础的视频教程，名师讲解。solidity中文文档。练习智能合约的在线编辑器。纯中文的社区学习网站。
2024-01-08 14:06:35
1426
1
原创 处理uni-app打包webview的app返回键处理
<template> <view class="content"> <uni-nav-bar class="nav-bar" fixed :status-bar="true" :left-icon="back" :left-text="leftText" @clickLeft="onLeft" color="#ffffff" background-color="#2F78E4"> <view class="title">{{ title ? ti.
2021-05-21 15:10:55
1917
原创 css省略号...的实现
如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。overflow: hidden;text-overflow:ellipsis;white-space: nowrap;接下来重点说一说多行文本溢出显示省略号，如下。display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hid
2021-01-05 14:47:09
305
原创 图文混排模板HTML
后台使用的图文混排插件如：editor、Markman等，得到的页面，前端使用v-html显示的不美观，所以有时候需要前端自己出一个，后端替换文字和图片部分：<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
2020-10-14 21:16:54
3947
原创 微信公众号、微信小程序调用第三方api（百度人脸实名认证），设置回调页面，页面交互处理
使用场景在做人脸识别认证时，使用的是H5版，需要传给插件两个回调页面，一个成功认证后回调，一个失败后回调。这两个页面是要放在服务器的，此时页面与手机端的页面不好做数据和功能交互，于是就需要下面的处理方式。首先是服务器需要的回调页面<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatibl
2020-10-14 20:54:34
4650
2
原创 Web面试题整理
问：Doctype作用是什么? 严格模式与混杂模式如何区分？它们有何意义?答：Doctype位于整个文档的最前面，用于告知浏览器解析器用什么文档类型来解析该文档；严格模式：使得排版和JS运作以浏览器支持的最高标准运行混杂模式：使得排版和JS运作以向后兼容的方式运行，防止比较老的站点无法工作的问题；问：tcp三次握手，一句话概括答：客户端发起请求连接服务端确认，服务端也发起连接客户端确认，每次握手的作用：第一次握手：服务端只可以确认 自己可以接受客户端发送的报文段；第二次握手：客户端可以确
2020-09-21 16:49:07
288
原创 web开发工具包
http://youmightnotneedjquery.com/1，动画库Velocity.js move.js animate.css2，正则表达式https://jex.im/regulex/#!flags=&re=%5E(a%7Cb)*%3F%24https://c.runoob.com/front-end/854
2020-09-21 16:19:31
229
原创 pc浏览器的适配
1，窗口尺寸var width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;var hight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;2，
2020-09-21 15:37:03
561
原创 vue3.0本地调试，设置代理（解决跨域）
1，在项目根目录创建vue.config.jsmodule.exports = { devServer: { open: true, proxy: { '/api': { target: 'http://localhost:3000',//要代理的本地api地址，也可以换成线上测试地址 changeOrigin: true,//允许跨域
2020-09-15 20:25:26
5154
1
原创 Ecma Script 6入门
1，关于let和var的区别，请先看下面的实例var a = [];for(var i = 0 ; i < 10 ; i++){ a[i] = function (){ console.log(i); };}a[6]();//10上面的代码，变量i是var生命的，在全局内都有效，所以每循环一次，新的i值都会覆盖旧值，导致最后执行方法时，输出的都是最后一轮的i值。var a = [];for (let i = 0 ; i < 10 ; i++
2020-08-05 09:20:03
257
转载 BFC
BFC 定义BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。在解释什么是BFC之前，我们需要先知道Box、Formatting Context的概念。Box：css布局的基本单位Box 是 CSS 布局的对象和基本单位， 直观点来说，就是一个页面是由很多个 Box 组成的。元素的类型和 display 属
2020-08-03 15:10:22
136
原创 字节小程序开发流程
我作为一个开发者，先完成上述部分后，接着完成：1，添加协作者2，将APPID、AppSecret发送给后台3，配置服务器安全域名4，正式开发了另外，附上开发者福利，以前开发的微信小程序也能移植到字节小程序了一键搬家一键搬家能够检测不兼容代码，批量修改接口前缀 wx 到 tt ，批量修改文件名后缀。...
2020-07-30 11:18:40
2210
原创 vue-router路由的元信息meta
使用场景：有些页面需要登录判断，在路由配置的时候，在meta对象属性中加上需要登录的标识{ path: '/index', name: 'index', component: Index, meta: { login_require: false },},{ path: '/orders', name: 'orders', component: Orders, meta: { login_require: true }, children
2020-07-30 09:33:19
370
原创 box-shadow属性详解
#### 1.box-shadow属性语法>box-shadow 属性接受值最多由五个不同的部分组成。 >box-shadow: offset-x offset-y blur spread color position;>换句说： 对象选择器 {box-shadow:X轴偏移量 Y轴偏移量 阴影模糊半径 阴影扩展半径 阴影颜色 投影方式 }>不像其它的属性，比如 border，它们的接受值可以被拆分为一系列子属性，box-shadow 属性没...
2020-07-30 08:34:27
1192
原创 css实现menu菜单
效果如下： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>menu菜单</title> <style type="text/css" media="all"> #menu{ display: block; box-siz...
2020-07-29 14:51:04
1305
原创 小程序引入中文字体
做小程序的时候，有时候会遇到，设计的UI中出现了特殊的字体，而单独的导入一个中文字体库是很大的，而且容易经常加载失败。这个时候我们可以想办法将字库中用到的字单独提取出来，这样就会减少体积，保证使用了。具体步骤如下：1）在线提取字体https://www.fontke.com/tool/subfont/比如上图，我的小程序只需要7个字，单独提取出来只有几K2）再到这个网站https://transfonter.org/转成base64只有十几k3）在小程序中引入使用即可
2020-07-21 20:35:41
4053
原创 Homebrew的安装及配置
中文文档地址（https://brew.sh/index_zh-cn）Homebrew是Mac OSX下使用的包管理工具，用来安装OSX系统中没有预装但是你需要的东西。它将软件包安装到独立目录，并在/usr/local目录下创建软链接。安装Homebrew/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)"解决 “curl: (7) Fail..
2020-07-11 10:25:59
1737
转载 CSS 百分比 margin & padding
转载：https://swordair.com/css-persentage-margin-and-padding/?utm_source=tuicool&utm_medium=referralmargin和padding都可以使用百分比值的，但有一点可能和通常的想法不同，就是margin-top | margin-bottom | padding-top | padding-bottom 的百分比值参照的不是容器的高度，而是宽度。引用标准(2.1)原来的表达：The percent.
2020-07-11 07:57:58
257
原创 网页布局高度不满时，实现布局置底
问题：如果网页内容不够长，让网页的footer部分始终在浏览器窗口的底部。方法一：将内容部分的margin-bottom设为负数（兼容所有浏览器）<div class="wrapper"> </div><div class="footer">footer</div>html, body { margin: 0; padding: 0; height: 100%;}.wrapper { min-height: 10..
2020-07-11 07:47:00
745
原创 JavaScript基础知识2
7，在 JavaScript 编程中，函数表达式是一种非常有用的技术。使用函数表达式可以无须对函数命名， 从而实现动态编程。匿名函数，也称为拉姆达函数，是一种使用 JavaScript 函数的强大方式。以下总结 了函数表达式的特点。 函数表达式不同于函数声明。函数声明要求有名字，但函数表达式不需要。没有名字的函数表 达式也叫做匿名函数。 在无法确定如何引用函数的情况下，递归函数就会变得比较复杂； 递归函数应该始终使用 arguments.callee 来递归地调用自身，不要使用函
2020-07-05 09:54:20
180
原创 html使用JavaScript动态添加资源
参考下面的示例代码：EventUtil.addHandler(window, "load", function(){ var script = document.createElement("script"); EventUtil.addHandler(script, "readystatechange", function(event){ event = EventUtil.getEvent(event); var target = EventUtil.getTarget(event);
2020-07-04 20:54:04
415
原创 浏览器兼容事件处理
要保证处理事件的代码能在大多数浏览器下一致地运行，只需关注冒泡阶段。 第一个要创建的方法是 addHandler()，它的职责是视情况分别使用 DOM0 级方法、DOM2 级方 法或 IE 方法来添加事件。这个方法属于一个名叫 EventUtil 的对象，本书将使用这个对象来处理浏览 器间的差异。addHandler()方法接受 3 个参数：要操作的元素、事件名称和事件处理程序函数。 与 addHandler()对应的方法是 removeHandler()，它也接受相同的参数。这个方法的职责
2020-07-04 20:35:03
209
原创 JavaScript知识系列1
1，把 JavaScript 插入到 HTML 页面中要使用<script>元素。使用这个元素可以把 JavaScript 嵌入到 HTML 页面中，让脚本与标记混合在一起；也可以包含外部的 JavaScript 文件。而我们需要注意的地方有： 在包含外部 JavaScript 文件时，必须将 src 属性设置为指向相应文件的 URL。而这个文件既可 以是与包含它的页面位于同一个服务器上的文件，也可以是其他任何域中的文件。 所有<script>元素都会按照它们在页
2020-07-04 10:21:28
137
原创 Mac下node和npm安装及环境配置
一，官网下载地址：http://nodejs.cn/download/二，安装双击安装包，一直下一步，直到最后一步，记住你的安装路劲，一会环境配置需要。三，环境配置打开命令行工具：输入：node -v输入：npm -v现在的新版本安装后基本上不用配置了...
2020-06-07 12:55:38
6598
原创 小程序绘图分享图片
微信小程序上canvas绘制图片助手，一个json就制作分享朋友圈图片开发小程序之前都是自己用canvas绘制分享图，遇到各种适配问题，经常更改设计让我难受了很久，最近在GitHub上看到了一个不错的处理方式，在此帮忙推荐一下，同时自己做一个技术备份。...
2020-06-07 11:44:57
370
Android瀑布流实例，类似加载相册
2013-06-18
各类进度条（pregressBar）合集
2013-07-05
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人