金三银四即将到来,你是否已准备好找工作?机会永远属于有准备的人。专业技能的复习和梳理是少不了的;个人简历当然也是必不可少的,一份精美的简历能让你大大增加面试机会。
2024年10月30日
金三银四即将到来,你是否已准备好找工作?机会永远属于有准备的人。专业技能的复习和梳理是少不了的;个人简历当然也是必不可少的,一份精美的简历能让你大大增加面试机会。
2024年10月30日
什么是黑链?什么是黑帽?什么是明链?黑链有哪几种表示方式!怎样预防黑链?
首先我们说下黑链定义:
黑链是SEO黑帽手法中相当普遍的一种手段,笼统地说,它就是指一些人用非正常的手段获取的其它网站的反向链接,最常见的黑链就是通过各种网站程序漏洞获取搜索引擎权重或者PR较高的网站的WEBSHELL,进而在被黑网站上链接自己的网站。
2024年10月30日
一直想把B站作为视频托管的地方,服务器的磁盘和带宽毕竟有限,个人博客来说不太适合放太多的视频。所以就想把B站作为托管视频的地方,B站也有网页的内嵌代码,但是放到自己的网站上很难看,不能自适应界面大小,而且不支持高清播放,默认360p,一旦更改便会跳转至B站,这明显不是我们想要的。
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>