canvas-nest.js 这个js文件可以用来实现炫酷的线条与鼠标进行交互的功能,具体效果如图所示 js具体源码如下: /** * Copyright (c) 2016 hustcc * License: MIT * Version: %%GULP_INJECT_VERSION%% * GitHub: https://github.com/hustcc/canvas-nest.js **/ ! function() { //封装方法,压缩之后减少文件大小 function get_attri…
目录 背景介绍 canvas简介 代码实现 难点讲解 圆角矩形裁剪失败之PS的妙用 编码不要过硬 对过长的文字进行截取 真机首次生成时字体不对 drawImage只能使用本地图片 背景介绍 目标:利用canvas画布生成社团活动的海报图片,便于社团活动宣传以及对小程序的推广. 场景:用户A觉得某个社团的活动很不错,因此点击"分享"按钮,生成一个该活动的海报图片,接着,用户A把该图片发到某个群或者朋友圈进行传播,用户B看到该图片后对这个活动蛮感兴趣,通过长按识别图片中的小程序码,能够进入…
Android精选源码 Android一个有趣的Android动画交互设计 android可伸缩日历效果源码 关于界面,全新的卡片风格,支持夜晚模式 Android 用 Kotlin 实现的基于物理的动画 Android-自定义应用选择器源码 使用 Kotlin 实现的一个 Dribbble 客户端 android画矩形,圆,箭头,铅笔,擦除功能 Android 展开型布局菜单效果 Kotlin 实现的 View to View 动画效果库 改造 Android 官方架构组件 ViewModel…
首先,放上慕课网的课程链接,源码是在这个课程里分享出来的,https://www.imooc.com/learn/386. 文章适合学习过这个课程的同学,再看这篇文章,可能有更深入的理解.主要是对各种this,$(this),self等的指代,这里只对js文件进行了注释,需要其它css文件以及html文件的,请到官网下载 最先看得部分应该是Carousel.init的方法,然后再从上往下看 ;(function($){ var Carousel = function(poster){ //con…
开发环境同to do list 1:首页:localhost/pd/ 2:导航栏测试或者生活点入: 测试:localhost/category/?cid=1 3:点击文章后进入文章显示页面 e.g:进入文章7:localhost/article/?id=7 4:右侧边栏文章分档界面; e.g:2015,10归档:localhost/archive/?year=2015&month=10 5:浏览排行与评论排行等只是点击跳转到相应文章页面就是了. 各个页面做了展示主要目的是列出对应的URL传递,好…
JQ.JS相关小知识 任意元素自动点击 $(".editicon").trigger('click') 添加子元素 append() - 在被选元素的结尾插入内容 prepend() - 在被选元素的开头插入内容 after() - 在被选元素之后插入内容 before() - 在被选元素之前插入内容 删除.清空子元素 $(".p").empty(); //不会删除自己 //删除内部所有子节点 $(".p").remove(); //会删除自己…
/*** * HemisphereLight类 是在场景中创建半球光,就是天光效果,经常用在室外,将各个位置的物体都照亮,室内的光线大多是方向性的, * 无论是窗口还是灯槽,用平面光很方便,室外用平面光太麻烦了.HemisphereLight对象的功能函数采用定义构造的函数原型对象来实现. * TODO: HemisphereLight类型灯光在这个版本内还没有实现阴影. * Example: * var light = new THREE.HemisphereLight(0x003388,0x…
前言 cesium 官网的api文档介绍地址cesium官网api,里面详细的介绍 cesium 各个类的介绍,还有就是在线例子:cesium 官网在线例子,这个也是学习 cesium 的好素材. 内容概览 1.基于cesium 实现三维漫游飞行效果2.源代码 demo 下载 本篇实现 cesium 三维漫游飞行效果,效果图如下: 实现的思路 初始化函数 Init:function(cesium,drawHelper){ this.cesium = cesium; //cesium对象 this…
function _bxmPlatformFn(e, t) { var n, o, i = ""; try { i = localStorage.getItem("listenId") } catch (e) { i = getCookie("listenId") } "function" == typeof e ? (n = getQueryString("bxm_id") || i, o = e) :…
阅读本博文前请参考:Bootstrap 实战之响应式个人博客 (一) 一.博客 1.结构 整体博客详情页的结构共包括四部分: 导航栏 博客主体内容 右侧栏:全局搜索框,广告位,推荐阅读 页尾 其中导航栏,右侧栏,页尾都是可以复用博客列表页(index.html)的元素以及样式表的,需要补充的只有博客主体内容了,所有工作量大大减少了. 2.简介 博客主页应该有一个对博客主体内容的简介,还有直观的就是技术标签,比如Java,Python或者Bootstrap这些技术相关,可以用一个醒目的lable元…
很久以前,看着csdn博客学习第一篇博客时,我依旧记得,是一个名叫蒋老夫子的博客专家,文章写的非常认真.内心很崇拜.在想,若干年后,在哪个地方?以什么样的一种状态,也得到此殊荣,华为有句口号,叫勇敢做自己. 上午收到csdn站点信息,随即去首页看,博客专家被点亮,内心还是有种喜悦,起码是我得到了认可: 很多人感慨在这个信息爆炸的时代,很多文章,很多信息,都是在忽悠,本身文章质量并不高,也没有太认真的在想干好一件事,却在到处传播.是的.这不可否认,所以要学会辨别那些确实是认真的在写自己的文章的,那…
前言 最近在一些博主的博客上看到一些小宠物的挂件,很有趣,访客到了网站后可以耍耍小宠物,增加网站的趣味性,在功能强大的博客系统上看到有这样的小宠物挂件还是蛮有趣的. 正文 下面就简单介绍下如何在博客园的博客中添加这些可爱的flash动物插件. 1.由于这些可爱的 flash 小宠物来自一个国外大神的网站,名字叫 aBowman,所以我们就要找到aBowman 的网站:http://abowman.com/google-modules/ 在这里你可以看到许多由作者已经做好的 flash 小游戏了.…
通过Spring的MethodInvokingFactoryBean类实现的调用configure方法,此方法返回调用该方法的本身实例. 配置完毕后,可以在spring mvc的消息处理器中使用,为了同时可以注入其实受spring管理的类,以前配置放在全局的spring文件applicationContext文件中 <bean id="jacksonObjectMapper" class="org.springframework.beans.factory.config…
主要: 整理框架 建库建表 配置文件类 错误日志记录 --------------本篇后文件结构:-------------------------------------- blog ├─App │ ├─Model 模型目录 │ ├─View 视图目录 │ │ ├─Admin后台目录 │ │ └─Home前台目录 │ ├─Common 配置目录 │ │ └─config.php 配置文件 │ ├─Log 日志目录 │ │ └─log.txt 日志文件 │ ├─Controller 控制器 │…
最近在一些博主的博客上看到一些小宠物的挂件,很有趣,访客到了网站后可以耍耍小宠物,增加网站的趣味性,在功能强大的博客系统上看到有这样的小宠物挂件还是蛮有趣的. 多次差找资料后,终于在http://www.04ie.com/soft/620.html网页上找到了相似的内容. 下面就简单介绍下如何在博客园的博客中添加这些可爱的flash动物插件. 1.由于这些可爱的 flash 小宠物来自一个国外大神的网站,名字叫 aBowman,所以我们就要找到 aBowman 的网站:http://abowma…
目录 配置环境 使用模板 配置环境 简介 jekyll是一个简单的免费的,生成静态网页的工具,不需要数据库支持.但是可以配合第三方服务,例如Disqus.最关键的是jekyll可以免费部署在Github上,而且可以绑定自己的域名.jekyll让我们专注于文章本身,而不是html. 提示:[配置环境]主要是为了在本地开发调试,比如当你使用别人的主题并做出了修改,可以立即在本地看到改变后的结果,当你发表博文时也可 以先在本地预览.但[配置环境]并不是必须的,因为Github Pages与jekyll…
子曰:"苟正其身矣,于从政乎何有?不能正其身,如正人何?" <论语>:子路篇 百篇博客系列篇.本篇为: v72.xx 鸿蒙内核源码分析(Shell解析篇) | 应用窥视内核的窗口 进程管理相关篇为: v02.06 鸿蒙内核源码分析(进程管理) | 谁在管理内核资源 v24.03 鸿蒙内核源码分析(进程概念) | 如何更好的理解进程 v45.05 鸿蒙内核源码分析(Fork) | 一次调用 两次返回 v46.05 鸿蒙内核源码分析(特殊进程) | 老鼠生儿会打洞 v47.02…
" MG'Blog " 一个 "开箱即用" 个人博客全栈系统项目! 探索本项目的源码 » 前台预览 · 管理端预览 v1.0.2 小程序预览 v1.0.2 介绍 芒果'个人博客系统,包括前后台完整基础功能,小程序,web前台站点一键置灰,支持移动端适配:管理端常用增·查·改页面代码自动生成即可,sql文件已附上,开箱即用,如果对你有帮助,留个 star 再走呗 项目面向前端学习node.js,mysql等后端基础和小程序学习者 有好的建议欢迎交流学习 1840354…
Markdown版本笔记 我的GitHub首页 我的博客 我的微信 我的邮箱 MyAndroidBlogs baiqiantao baiqiantao bqt20094 baiqiantao@sina.com 目录 目录Hexo博客网站搭建本地环境配置配置 SSH keys发布项目源码结构创建文章布局 layout文件名称 title草稿 draftsFront-matter资源文件夹 asset模版 scaffolds分类和标签命令服务器 server生成文件 generate部署 deplo…
github + jekyll 本地写markdown,然后push到github,就成了博客 其实我一早就知道这两者可以搭建个人博客,因为本人有个很好的习惯——每天都会去看看一些热门文章,了解行业最新动态,所以什么新鲜事儿我都知道点,可能不熟悉而已. 于是今晚就试着弄一下,去百度找了几个文章,结果一注意时间(程序员职业病)都是好几年之前的了,我瞬间就怀疑了时效性,因为技术发展太快了.于是就摸着石头过河,果然踩了几个雷. 雷就不说了,这不重要,重要的是总结一下正确的步骤. 创建github帐号和…
效果: http://lucyhao.com/tags/ hexo自带的tag cloud的标签展现不太美观,想能够展现出“云”效果的标签.在网上找到了d3-cloud这个项目,github地址:https://github.com/jasondavies/d3-cloud demo地址:https://www.jasondavies.com/wordcloud/ hexo生成的是静态博客,所以最后在网上看到的都是静态的内容,也就是说,我们的看到的标签云也是静态的已经生成好的内容,并不会随着刷新…
博客系统折腾了好久,使用过Wordpress,Ghost,Typecho,其中Typecho是我使用起来最舒心的一种,Markdown编辑+轻量化设计,功能不多不少刚好,着实让我这种强迫症患者舒服了好久.但是有那么一天,我的主机空间和Typecho突然冲突了,求助了好久也没有得到解决办法,最终不得已开始考虑更换,因为在Typecho上使用的就是移植的NexT主题,于是就对HEXO有了些兴趣,再加上HEXO也是原生的Markdown编辑,最终思量再三后决定就是HEXO了. 下面是我参考了网上的一些…
HI 这篇文章发布后,收到了一些反馈,在不同的阅读媒体上(浏览器,RSS,evernote)等,会有样式兼容问题,特别是之前的代码显示行号的实现方式,使用浮动code块,兼容问题比较严重,所以做了一个更新.如有问题,欢迎反馈. 目的 这篇文章介绍了Sublog作为程序员的博客客户端的优秀特性.之前已经写了一篇如何安装使用的: Sublog: 支持Markdown和语法高亮的跨平台博客客户端,不过真正去试的人没有几个.这个工具相对于网页版或者live writer来说是更加 对程序员友好 的,特别…
1.安装准备软件 Node.js.Git.GitHub DeskTop(前两个必须安装,后者可选) 2.本地搭建hexo框架.配置主题.修改参数.实现本地测试预览 3.链接GitHub.实现在线预览 4.购买域名并解析 (这里告诉大家一个方法,1元购买一个使用期限为一年.cn的域名 仅高校学生可以 ) 5.日后站点的管理和运营 纸上得来终觉浅,要知此事须举行.世上无难事,就怕是懒人.以下以我的博客:blog.shijinrong.cn(shijinrong.cn是我一下行动)在windows下为…
1. 为啥要做这个点赞插件?    praise.js是一款小巧的jQuery点赞插件,使用简便,效果美观. 在做个人博客时遇到了文章点赞问题.联想到各大社交网络中的点赞特效:手势放大.红心放大等等,很酷很炫.但是并没有现成的好用的插件,于是就打算自己做一个类似的点赞插件,放上自己喜欢的点赞图标.PS:小站的图标均来自阿里妈妈旗下的那个iconfont,大家可以去那儿找自己喜欢的图标. 上篇博文介绍了本站的简要情况:去看看? 先来看一下效果图吧:也可直接去博客站 www.zynblog.com体…
原文地址:→传送门 写在前面 在五月出捣腾了一把个人博客,但是刚开始只做了一些基础设置,套路也没摸清,基础安装篇请看hexo从零开始到搭建完整,里面讲到了基础工具的安装及blog项目的文件夹含义,以及RSS添加.域名的绑定等操作,后来想着加点功能,但是奈何我选的主题集成的东西比较少,需要一比一步自己添加,于是摸索了一番...现在真是发现了next主题的好处,不仅持续更新,而且作者已经在主题中集成了各种功能,简直爽歪歪,不过我还是默默的接着摸索吧!下面介绍几种好用的东西. 推荐七牛云 添加百度SE…
基于Hexo搭建博客并部署到Github Pages 之前在简书上写东西,觉得自己还是太浮躁.本来打算用Flask自己写一个,以为是微框架就比较简单,naive.HTML.CSS.JS等都要学啊,我几乎没有这方面的基础,写到Web表单那儿果断弃了,转向简单的Hexo + Github Pages.不过要想搭建博客的同时巩固Python,Flask确实是一个不错的选择. 获取Github Pages 去Github官网注册账号 新建一个repo,注意名称一定是your_username.githu…
大家好,今天我们接着上一节的全栈营销个人博客制作,上一节我们把博客的模板给加载运行起来.今天我们主要讲解后台模板分类的添加,后台导航的添加,及前台导航的动态调用.一个好的博客,导航很重要,导航就像你网站的地图,有导向作用,能引导用户去他想去的地方,再一个好处是对seo优化有很大的好处,所以导航是我们这一节的重点. 一.博客分类添加 Thinkcmf后台添加博客分类很方便,可以添加无限级分类,也可以添加单个分类.我们这里只添加了5个一级博客分类,具体效果如下图. 二.博客导航的添加与管理 Thin…
全网最全的博客美化系列教程相关文章目录 [全网最全的博客美化系列教程]01.添加Github项目链接 [全网最全的博客美化系列教程]02.添加QQ交谈链接 [全网最全的博客美化系列教程]03.给博客添加一只萌萌哒的小仓鼠 [全网最全的博客美化系列教程]04.访客量统计的实现 [全网最全的博客美化系列教程]05.公告栏个性时间显示的实现 [全网最全的博客美化系列教程]06.推荐和反对炫酷样式的实现 [全网最全的博客美化系列教程]07.添加一个分享的按钮吧 [全网最全的博客美化系列教程]08.自定义…
全网最全的博客美化系列教程相关文章目录 [全网最全的博客美化系列教程]01.添加Github项目链接 [全网最全的博客美化系列教程]02.添加QQ交谈链接 [全网最全的博客美化系列教程]03.给博客添加一只萌萌哒的小仓鼠 [全网最全的博客美化系列教程]04.访客量统计的实现 [全网最全的博客美化系列教程]05.公告栏个性时间显示的实现 [全网最全的博客美化系列教程]06.推荐和反对炫酷样式的实现 [全网最全的博客美化系列教程]07.添加一个分享的按钮吧 [全网最全的博客美化系列教程]08.自定义…