首页
学习
活动
专区
工具
TVP
发布

大宇笔记

专栏作者
338
文章
539276
阅读量
34
订阅数
iOS呼吸动画
-(CABasicAnimation *) AlphaLight:(float)time
星宇大前端
2022-12-22
6230
canvas 系列学习笔记三《样式和颜色》
通过上下文可以设置strokeStyle (线条颜色) 和 fillStyle (填充颜色)。 设置完之后画线和填充就是设置的颜色。
星宇大前端
2022-09-28
5270
Unknown at rule @tailwindcss(unknownAtRules)
使用nextjjs 集成tailwind之后,在global.css 添加tailwind 组件vscode提示警告。
星宇大前端
2022-09-07
1.4K0
canvas 系列学习笔记一《基础》
前端日常图形借助div 等标签组装 + css 样式就满足日常工作需要,对于动画css 和 一些第三方js 库 提供的案例也可以完成。那么为什么要学canvas ?
星宇大前端
2022-06-05
7400
Quartz 2D
Quartz 2D 是iOS 和Mac OS X中的二维绘图引擎。我们可以利用Quartz 2D API画出想要的图形效果。如:路径图,画与透明度,阴影,阴影,透明层,颜色管理,反锯齿的渲染,生成PDF文档和PDF文件元数据的访问。
星宇大前端
2022-06-02
4280
CALayer
Layers 通常被用于去提供views的后备存储. A layer’s 的主要工作是管理您提供的视觉内容,但layer’s本身视觉属性可以设置,如背景颜色,边境,和阴影。除了管理视觉内容,该层还维护其内容的几何信息(比如它的位置、大小和变换),用于在屏幕上显示这些内容。修改layer的属性决定着你怎么样在layer几何内容上启动动画。对象封装一层一层的持续时间和节奏及其动画采用CAMediaTiming协议,它定义了层的计时信息。
星宇大前端
2022-06-02
2890
最常见的 20 个 jQuery 面试问题及答案
  JavaScript 是客户端脚本的标准语言,而 jQuery 使得编写 JavaScript 更加简单。你可以只用写几行的jQuery 代码就能实现更多的东西. 它是最长被用到的 JavaScript 库之一,并且现在已经很少有不用jQuery 而使用原生 JavaScript 的新项目了。这对于作为一个 Java web 开发者的你而言意味着你会在一场Java web开发面试中发现许多jQuery的面试问题.
星宇大前端
2022-05-06
13.6K0
antd table 设置固定高度
我再使用antd 的table ,现在有个弹窗,弹框里有列表table,发现设置完是这个样子。
星宇大前端
2022-03-09
3.9K0
webpack5打包一个TS 库并发布到npm 一条龙实战教程(附模板代码)
安装webpack 和 webpack-cli 到项目开发依赖,这里我选择的版本是最新版本。
星宇大前端
2022-03-09
2K0
threejs地球、星空、世界轮廓绘制、飞线、坐标涟漪 、旋转动画(上篇)
github仓库地址:https://github.com/RainManGO/3d-earth
星宇大前端
2022-03-09
8.7K0
umijs 框架加载mp4视频背景
1、放到public 文件家里 2、vedio 标签加载src 直接下./ 在root 目录加载即可
星宇大前端
2021-12-10
1.2K0
《webpack5 实战二》之css打包
webpack默认只支持打包json和js,打包css需要使用loader进行处理。
星宇大前端
2021-04-12
9520
《vue3+ts+element-plus 后台管理系统系列六》之样式和icon
项目css 使用sass进行开发,关于icon图标则使用阿里的iconfont symbol引用的方式。
星宇大前端
2021-03-02
2.1K0
在Typescript & Javascript 中使用Sass变量
可以直接使用import styles from 'yourFileName.scss';
星宇大前端
2021-02-22
3K0
《vue3+TS+element-plus 后端管理系统系列》之响应式设计
不管是ant-design 还是element,UI组件库 在layout都会有栅格系统。基本上都是基于Bootstrap 的响应式设计。
星宇大前端
2021-02-04
3.5K0
Swift 超简单的验证框架ValidateSwift
详细例子可以运行示例程序查看,克隆这个仓库,在Example文件夹下执行pod install
星宇大前端
2019-05-07
7960
Core Animation实战一(认识图层CALayer)
本文主要是苹果官网文档Core Animation例子的总结学习,主要是实战代码,不过多BB概念,几年的学习经验总结出,通过代码分析概念对我来说更有兴趣,更好吸收。
星宇大前端
2019-01-15
4100
React Native flexBox布局(一)
    布局想必大家都知道,在iOS 中我们使用代码计算屏幕宽高布局,使用Autoresizing和AutoLayout进行布局。在web中的布局一般都是依靠CSS的盒子模型,09年W3C提出了一种新的布局方案,Flex布局。ReactNative就是选用了这种布局方式。下面我们来看下FlexBox布局吧。
星宇大前端
2019-01-15
9720
CSS渐变背景
.member-top { -webkit-animation:changeBg 20s infinite; -moz-animation:changeBg 20s infinite; animation:changeBg 20s infinite;background-color:#ED5564; background-image: url(member_top_bg.png); background-size: cover;  text-align: center; width: 100%; height: 11rem; position: relative; z-index: 1;} @-webkit-keyframes changeBg{ 0%{background-color:#ED5564;} 10%{background-color:#FB6E52;} 20%{background-color:#FFCE55;} 30%{background-color:#A0D468;} 40%{background-color:#48CFAE;} 50%{background-color:#4FC0E8;} 60%{background-color:#5D9CEC;} 70%{background-color:#AC92ED;} 80%{background-color:#EC87BF;} 90%{background-color:#ED5564;} } @-moz-keyframes changeBg{ 0%{background-color:#ED5564;} 10%{background-color:#FB6E52;} 20%{background-color:#FFCE55;} 30%{background-color:#A0D468;} 40%{background-color:#48CFAE;} 50%{background-color:#4FC0E8;} 60%{background-color:#5D9CEC;} 70%{background-color:#AC92ED;} 80%{background-color:#EC87BF;} 90%{background-color:#ED5564;} } @keyframes changeBg{ 0%{background-color:#ED5564;} 10%{background-color:#FB6E52;} 20%{background-color:#FFCE55;} 30%{background-color:#A0D468;} 40%{background-color:#48CFAE;} 50%{background-color:#4FC0E8;} 60%{background-color:#5D9CEC;} 70%{background-color:#AC92ED;} 80%{background-color:#EC87BF;} 90%{background-color:#ED5564;} }
星宇大前端
2019-01-15
2K0
没有更多了
社区活动
腾讯技术创作狂欢月
“码”上创作 21 天,分 10000 元奖品池!
Python精品学习库
代码在线跑,知识轻松学
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档