Syean的博客 | Syean's Blog

一步步实现微信小程序——仿豆瓣电影

最近不想写论文，就想捣鼓点新东西吧，就边看官方文档，花了3天时间写了一个简单的仿豆瓣电影的微信小程序，给大家分享一下教程吧。源码&效果图源码点击这里，欢迎star 运行方法：下载微信web开发者工具新建项目，项目目录为代码存放目录点击开发者工具中的编译即可在模拟器里看到效果图如下开发环境与项目简介微信提供了一个微信开发者工具，可以完成小程序的 API 和页面......

Posted by syean on 2017-09-03

微信小程序

谈谈HTML5本地存储

这次在写项目的登录认证过程中，碰到了一点小问题，是关于浏览器存储方面的东西，就仔细查了资料，总结一下。浏览器本地存储概述简介 cookie cookie是指某些网站为了辨别用户身份、进行 session 跟踪而储存在用户本地终端上的数据（通常经过加密）。 webStorage webStorage是HTML5中本地存储的解决方案之一，包括sessionStorag和localStora......

Posted by syean on 2017-08-15

html5

阿里巴巴iconfont正确的使用姿势

以前一直用的是fontawesome字体，一直也就用它，觉得还比较齐全，偶尔有需要用到其他图标的时候，就会用阿里巴巴iconfont，在上面选择一个合适的图标下载一个png或者svg格式，如下图，单独引入也就是了。今天好好看了一下，发现以前真的是小看了这个字体库。平时都是一个个下，如果要用一批里面的字体该如何做呢？follow me! 下载进入官网，选择你需要的图标，“添加入库” ......

Posted by syean on 2017-07-27

设计 css

Mock.js初体验——模拟前后端交互

虽然很早之前就已经知道mock，但是从未使用，一般自己构造几个数据也就得了。这次在做项目的时候，想想学学新东西，也是极好的，就用了一下，确实是个非常好上手的好东西呀。直接上实例用法很简单，原理就是你使用ajax请求时，会进行拦截，然后根据你的配置，给你返回构造好的随机数据。啦啦啦，不多说。 1234567891011121314151617181920212223<script ......

Posted by syean on 2017-07-17

javascript

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

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

Posted by syean on 2017-06-27

javascript 可视化

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

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

Posted by syean on 2017-05-19

php

CSS3实现卡片翻转动画效果

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

Posted by syean on 2017-05-10

css

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

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

Posted by syean on 2017-05-08

旅行

UI组件之色彩选择器

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

Posted by syean on 2017-03-28

javascript canvas

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

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

Posted by syean on 2017-03-17

javascript 设计

Syean