随笔分类 - 各种demo
摘要:一、前言 git在如日中天的版本管理系统,现在如果不是工作在git版本管理系统下,几乎都不好意思给人打招呼。现在就有现成的互联网的git服务器提供给大家使用,例如号称程序的社交网络github。 正好gitlab公司提供了gitlab社区版,gitlab安装方式又很多安装方式,最方便的使用docke
阅读全文
摘要:轮播,无论是文字轮播还是图片轮播,他们的原理是一样的,都是通过定时器执行循环展示和影藏。 一、手动轮播 (1)原理 一系列的大小相等的图片平铺,利用CSS布局只显示一张图片,其余隐藏。通过计算偏移量利用定时器实现自动播放,或通过手动点击事件切换图片。 (2)实现 如何利用css实现布局显示一张图片?
阅读全文
摘要:首先复习一下animation动画添加各种参数 (1)infinite参数,表示动画将无限循环。在速度曲线和播放次数之间还可以插入一个时间参数,用以设置动画延迟的时间。如希望使图标在1秒钟后再开始旋转,并旋转两次,代码如下 (2)alternate参数。animation动画中加入反向播放参数alt
阅读全文
摘要:开发中,视觉要你实现一个元素的旋转问题,比如说如下图所示: 思路:首先动画动效肯定离不开anmimation动画。 和transition动画一样,animation动画也是CSS3动画的一种,这类动画可以理解为是一种关键帧动画,它可以预先为动画设置多个节点,在每个节点中含有不同的状态属性,通过使用
阅读全文
摘要:一、window.open如何进行hack 网上看的办法很多,归根接地还是不能解决掉,只有通过a标签的target属性
阅读全文
摘要:一、url解析参数 在路由中写入,同一个控制器,同一个页面模板,可以写多个路由,不同的路由对应相同的页面,只是在这种传参数的状态下的特定页面。 在模板里,再跳转的ui-sref里的写的是state的状态,增加target,新开页。 PS:1、ng-class是针对于后端返回的数值,如果数值为0,不可
阅读全文
摘要:一、数组结构的数据,前端处理成叶子节点数据 比如说项目中遇到的一级类目,二级类目,三级类目 只有选择一级类目之后,才可以选择二级类目,选择了二级类目,才可以选择三级类目。当上一级类目选择变了,他下面的各级类目会被清空,没有选择中。 1、模板文件 2、控制器 PS:使用的watch监听是否被选中。 P
阅读全文
摘要:各种样式的css实现 1、优惠券样式的实现; 2、热区的实现; 在电商平台上总会发出各种券,需要对应到不同的产品,对应到不同的服务。而使用券可以使用UED的设计稿里的照片,但是本来一次性的加载过多的照片,浏览器的负载很大,容易出现一个问题:浏览器内存泄露。最初在谷歌浏览器同时加载1000以上的照片会
阅读全文
摘要:1.给div设置定位。 复习一下—— css中position有五种属性: static:默认值,没有定位 absolute:绝对定位,相对于父级元素进行定位 relative:相对定位 fixed:固定定位,相对于浏览器窗口进行定位 inherit:从父元素继承定位信息 除了默认值static和i
阅读全文
摘要:如何对如何搭建hexo+github可以查看我第一篇入门文章:http://www.cnblogs.com/chengxs/p/7402174.html 详细的可以查看hexo博客的演示:https://saucxs.github.io/ 同时绑定了域名:http://www.chengxinson
阅读全文
摘要:1、百度、谷歌统计配置 百度统计配置 申请账号:https://tongji.baidu.com/web/welcome/login 在代码获取的地方只要填入key即可 注册的时候,填的域名和url,我选的都是https://saucxs.github.io/ 在yilia主题下文件里themes\
阅读全文
摘要:使用的yilia主题之后,还需要进行自己的定制配置 1、图片的位置 比如打赏的支付宝二维码图片,是在当前博客的source/assets/img/下 (不是当前主题) 配置:(在yilia主题下文件里themes\yilia文件夹下的_config.yml) 2、添加文章目录功能 2.1添加css样
阅读全文
摘要:开始更换主题,hexo默认的主题是landscape,可以更换为其他的主题yilia主题 如何对如何搭建hexo+github可以查看我第一篇入门文章:http://www.cnblogs.com/chengxs/p/7402174.html 详细的可以查看hexo博客的演示:https://sau
阅读全文
摘要:各种demo: 1、css实现正方形 思路:width为0;height为0;使用boder-width为正方形的边长的一半,不占任何字节;border-style为固体;border-color为正方形的填充色。 图形 2、css实现三角形 思路:宽度width为0;height为0;border
阅读全文
摘要:watermark插件的github地址:https://github.com/saucxs/watermark 有详细的使用步骤,可以参考,不会用请留言,感觉可以,请给个星星。 sau交流学习社区(首发):https://www.mwcxs.top/page/452.html 一、简单 阿里巴巴内
阅读全文