03 2021 档案
摘要:浏览器调接口报GET https://139.9.142.131/api/na/user-rights net::ERR_CERT_AUTHORITY_INVALID 是请求的HTTPS接口未设置证书导致的。 ##解决办法 将接口在浏览器网址上输入,会弹出如图示的界面 点开“高级”->“继续前往”即
阅读全文
摘要:#两个标签绘制立体感按钮 效果如图 ! UI思路:两个圆加开关标志需要四个元素,把伪元素计算在内只要两个标签即可实现。 交互思路:利用内圆阴影或者另一个伪元素绘开关按压效果。 源码如下 <!doctype html> <html> <head> <title>naApp</title> <style
阅读全文
摘要:#Jquery的Ajax简易优化思路 如今的前端领域各类轻量组件、代码库非常丰富,小伙伴们基本不会再用原生JS或者JQ进行业务交付。我偶然一次机会,做一个手机端H5应用的Demo,因为从未有过移动端开发经验,并且时间也算充裕,索性利用JQ开发一套UI库、函数库去完成Demo开发,顺带回顾一下原生知识
阅读全文
摘要:#两个标签实现灯泡 ##关键思路 UI思路:将灯泡拆解成两部分,头部一个大圆形表示玻壳;底部矩形设置半边圆角表示金属壳;另外高光和过渡段可以用::before/::after绘制。 交互思路:关闭状态玻壳透明,阴影内置勾勒出轮廓;开启状态玻壳背景设置为白色,阴影外置形成白光扩散效果。当然可以设置亮度
阅读全文
摘要:#普通开关按钮 UI效果:将元素设置为背景,再利用元素的::before/::after绘制为开关触点。 交互思路:为元素添加状态样式,更迭背景色以及触点偏移值实现开关转换。当然可以额外添加一个checkbox元素,利用[checked]属性充当状态样式可以省去一些事件监听上的工作 <style>
阅读全文

浙公网安备 33010602011771号