摘要: 开发中,视觉要你实现一个元素的旋转问题,比如说如下图所示: 思路:首先动画动效肯定离不开anmimation动画。 和transition动画一样,animation动画也是CSS3动画的一种,这类动画可以理解为是一种关键帧动画,它可以预先为动画设置多个节点,在每个节点中含有不同的状态属性,通过使用 阅读全文
posted @ 2017-12-20 08:52 saucxs 阅读(80707) 评论(0) 推荐(1) 编辑
摘要: 一、window.open如何进行hack 网上看的办法很多,归根接地还是不能解决掉,只有通过a标签的target属性 阅读全文
posted @ 2017-12-19 15:17 saucxs 阅读(536) 评论(0) 推荐(0) 编辑
摘要: 一、url解析参数 在路由中写入,同一个控制器,同一个页面模板,可以写多个路由,不同的路由对应相同的页面,只是在这种传参数的状态下的特定页面。 在模板里,再跳转的ui-sref里的写的是state的状态,增加target,新开页。 PS:1、ng-class是针对于后端返回的数值,如果数值为0,不可 阅读全文
posted @ 2017-12-19 15:14 saucxs 阅读(3927) 评论(0) 推荐(0) 编辑
摘要: 一、数组结构的数据,前端处理成叶子节点数据 比如说项目中遇到的一级类目,二级类目,三级类目 只有选择一级类目之后,才可以选择二级类目,选择了二级类目,才可以选择三级类目。当上一级类目选择变了,他下面的各级类目会被清空,没有选择中。 1、模板文件 2、控制器 PS:使用的watch监听是否被选中。 P 阅读全文
posted @ 2017-12-19 15:10 saucxs 阅读(2531) 评论(0) 推荐(0) 编辑
摘要: 一、雷达图 使用雷达图显示多维数据。 如果你有多维的数据要展示,那么雷达图就是一种非常有效的可视化方法。 由于雷达图不常用,比较陌生,所以向用户解释的时候有一些难度。注意使用雷达图会增加用户认知负担。 当你的数据具备以下特征的时候,雷达图就是一种比较有效的表现形式: (1)没有过多的数据点要显示。6 阅读全文
posted @ 2017-11-23 08:43 saucxs 阅读(2014) 评论(0) 推荐(1) 编辑
摘要: 一、基础柱状图 二、基础的折线图 三、基础的饼图 四、基础的散点图 一、基础柱状图 如果你还没有想好你的数据用什么类型的图表来展示你的数据,你应该首先考虑是否可以做成柱状图。柱状图可以表示数据的变化过程或者表示多个数据之间的差异。 1、引入javascrippt 使用flotr2这个JavaScri 阅读全文
posted @ 2017-11-18 16:32 saucxs 阅读(4000) 评论(0) 推荐(0) 编辑
摘要: 各种样式的css实现 1、优惠券样式的实现; 2、热区的实现; 在电商平台上总会发出各种券,需要对应到不同的产品,对应到不同的服务。而使用券可以使用UED的设计稿里的照片,但是本来一次性的加载过多的照片,浏览器的负载很大,容易出现一个问题:浏览器内存泄露。最初在谷歌浏览器同时加载1000以上的照片会 阅读全文
posted @ 2017-10-23 08:54 saucxs 阅读(7589) 评论(0) 推荐(0) 编辑
摘要: 1.给div设置定位。 复习一下—— css中position有五种属性: static:默认值,没有定位 absolute:绝对定位,相对于父级元素进行定位 relative:相对定位 fixed:固定定位,相对于浏览器窗口进行定位 inherit:从父元素继承定位信息 除了默认值static和i 阅读全文
posted @ 2017-10-22 21:15 saucxs 阅读(6178) 评论(1) 推荐(1) 编辑
摘要: 一、准备工作 参考前一篇:ThinkJS框架入门详细教程(一)开发环境 安装thinkJS命令 监测是否安装成功 二、创建项目 具体源代码参考:https://github.com/saucxs/thinkJSLearning/tree/master/thinkjsplus 如果觉得不懂,可以提出, 阅读全文
posted @ 2017-10-12 20:04 saucxs 阅读(2934) 评论(0) 推荐(0) 编辑
摘要: 我们已经实现了路由的自动化构建,但是我们可以看到,一大串代码怼在里面。当然你也可以说,把它封装在一个JS文件里面,然后使用require('./autoRoute.js')给引入进来,那也行。但是,为什么不把心放大一点呢?比如说,我们把它做成一个npm包! 最初自己做的时候就是这种直接引入封装的JS 阅读全文
posted @ 2017-10-11 17:15 saucxs 阅读(9792) 评论(0) 推荐(0) 编辑
摘要: 一、前端标配环境 1、nodeJS正确安装,可以参考:http://www.cnblogs.com/chengxs/p/6221393.html 2、git正确安装,可以参考:http://www.cnblogs.com/chengxs/p/6244023.html 二、安装ThinkJS命令 安装 阅读全文
posted @ 2017-09-26 15:03 saucxs 阅读(6246) 评论(0) 推荐(1) 编辑
摘要: 注意1:怎么避免 .md 文件被解析? Hexo原理就是hexo在执行hexo generate时会在本地先把博客生成的一套静态站点放到public文件夹中,在执行hexo deploy时将其复制到.deploy文件夹中。Github的版本库通常建议同时附上README.md说明文件,但是hexo默 阅读全文
posted @ 2017-09-10 09:38 saucxs 阅读(7532) 评论(0) 推荐(0) 编辑
摘要: 一、搜索引擎收录 1、验证网站所有权 登录百度站长平台:http://zhanzhang.baidu.com,只要有百度旗下的账号就可以登录,登录成功之后在站点管理中点击添加网站然后输入你的站点地址,建议输入的网站为www开头的,不要输入github.io的,因为github是不允许百度的spide 阅读全文
posted @ 2017-09-09 10:03 saucxs 阅读(3339) 评论(7) 推荐(0) 编辑
摘要: 如何对如何搭建hexo+github可以查看我第一篇入门文章:http://www.cnblogs.com/chengxs/p/7402174.html 详细的可以查看hexo博客的演示:https://saucxs.github.io/ 同时绑定了域名:http://www.chengxinson 阅读全文
posted @ 2017-09-08 14:41 saucxs 阅读(1332) 评论(4) 推荐(0) 编辑
摘要: 1、百度、谷歌统计配置 百度统计配置 申请账号:https://tongji.baidu.com/web/welcome/login 在代码获取的地方只要填入key即可 注册的时候,填的域名和url,我选的都是https://saucxs.github.io/ 在yilia主题下文件里themes\ 阅读全文
posted @ 2017-09-08 13:11 saucxs 阅读(2197) 评论(0) 推荐(0) 编辑
摘要: 使用的yilia主题之后,还需要进行自己的定制配置 1、图片的位置 比如打赏的支付宝二维码图片,是在当前博客的source/assets/img/下 (不是当前主题) 配置:(在yilia主题下文件里themes\yilia文件夹下的_config.yml) 2、添加文章目录功能 2.1添加css样 阅读全文
posted @ 2017-08-27 00:02 saucxs 阅读(2053) 评论(0) 推荐(0) 编辑
摘要: 开始更换主题,hexo默认的主题是landscape,可以更换为其他的主题yilia主题 如何对如何搭建hexo+github可以查看我第一篇入门文章:http://www.cnblogs.com/chengxs/p/7402174.html 详细的可以查看hexo博客的演示:https://sau 阅读全文
posted @ 2017-08-26 01:01 saucxs 阅读(7144) 评论(0) 推荐(0) 编辑
摘要: github提供的page,hexo提供的静态博客文档,这样可以搭建一个自己的一个博客网站。 使用github pages服务搭建博客的好处有: 一、github相关设置 1、在github上创建一个项目 注意:项目名称必须为自己 github的用户名.github.io 2、代码库的设置 开启gh 阅读全文
posted @ 2017-08-25 22:02 saucxs 阅读(3438) 评论(0) 推荐(1) 编辑
摘要: 在团队中协作代码时候,一定要熟练使用以下git命令,不至于把代码库弄乱, PS:一定要提交自己代码(git push)时候,先进行更新本地代码库(git pull),不然提交异常 git常用命令 1·、clone相应项目 git clone ... 举个栗子(只是个栗子) 2、本地新建分支并且切换到 阅读全文
posted @ 2017-08-20 20:29 saucxs 阅读(530) 评论(0) 推荐(0) 编辑
摘要: yarn是Facebook发布的一款依赖管理工具,它比npm更快、更高效。 NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题。 一、yarn官方网站: 英文官网:https://yarnpkg.com/ 中文网站:http://yarnpkg.cn/zh-Hans 阅读全文
posted @ 2017-08-19 11:34 saucxs 阅读(3162) 评论(0) 推荐(0) 编辑
摘要: 1、实现列表 思路: accessCtrl.js 1 let AccessCtrl = function($scope, AlertService, DialogService, BigDataService, AdminBigDataService) { 2 let vm = $scope; 3 阅读全文
posted @ 2017-08-16 08:57 saucxs 阅读(248) 评论(0) 推荐(0) 编辑
摘要: 在一个项目中,需要多人同时开发,协同coding 要求: 开发时请用开发分支daily/0.0.1, 禁止直接使用master分支开发新建分支 git checkout -b daily/0.0.1 1、git clone下git下的项目 git clone项目,这个不需要讲 2、cd 项目 也不需 阅读全文
posted @ 2017-08-07 11:18 saucxs 阅读(2152) 评论(0) 推荐(0) 编辑
摘要: 1、什么是async函数 2、用法 2.1基本用法 3、语法 3.1返回promise对象 3.2promise状态的变化 3.3await命令 1、什么是async函数 async函数也是异步编程的解决方案。 async函数是对是对generator函数进行了改进。 后边的gen函数,写成asyn 阅读全文
posted @ 2017-07-30 11:29 saucxs 阅读(964) 评论(0) 推荐(1) 编辑
摘要: 各种demo: 1、css实现正方形 思路:width为0;height为0;使用boder-width为正方形的边长的一半,不占任何字节;border-style为固体;border-color为正方形的填充色。 图形 2、css实现三角形 思路:宽度width为0;height为0;border 阅读全文
posted @ 2017-07-26 23:59 saucxs 阅读(5311) 评论(2) 推荐(0) 编辑
摘要: 1、ES2017标准引入async函数,那么async函数到底是个什么函数呢? async 是一个generator函数的语法糖。 2、那么generator函数到底是什么函数ne? generator函数是ES6提供的一种异步编程解决方案,与传统函数完全不同。 3、如何去理解generator函数 阅读全文
posted @ 2017-07-22 14:57 saucxs 阅读(284) 评论(0) 推荐(0) 编辑