很多人经常问，淘宝店铺里面如何实现特效？
那我们首先要了解，下面几个问题：
特效是什么？
特效实现的原理
一：特效是什么？
在不同领域说法也不一样，电商店铺里面特效指的是CSS特效。一般特指鼠标经过而实现的一些视觉上的特殊效果。比如鼠标经过图片放大等
二：特效实现的原理？
这个其实很简单，既然是鼠标经过而产生变化，那就类似于动画。
2024年10月30日
很多人经常问，淘宝店铺里面如何实现特效？
那我们首先要了解，下面几个问题：
特效是什么？
特效实现的原理
在不同领域说法也不一样，电商店铺里面特效指的是CSS特效。一般特指鼠标经过而实现的一些视觉上的特殊效果。比如鼠标经过图片放大等
这个其实很简单，既然是鼠标经过而产生变化，那就类似于动画。
2024年10月30日
摘要： WEEX依旧采取传统的web开发技术栈进行开发，同时app在终端的运行体验不输native app。其同时解决了开发效率、发版速度以及用户体验三个核心问题。那么WEEX是如何实现的？目前WEEX已经完全开源，并捐给Apache基金会，我们可以通过分析其源码来一探究竟。
作者：阿里-移动云-大前端团队
传统的移动端开发，一个完整的业务需要维护三份终端代码：Android、iOS、H5，这带来了极大的开发成本以及维护成本。尤其是对处于业务初创期需要快速试错的业务以及需要支持定期运营活动的业务。所以业界也一直在探索跨平台方案，旨在通过一套代码完成各个终端的业务逻辑。相关方案经过不断演化，从早期的H5、Hybrid到如今的Cloud Native(云原生)，在开发效率和用户体验上都在一点点逼近最初的设想。
2024年10月30日
vue中给我们提供了自定义指令，顾名思义允许我们自己去定义一个指令v-xxx。
指令分两种：
1.全局指令 （全局指令就是在所有vue文件中都可以使用）
2024年10月30日
前言：
经常有同志在群里问，为什么PS里面做的明明是透明图，为什么放进淘宝店就是自带白色背景了呢？话不多说，直接上图（注：由于我没有天猫店，所以用的另一个淘宝店的第二套模板演示）
图片可能不清楚，不过没关系，图片只是方便阅读，只要能稍微看清楚点就可以，不影响内容
如上图所示，这时候有吃瓜群众表示不理解了。天不怪地不怪淘宝最怪。明明PS里面做的是透明的图片，咋放店铺里面就会有白底呢？
2024年10月30日
作为一个前端搬砖工，是否把80%的时间花在了活动专题页面的编码上？在电商行业，每一个节日前都是前端搬砖工的加班时间周期，甚至上线前一秒还能收到领导或运营发来修改文案和图片的邮件。
本文将介绍一个移动端专题活动页面制作平台的搭建思路。
没错，你看到的就是把你当兄弟的某东的一个活动主场页，现在你可以去把各大电商平台的活动页面浏览一遍，不难看出以下共同点：
2024年10月30日
大学生就可以看懂的css基础实战系列，pre标签里是笔记总结，动手实际操作一下会加强理解。有疑问留言交流哦。
可能比较枯燥，但是再坚持一下，前端知识的大门就会大开了。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
/**.div1里面内容居中,img也是.div1的内容,所以图片居中生效,但是这种写法,所有内容都居中**/
.div1 {
text-align: center;
}
/**意思:.div里面img元素里面的内容居中,图片本身没有"内容" 所以这里无效**/
.div1 img {
text-align: center;
}
/**上面的居中,是要找到父组件,设置内容居中**/
.div2 {
}
/**通过使用组件的外边距原理,不需要特意找父组件,实现子组件独立设置样式进行居中
使用外边距居中,首先吧组件显示方式改为块级元素:这个组件独占一行后,margin:auto,实现自动相对父组件进行外边距居中.
**/
.div2 .img2 {
display: block;
margin: 20px auto;
}
.imgcenter {
display: block;
margin: 20px auto;
}
.div2 .ul1 {
border: #f6e415 5px solid;
display: block;
margin: 20px auto;
/**有文本就需要用text-align**/
text-align: center;
list-style-type: none;
}
</style>
</head>
<body>
<div class="div1">
<img src="pics/logocss.gif">
</div>
<div style="width: 500px;border: aquamarine 5px solid;">
<img class="imgcenter" src="pics/logocss.gif">
</div>
<div class="div2">
<img class="img2" src="pics/logocss.gif">
</div>
<div class="div2">
<ul class="ul1">
<li>a</li>
<li>b</li>
<li>c</li>
</ul>
</div>
</body>
</html>
2024年10月30日
1、GOVIEW
GoView 是一个使用 Vue3 搭建的低代码数据可视化开发平台，将图表或页面元素封装为基础组件，无需编写代码即可完成业务需求。它的技术栈为：Vue3 + TypeScript4 + Vite2 + NaiveUI + ECharts5 + Axios + Pinia2 + PlopJS。
2024年10月30日
熟悉熊猫的小伙伴都知道，熊猫一直使用markdown进行创作，这一语法不仅方便排版，也能让我更好的专注于创作。而在工具的选择上，我一直使用的是obsidian进行创作，这是一款功能全面的本地markdown编辑器，软件本身拥有很多不错的功能，但因为其本地的属性，所以多少还是有一些不方便，所以这里我需要将它接入到我的NAS，实现数据同步。同时，我还需要利用它的插件功能实现更多帮助我创作的能力。