Syean

记录,分享,回忆

d3树图(tree)的变形:拥有多个父节点的子节点

最近,有需要实现一种图,如下所示,很类似d3中的树图,但是子节点可以有多个父节点,查了一些资料,没有特别好的方式,最后自己根据需要还是实现了,分享一下自己的方法。 一开始,找资料时,很多人说到如果一个子节点拥有多个父节点时,那么就不算是树图了,建议使用力导向图,当然,直接使用力导向图是很方便的,然而要实现上图的效果,还需要整位置关系、连线方式,想想都感觉很麻烦呀,所以最后还是在树图的基础上稍......

PHP CodeIgniter分页实例及多条件查询解决方案

前言最近在用CI框架的时候,用了CI的分页类,以前是用前端整分页,这次干脆用用框架自带的,自己这个健忘的脑袋,还是记录一下吧。 因为页面中有条件筛选的表单,所以想要完成的效果就是,输入条件后,分页跳转之后能维持所输入的条件。想了一下,自己的思路如下代码吧。 controller 代码123456789101112131415161718192021222324252627class......
php

CSS3实现卡片翻转动画效果

前言今天写项目的时候,想要实现卡片翻转的这样的一个效果,学习了一下,做个小笔记吧。 还是先放效果图,或者点击这里查看效果 实现html1234<div class="box"> <div class="card front"></div> <div class="card back"></div></div> css1......
css

解锁新技能——入门剪辑,四姑娘山

五一和小伙伴去了四姑娘山,最近摄影有点腻,想学学剪辑,在路上拍了很多小段视频,利用周末的时间,学习了一下PR,剪了一段视频,嘻嘻。 ...

UI组件之色彩选择器

前言今天来讲一下如何用javascript写一个色彩选择器。上一篇写到用JS实现RGB,HSL,HSV之间的相互转换,而那一篇写的代码呢,就是为写这个色彩选择器而准备的。先放上效果图,代码是基于jquery的,所以要引用上哟。 或者戳这里看效果,源码在这里 功能需求 可以通过点击左侧色彩区域选择色彩,在右侧的输入框中会显示对应的色值,包括RGB,HSL和HSV的值 可以通过调节右侧输入框的......

JS实现RGB,HSL,HSB相互转换

前言最近呢,在写色彩选择器小插件的时候需要用到RGB,HSL,HSB相互转换的一些东西,就想着好好整理一下这方面的内容,顺便用js实现一下三者之间的转换,通过对色彩转换的学习,对平时整整ps,摄影也是有一定的基础帮助的,恩! 色彩模型关于色彩模型的相关知识,主要是整理了别人的分享主要参考了色彩模型介绍和HSL,HSV维基百科上的内容,这里简单做下整理 RGB模型RGB模型也称为加色法混色模型......

自定义右键菜单

前言  分享一下今天下午做的一个小东西,就是自定义右键菜单了,代码呢,写的比较粗糙,但是大致完成了需求,恩,其实师姐也分享过,但是呢,自己动手之后才更掌握的更好。 实现的效果如下或者点击这里 contextmenu法1234567891011<div contextmenu="mymenu" > <div class="context"&g......

有趣的鼠标悬浮模糊效果

前言最近一段时间,如果没啥事就会做一点百度前端学院2017的小任务,昨天呢,就做了一个有趣的鼠标悬浮模糊效果的一个东西,用到了一些css3的东西,做一下笔记与总结吧。效果图如下 或者点击这里 效果描述 实现文字的流光渐变动画 背景图需要进行模糊处理 实现按钮边框的从中间到两边扩展开 关键属性文字流光渐变动画在实现文字的流光渐变动画中,需要用到 -webkit-background-cli......
css

php中密码HASH的方案——Password Hashing

前言以前在写php的身份验证的时候,一般采用md5,对密码hash一下,偶尔也会加个salt,但是目前来说md5,sha1都已经不算安全,今天再写某项目的身份验证时,打算好好看看php的密码hash方案,发现了password_hash这个东西,认真的看了一下其中一些东西,做下总结。 Password Hashing在php5.5中,增加了一种新的加密方式,那就是Password Hashi......

CSS3实现进度条的两个姿势

写在前面好久没更新博客啦,好像从没有在博客里分享CSS的一些东西,今天就分享两个用CSS3实现进度条的姿势。 效果图如下: 第一个姿势先上代码 123<div id="progress"> <span></span></div> 123456789101112131415161718192021222......
css