会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
saucxs
高桌子,低板凳,都是木头。
文章首发于
sau交流学习社区
【字节跳动内推(长期有效)】chengxinsong@bytedance.com
博客园
首页
新随笔
联系
订阅
管理
上一页
1
2
3
4
5
6
7
8
下一页
2017年12月20日
css3的动画特效--元素旋转(transition,animation)
摘要: 开发中,视觉要你实现一个元素的旋转问题,比如说如下图所示: 思路:首先动画动效肯定离不开anmimation动画。 和transition动画一样,animation动画也是CSS3动画的一种,这类动画可以理解为是一种关键帧动画,它可以预先为动画设置多个节点,在每个节点中含有不同的状态属性,通过使用
阅读全文
posted @ 2017-12-20 08:52 saucxs
阅读(82151)
评论(0)
推荐(1)
2017年12月19日
页面的新开页,window.open的hacker
摘要: 一、window.open如何进行hack 网上看的办法很多,归根接地还是不能解决掉,只有通过a标签的target属性
阅读全文
posted @ 2017-12-19 15:17 saucxs
阅读(549)
评论(0)
推荐(0)
通过路由url携带参数进行参数传递
摘要: 一、url解析参数 在路由中写入,同一个控制器,同一个页面模板,可以写多个路由,不同的路由对应相同的页面,只是在这种传参数的状态下的特定页面。 在模板里,再跳转的ui-sref里的写的是state的状态,增加target,新开页。 PS:1、ng-class是针对于后端返回的数值,如果数值为0,不可
阅读全文
posted @ 2017-12-19 15:14 saucxs
阅读(3955)
评论(0)
推荐(0)
前端实现下拉框联动,数组封装成树形结构实现下拉框联动
摘要: 一、数组结构的数据,前端处理成叶子节点数据 比如说项目中遇到的一级类目,二级类目,三级类目 只有选择一级类目之后,才可以选择二级类目,选择了二级类目,才可以选择三级类目。当上一级类目选择变了,他下面的各级类目会被清空,没有选择中。 1、模板文件 2、控制器 PS:使用的watch监听是否被选中。 P
阅读全文
posted @ 2017-12-19 15:10 saucxs
阅读(2566)
评论(0)
推荐(0)
2017年11月23日
JavaScript数据可视化编程学习(二)Flotr2,雷达图
摘要: 一、雷达图 使用雷达图显示多维数据。 如果你有多维的数据要展示,那么雷达图就是一种非常有效的可视化方法。 由于雷达图不常用,比较陌生,所以向用户解释的时候有一些难度。注意使用雷达图会增加用户认知负担。 当你的数据具备以下特征的时候,雷达图就是一种比较有效的表现形式: (1)没有过多的数据点要显示。6
阅读全文
posted @ 2017-11-23 08:43 saucxs
阅读(2104)
评论(0)
推荐(1)
2017年11月18日
JavaScript数据可视化编程学习(一)Flotr2,包含简单的,柱状图,折线图,饼图,散点图
摘要: 一、基础柱状图 二、基础的折线图 三、基础的饼图 四、基础的散点图 一、基础柱状图 如果你还没有想好你的数据用什么类型的图表来展示你的数据,你应该首先考虑是否可以做成柱状图。柱状图可以表示数据的变化过程或者表示多个数据之间的差异。 1、引入javascrippt 使用flotr2这个JavaScri
阅读全文
posted @ 2017-11-18 16:32 saucxs
阅读(4150)
评论(0)
推荐(0)
2017年10月23日
前端(各种demo)三:优惠券,热区,等模块的实现(css方式)
摘要: 各种样式的css实现 1、优惠券样式的实现; 2、热区的实现; 在电商平台上总会发出各种券,需要对应到不同的产品,对应到不同的服务。而使用券可以使用UED的设计稿里的照片,但是本来一次性的加载过多的照片,浏览器的负载很大,容易出现一个问题:浏览器内存泄露。最初在谷歌浏览器同时加载1000以上的照片会
阅读全文
posted @ 2017-10-23 08:54 saucxs
阅读(7676)
评论(0)
推荐(0)
2017年10月22日
前端(各种demo)二:左侧导航栏的折叠和打开(不使用js)基础版和升级版
摘要: 1.给div设置定位。 复习一下—— css中position有五种属性: static:默认值,没有定位 absolute:绝对定位,相对于父级元素进行定位 relative:相对定位 fixed:固定定位,相对于浏览器窗口进行定位 inherit:从父元素继承定位信息 除了默认值static和i
阅读全文
posted @ 2017-10-22 21:15 saucxs
阅读(6296)
评论(1)
推荐(1)
2017年10月12日
ThinkJS框架入门详细教程(二)新手入门项目
摘要: 一、准备工作 参考前一篇:ThinkJS框架入门详细教程(一)开发环境 安装thinkJS命令 监测是否安装成功 二、创建项目 具体源代码参考:https://github.com/saucxs/thinkJSLearning/tree/master/thinkjsplus 如果觉得不懂,可以提出,
阅读全文
posted @ 2017-10-12 20:04 saucxs
阅读(3017)
评论(0)
推荐(0)
2017年10月11日
手把手教你用npm发布一个包,详细教程
摘要: 我们已经实现了路由的自动化构建,但是我们可以看到,一大串代码怼在里面。当然你也可以说,把它封装在一个JS文件里面,然后使用require('./autoRoute.js')给引入进来,那也行。但是,为什么不把心放大一点呢?比如说,我们把它做成一个npm包! 最初自己做的时候就是这种直接引入封装的JS
阅读全文
posted @ 2017-10-11 17:15 saucxs
阅读(9854)
评论(0)
推荐(0)
2017年9月26日
ThinkJS框架入门详细教程(一)开发环境
摘要: 一、前端标配环境 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
阅读(6393)
评论(0)
推荐(1)
2017年9月10日
github+hexo搭建自己的博客网站(七)注意事项(避免read.me,CNAME文件的覆盖,手动改github page的域名)
摘要: 注意1:怎么避免 .md 文件被解析? Hexo原理就是hexo在执行hexo generate时会在本地先把博客生成的一套静态站点放到public文件夹中,在执行hexo deploy时将其复制到.deploy文件夹中。Github的版本库通常建议同时附上README.md说明文件,但是hexo默
阅读全文
posted @ 2017-09-10 09:38 saucxs
阅读(7634)
评论(0)
推荐(0)
2017年9月9日
github+hexo搭建自己的博客网站(六)进阶配置(搜索引擎收录,优化你的url,添加RSS)
摘要: 一、搜索引擎收录 1、验证网站所有权 登录百度站长平台:http://zhanzhang.baidu.com,只要有百度旗下的账号就可以登录,登录成功之后在站点管理中点击添加网站然后输入你的站点地址,建议输入的网站为www开头的,不要输入github.io的,因为github是不允许百度的spide
阅读全文
posted @ 2017-09-09 10:03 saucxs
阅读(3419)
评论(7)
推荐(0)
2017年9月8日
github+hexo搭建自己的博客网站(五)进阶配置(畅言实现博客的评论)
摘要: 如何对如何搭建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
阅读(1390)
评论(4)
推荐(0)
github+hexo搭建自己的博客网站(四)主题之外的一些基本配置(百度/google统计配置,不蒜子网站访问量显示)
摘要: 1、百度、谷歌统计配置 百度统计配置 申请账号:https://tongji.baidu.com/web/welcome/login 在代码获取的地方只要填入key即可 注册的时候,填的域名和url,我选的都是https://saucxs.github.io/ 在yilia主题下文件里themes\
阅读全文
posted @ 2017-09-08 13:11 saucxs
阅读(2209)
评论(0)
推荐(0)
2017年8月27日
github+hexo搭建自己的博客网站(三)主题之外的一些基本配置(图片位置,文章目录功能)
摘要: 使用的yilia主题之后,还需要进行自己的定制配置 1、图片的位置 比如打赏的支付宝二维码图片,是在当前博客的source/assets/img/下 (不是当前主题) 配置:(在yilia主题下文件里themes\yilia文件夹下的_config.yml) 2、添加文章目录功能 2.1添加css样
阅读全文
posted @ 2017-08-27 00:02 saucxs
阅读(2069)
评论(0)
推荐(0)
2017年8月26日
github+hexo搭建自己的博客网站(二)更换主题yilia
摘要: 开始更换主题,hexo默认的主题是landscape,可以更换为其他的主题yilia主题 如何对如何搭建hexo+github可以查看我第一篇入门文章:http://www.cnblogs.com/chengxs/p/7402174.html 详细的可以查看hexo博客的演示:https://sau
阅读全文
posted @ 2017-08-26 01:01 saucxs
阅读(7201)
评论(0)
推荐(0)
2017年8月25日
github+hexo搭建自己的博客网站(一)基础入门
摘要: github提供的page,hexo提供的静态博客文档,这样可以搭建一个自己的一个博客网站。 使用github pages服务搭建博客的好处有: 一、github相关设置 1、在github上创建一个项目 注意:项目名称必须为自己 github的用户名.github.io 2、代码库的设置 开启gh
阅读全文
posted @ 2017-08-25 22:02 saucxs
阅读(3479)
评论(0)
推荐(1)
2017年8月20日
git入门(4)团队中git保管代码常用操作
摘要: 在团队中协作代码时候,一定要熟练使用以下git命令,不至于把代码库弄乱, PS:一定要提交自己代码(git push)时候,先进行更新本地代码库(git pull),不然提交异常 git常用命令 1·、clone相应项目 git clone ... 举个栗子(只是个栗子) 2、本地新建分支并且切换到
阅读全文
posted @ 2017-08-20 20:29 saucxs
阅读(541)
评论(0)
推荐(0)
2017年8月19日
node的包管理工具:yarn和npm
摘要: yarn是Facebook发布的一款依赖管理工具,它比npm更快、更高效。 NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题。 一、yarn官方网站: 英文官网:https://yarnpkg.com/ 中文网站:http://yarnpkg.cn/zh-Hans
阅读全文
posted @ 2017-08-19 11:34 saucxs
阅读(3193)
评论(0)
推荐(0)
2017年8月16日
angularJS学习(二)
摘要: 1、实现列表 思路: accessCtrl.js 1 let AccessCtrl = function($scope, AlertService, DialogService, BigDataService, AdminBigDataService) { 2 let vm = $scope; 3
阅读全文
posted @ 2017-08-16 08:57 saucxs
阅读(252)
评论(0)
推荐(0)
2017年8月7日
git入门(3)git checkout 和git branch分支的创建和删除
摘要: 在一个项目中,需要多人同时开发,协同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
阅读(2189)
评论(0)
推荐(0)
2017年7月30日
ECMAScript 6 学习(二)async函数
摘要: 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
阅读(974)
评论(0)
推荐(1)
2017年7月26日
前端(各种demo)一:css实现三角形,css实现梯形,pop弹层,css伪类before,after使用,svg使用(持续更新中)
摘要: 各种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
阅读(5401)
评论(2)
推荐(0)
2017年7月22日
ECMAScript 6 学习(一)generator函数
摘要: 1、ES2017标准引入async函数,那么async函数到底是个什么函数呢? async 是一个generator函数的语法糖。 2、那么generator函数到底是什么函数ne? generator函数是ES6提供的一种异步编程解决方案,与传统函数完全不同。 3、如何去理解generator函数
阅读全文
posted @ 2017-07-22 14:57 saucxs
阅读(295)
评论(0)
推荐(0)
上一页
1
2
3
4
5
6
7
8
下一页
公告