一半设计一半前端

2023年

• 07月
  • 30日:前端开发的模块化发展和ES6模块化标准
  • 28日:Vue版本的todos本地任务清单！
  • 22日:用ES6写了一个todos，本地任务清单！
  • 20日:JavaScript(ES6)的常用特性！(下)
  • 18日: JavaScript(ES6)的常用特性！(上)
  • 16日:对象属性的访问、遍历、getter和setter等高级特性！
  • 15日:用原型重写数组迭代方法(下)
  • 13日:用原型重写数组基础方法(上)
  • 12日:H5 Audio API+jQuery+ajax实现一个迷你播放器！
  • 12日:函数中的this对象的四种绑定规则和优先级！
  • 10日:利用lottery.js和anime.js实现一个抽奖小转盘
  • 10日:函数作为对象的属性和方法(call、apply、bind)
  • 09日:吞下作用域和闭包，感觉世界都清晰了！
  • 08日:jQuery+localStorage实现本地任务清单
  • 08日:HTML5新增的拖拽上传API
  • 07日:点击空白处隐藏某个元素最好的方法不是阻止冒泡
  • 06日:transform中的3D变化，你的眼睛真好骗！
  • 06日:3D正方体转圈圈，有点催眠！
  • 05日:HTML5拖拽API实现本地拖拽或点击选择多张图片显示缩略图
  • 04日:利用正则验证表单登录数据合法性
  • 02日:商城购物车ES6原生js实现零漏洞
  • 01日:原生js实现放大镜效果
  • 01日:克隆节点实现无缝幻灯片的滑动
• 06月
  • 14日:仿优设网站的幻灯片
  • 10日:PC端的鼠标经过样式在移动端如何去掉？
  • 09日:强迫flex实现二维布局并且每行个数不一样的痛苦！
  • 08日:flex布局中的order属性最适合的应用场景
  • 07日:移动端适配最好的方案
  • 06日:flex布局下单行和多行文本省略号的问题
  • 05日:05-HTML4+CSS2快速复习视频对应资料下载
  • 03日:04-原画猫企业官网项目视频资料下载
  • 02日:03-前端需要会点PS系列视频资料下载
  • 01日:02-起点小说网仿站练习视频对应资料下载
• 05月
  • 31日:01-前端开发(HTML4+CSS2)系列基础视频教程资源下载
  • 27日:仿站酷我的首页资源下载

2022年

• 06月
  • 09日:还记得温家宝总理的《仰望星空》吗？

2021年

• 12月
  • 20日:利用ajax+mock.js+echarts.js模拟汽车销量饼状图
  • 18日:jQuery+Ajax实现表单的关联下拉菜单选择
  • 17日:自定义一个简单的jQuery插件，掌握套路！
  • 03日:面向对象(构造函数、原型、实例、原型链的关系)
• 11月
  • 05日:正则这个火星文！！！

2020年

• 09月
  • 26日: CSS3:grid网格布局终于来了！下篇
  • 23日:CSS3:grid网格布局终于来了！上篇
  • 22日:关于谷歌浏览器不能自动播放视频的解决方法
  • 10日:flex-basis和width到底谁听谁的？
• 08月
  • 31日:使用office的墨迹书写，手绘板压感笔位置发生偏移的问题终于解决了
  • 19日:CSS3：border-image，考验的还是设计师的想象啊！
• 07月
  • 31日:学习方法是战术，你掌握几种？
  • 08日:css中不能控制rowspan是个大问题！
  • 04日:永远要相信自己，不要被别人的评价左右
• 06月
  • 30日:心情很抑郁，只想吐槽一下
• 03月
  • 18日:爆裂的小爱心，为你的爱豆点赞！
• 02月
  • 19日:transform:translate(-50%,-50%)到底和margin-left:负的宽度的一半有什么区别？
  • 18日:小球弹跳理解三种animation动画形式
  • 11日:严重警告：再来我网站原封不动的剽窃文章者，小心扒皮！
  • 04日:flex布局space-between最后一行左对齐的方法
• 01月
  • 15日:js原生代码实现无缝滚动循环播放幻灯片
  • 07日:media queries响应式完成导航菜单的切换

2019年

• 12月
  • 11日:利用CSS中display:table/table-cell可以解决大部分垂直居中、多列等高、自适应布局
  • 02日:这是我看到深入解释vertical-align最好的文章！
• 09月
  • 17日:DOM基础10：两个矩形的碰撞
  • 11日:web的经典布局方案介绍
• 08月
  • 30日:js小案例：商品分类筛选
  • 30日:js小案例：QQ邮箱拖拽删除邮件
  • 30日:js小案例：购物车的实现
  • 28日:DOM基础9：拖拽原理
  • 26日:DOM基础8：事件冒泡和事件捕获
  • 26日:DOM基础7：事件绑定的第二种方式addEventListener
  • 26日:DOM基础6：event.stopPropagation与event.preventDefault的区别和兼容性
  • 23日:DOM基础5：Event事件对象
  • 21日:DOM基础4：对CSS样式的操作
  • 20日:DOM基础3：对元素节点的操作
  • 20日: DOM基础2：document中的节点
  • 19日:DOM基础1：DOM对象初了解
  • 19日:JavaScript基础15：箭头函数初了解
  • 16日:JavaScript基础14:var、let、const的区别
  • 15日:JavaScript案例10：仿百度风云排行榜
  • 15日:JavaScript案例9：选项卡套选项卡切换
  • 15日:JavaScript案例4：鼠标经过显示隐藏的内容
  • 14日:JavaScript基础13:Object对象初了解
  • 13日:js小案例：利用定时器实现幻灯片的自动播放
  • 13日:js小案例：函数传参完成多个选项卡的制作
  • 13日:js小案例：函数传参完成多个幻灯片制作
  • 12日:JavaScript基础12:函数传参
  • 09日:js小案例：通过改变translateY的值实现点击按钮翻页效果
  • 09日:js小案例：利用forEach完成选项卡轮换
  • 06日:JavaScript基础11:Function函数的基础介绍
  • 05日:JavaScript基础10:for循环的几种类型介绍
• 07月
  • 31日:JavaScript基础9:流程结构之if条件判断和switch多分支语句
  • 25日:JavaScript基础8:Math及常用方法
  • 25日:JavaScript基础7:数组Arrays常用的迭代方法
  • 23日:JavaScript基础6:数组Arrays和常用属性与方法
  • 19日:移动端利用js改变html的font-size值达到适配的方法
  • 12日:JavaScript基础5:NaN和isNaN到底是啥？
  • 11日:JavaScript基础4:Strings 及String Methods
  • 08日:JavaScript基础3:运算符和表达式
• 04月
  • 03日:JavaScript基础2:数据类型
• 03月
  • 28日:用flex弹性布局仿站MindMaster
  • 27日:JavaScript基础1:JavaScript的前世今生
  • 26日:CSS3第十八课：响应式web布局——grid 栅格布局基础介绍
  • 25日:CSS3提供的一个计算函数calc()，在响应式的计算上很有帮助
  • 20日:css3第十七课：filter滤镜，真美颜
  • 11日:html5提供的picture标签可以更好地解决图片响应式的问题
• 02月
  • 22日:CSS3第十六课： Media Queries媒体查询——响应式布局的关键
  • 18日:CSS3第十五课：flex弹性布局，一维布局最好的方法（下）
• 01月
  • 24日:CSS3第十五课：flexbox弹性布局，一维布局最好的方法（上）
  • 21日:CSS3第十四课：box-sizing、outline-offset、resize用户界面几个特性介绍
  • 14日:成都华信智原1804视觉交互第一二阶段设计总结！
  • 09日:kalendae.js强大的可以多选日期的日历纯js插件
  • 04日:推荐Visual Studio Code（vscode）编辑器，集大成于一身

2018年

• 12月
  • 27日:从阿里云虚拟主机搬家到VPS（AMH面板）的过程
• 10月
  • 12日:ps调色的混合匹配法，俗称红外线调色法，色感不好的童鞋有救了！
  • 09日:超前学习到底好不好？
  • 09日:业务
• 09月
  • 14日:JavaScript案例8：两组幻灯分别切换和统一切换
• 08月
  • 28日:JavaScript案例7：有小圆点导航和缩略图的幻灯片切换（两个版本）
  • 28日:JavaScript案例6：有缩略图的幻灯片切换（有两个版本）
  • 28日:JavaScript案例5：QQ好友列表的展开和隐藏
  • 27日:JavaScript案例3：鼠标经过方块消失出现图片
  • 24日:JavaScript案例2：幻灯片切换效果（顺序切换和循环切换）
  • 22日:JavaScript案例1：模仿微信界面发送信息
  • 15日:checkbox复选框样式美化的问题
  • 14日:select下拉菜单的兼容性问题，支持IE10以上的方法
  • 12日:linear-gradient线性渐变的兼容性问题，有神器！
• 06月
  • 28日:杨雪果老师强大的Blur's good brush 7.0 pro，必须收藏！
  • 27日: CSS3第十三课： steps animation逐帧动画，你不应该错过的最详篇！
  • 22日:steps animation，极光下奔跑的熊！
  • 14日:oat the goat，一个温暖的故事，一个超酷的网站
  • 11日:搜集的各种网站链接
  • 08日:transform变形在网页上的效果
  • 05日:预科班纯CSS仿站练习作业
  • 04日:CSS3第十二课：强大的多时间段animation动画！
• 05月
  • 25日:利用transform变形结合事件完成扇形导航
  • 15日:利用transform打造走动的2D时钟
  • 11日:使用 adobe color CC的三板斧配色技巧，你也可以快速配色！
  • 08日:第四届西华师范大学实训总结（内附教学视频）！
• 04月
  • 26日:利用通道和中性灰给人物磨皮，真的可以大变活人！
  • 26日:ps巧用中性灰的方式让脸部皮肤年轻五岁！
  • 25日:ps巧用“高反差保留”完成图片最后的锐化效果！
  • 24日:ps图层样式中的等高线才是最有威力的！
  • 24日:zblog如何为不同的分类页面设置不同的侧边栏？
  • 24日:zblog如何为某个分类导航设置不同的模板文件？
  • 21日:zblog在后台顶部导航菜单添加“主题配置”按钮
  • 21日:zblog不要缩略图插件，提取文章第一张图片放入摘要！
  • 17日:用选区抠图，最后一定要用“调整边缘”去掉杂边！
  • 16日:CSS3第十一课：transform2D变形，注意多个变形的执行顺序！
• 03月
  • 30日:CSS3第十课：transition过渡动画(内附神器！)
  • 28日:CSS3第九课：重复放射性渐变repeating-radial-gradient
  • 24日:CSS3第八课：重复线性渐变repeating-linear-gradient
  • 24日:CSS3第七课：background多重背景及新增属性
  • 22日: CSS3第六课：web中的颜色值以及rgba和opacity的区别
  • 20日: CSS3第五课：rem、em、vh、vw等新增单位的用法
• 02月
  • 09日:CSS3第四课：伪元素选择器，::before和::after就是左膀右臂！
  • 08日:CSS3第三课：伪类选择器，为什么有一个伪字？
  • 07日:如何把codepen上面的代码嵌入个人网站中？
  • 06日:带缩略图的产品放大镜jquery插件
• 01月
  • 30日:仿腾讯专题页，实现3D旋转效果
  • 30日:CSS3案例集12：响应式布局初体验！(更新移动端导航菜单)
  • 30日:css3渐变文字动画和齿轮旋转动画
  • 09日:成都华信智原2018开年大促专题页
  • 09日:成都华信智原学生作品展模板
  • 08日:华信智原UI1705班html+css结课作业展示！

2017年

• 12月
  • 18日:为什么看了无数教程，还是抠不好长头发丝，关键步骤没告诉你！
  • 15日:网页设计中是如何计算网格系统的？
  • 15日:《30天学会绘画》这是一本神奇的书！
  • 15日:JavaScript高级程序设计
  • 15日:css权威指南
  • 15日:JavaScriptDOM编程艺术
  • 13日:zblog建站：为文章列表添加缩略图
  • 13日:zblog建站：添加自定义的模板文件到页面中
• 11月
  • 13日:成都华信智原UI1705班ps基础课程结课作品展！
• 10月
  • 23日:CSS3案例集13：改版ofo小黄车官网响应式布局
• 09月
  • 27日:超多美腻的渐变图层样式，来自于webgradients！
  • 26日:CSS3案例集11：columns多列实现报纸排版效果
  • 15日:CSS3案例集10：仿UI中国头部导航效果
  • 14日:CSS3案例集09：五光十色的变色龙动画
  • 13日:CSS3案例集08：弹跳的小球动画
  • 11日:CSS3案例集07：纯CSS3水平导航下拉动画菜单
  • 08日:CSS3案例集06：纯CSS3绘制卡通风景画
  • 07日:CSS3案例集05：飘动的云和热气球
  • 06日:CSS3案例集04：斑马条纹的渐变圆角表格
  • 05日:学ps，你应该知道的《PS礼仪手册》！
  • 05日:CSS3案例集03：仿360安全卫士首屏
  • 04日:zblog通过自定义模块添加百度搜索
  • 04日:CSS3案例集02：漂亮的人像相册集
  • 01日:CSS3案例集01：加载外部字体和文字排版
  • 01日:jquery插件推荐：Unslider超小的轮播，支持鼠标经过停止播放和响应式
• 08月
  • 31日:网站第二版改版完成，快来找茬啦！
  • 28日:文章归档
  • 21日:搬瓦工VPS——你要的又稳定又便宜的独立虚机来了！
  • 21日:导航栏页面跳转时，如何为当前页添加选中状态的样式？
  • 08日:zblog缩略图插件伪静态的Apache规则被我找到了！
• 07月
  • 27日:jQuery插件推荐：fullpage强大的全屏滚轮效果，太强大！
  • 27日:jQuery插件推荐：功能超全的图片灯箱效果，缩放、全屏、缩略图等都有！
  • 26日:纯js实现单页面锚点之间页面滑动效果，可以设置偏移值哟！
  • 26日:走了多说，网易云跟帖也走了，扎心啦，老铁！
  • 26日:从CSS Reset到Normalize.css
  • 25日:jQuery插件推荐：功能强大的水平垂直选项卡插件！
  • 25日:jQuery插件推荐：简单实用的返回到顶部插件！
  • 25日:jQuery插件推荐：三种菜单导航显示和隐藏的插件，平滑好用！
  • 11日:让我绝处逢生的视频编辑王软件，好用哭！
  • 04日:ps cs6网格插件guideguide-2.1.4，快速打造网格布局系统！
• 06月
  • 30日:CSS3第二课：与家庭伦理有关的组合选择器
  • 26日:CSS3第一课：被IE耽搁了的属性选择器
  • 22日:《利用zblogCMS快速搭建独立博客》系列教程12：如何将本地zblog网站上传到阿里云服务器？
  • 22日:《利用zblogCMS快速搭建独立博客》系列教程11：如何将zblog网站上传到阿里云虚拟主机？
  • 21日:《利用zblogCMS快速搭建独立博客》系列教程10:主题的修改
  • 20日:作为一个不知名站长，终于体会了血的教训！
  • 19日:专题：第三届西华师范大学实训作品展（网站+APP）
  • 12日:第三届西华师范大学实训总结
  • 11日:gif动态截图软件，强裂推荐Screen To Gif，高清画质体积小，你值得拥有！
  • 05日:jquery插件推荐：有多种过渡效果的幻灯片vmc slider插件
  • 03日:《利用zblogCMS快速搭建独立博客》系列教程9:单页面的添加
  • 03日:《利用zblogCMS快速搭建独立博客》系列教程8:插件的安装
  • 01日:《利用zblogCMS快速搭建独立博客》系列教程7:侧边栏模块的添加
• 05月
  • 11日:设计时不知道用什么字体？那是因为你不懂字体的情感！
  • 03日:网页文字字体大小，在固定像素px和相对倍数em之间如何自由切换？附一个神器！
• 04月
  • 19日:阿里巴巴矢量图标库Iconfont显示了阿里的确是一家伟大的公司！
  • 14日:我用余生所有的辣条向你保证，这将是你用过的最好的在线免费录屏软件！
• 03月
  • 23日:阿里云说虚拟主机遭受DDOS攻击，请升级独享虚机！
  • 21日:UI学习第十课：蒙版，不破坏原始素材合成图像的武器！
  • 17日:UI学习第九课：图层样式，绝对的利器！
  • 16日:UI学习第八课：矢量形状工具（附漂亮的线性图标源文件下载）
  • 15日:UI学习第七课：钢笔（附很棒的练习游戏网站）
  • 13日:UI学习第六课：画笔
  • 13日: UI学习第五课：图层模式
  • 10日:喜欢一个字体，但是不知道是什么字体怎么办？
  • 09日:UI学习第四课：选区
  • 09日:UI学习第三课：初识ps
  • 08日: UI学习第二课：透视
  • 03日:《利用zblogCMS快速搭建独立博客》系列教程6:网站导航栏目的设置
  • 03日:UI学习第一课：素描之三大面五大调子的学习
• 02月
  • 16日:原来衬线字体和非衬线字体是这样区分的！
  • 16日:《利用zblogCMS快速搭建独立博客》系列教程5:网站logo的设计
  • 13日:《利用zblogCMS快速搭建独立博客》系列教程4:网站主色调的选择
  • 13日:这次来点符合国情实际的：零基础如何自学UI设计？
  • 10日:设计师完全自学指南，不得不推，看完超燃！
  • 10日:《利用zblogCMS快速搭建独立博客》系列教程3:网站常规配置和主题模板的选择
  • 09日:《利用zblogCMS快速搭建独立博客》系列教程2： 域名和虚拟主机的购买与备案
  • 08日:推荐一个新手开始学习UI的网站：学UI网，很有条理性的学习网站！
  • 08日:《利用zblogCMS快速搭建独立博客》系列教程1： CMS介绍与安装
• 01月
  • 12日:2016年，我也小小的总结一下

2016年

• 11月
  • 04日:真当博主不在了吗？
• 08月
  • 05日:CSS3教程：background-image之放射性渐变（radial-gradient）详解
  • 02日:CSS3教程：background-image之线性渐变（linear-gradient）最in版！
  • 01日:CSS3教程：border-radius你以为就是个圆角边框吗？
• 07月
  • 28日:CSS3教程：box-shadow盒阴影详解
  • 28日:遵守规则还是为了挑战而挑战规则？
  • 19日:前端资源
  • 18日:上课你坐前排还是后排决定你的未来！
  • 12日:你是拖延症狂魔吗？
  • 09日:CSS3教程：text-shadow文字阴影详解
  • 01日:CSS第十八课：PC端和移动端下拉菜单的实现
• 06月
  • 30日:CSS第十七课：绝对定位（position:absolute）详解
  • 29日:CSS第十六课：相对定位（position:relative）详解
  • 27日:CSS第十五课：固定定位（position:fixed）在布局上的应用
  • 24日:CSS第十四课：头尾自适应+主体固定宽度居中对齐布局
  • 22日:CSS第十三课：固定宽度布局
  • 21日:CSS第十二课：float（浮动）
  • 17日:CSS第十一课：表单使用float（浮动）去掉控件之间的间隔
  • 15日:CSS第十课：为文章列表前面添加小图标和数字排行榜
  • 14日:CSS第九课：利用background-position完成css sprite效果
  • 08日:CSS第八课：利用display:block做纵向导航和水平导航
  • 08日:CSS第七课：图片样式
  • 07日:CSS第六课：文本样式
  • 06日:CSS第五课：margin外边距、padding内边距详解
  • 03日:CSS第四课：元素的width、height、border属性
• 05月
  • 31日:CSS第三课：选择器的继承、叠加、冲突优先级详解
  • 27日:你只努力一次还是每次都努力？
  • 27日:关于我
  • 27日:CSS第二课：如何应用CSS到网页中？
  • 26日:CSS3教程：利用border的transparent特性完成面包屑导航
  • 24日:CSS第一课：CSS简介及选择器介绍
  • 23日:HTML第八课：表单
  • 20日:CSS3教程：box-shadow完成盒阴影效果
  • 19日:CSS教程：display常用的四个值（block,inline,none,inline-block）
  • 18日:CSS3教程：text-shadow制作文字阴影效果
  • 17日:HTML第七课：图像
  • 16日:HTML第六课：列表
  • 13日:HTML第五课：超链接和锚点
  • 11日:CSS小技巧汇总（不断更新）
  • 11日:利用FontAwesome字体实现小图标的插入
  • 09日:HTML第四课：物理路径、绝对路径、相对路径
  • 06日:HTML第三课：认识标题、段落、区块、强调等文本标签
  • 05日:HTML第二课：认识HTML4和HTML5的文档结构
  • 04日:HTML第一课：认识HTML语言并在DW中建立站点
• 04月
  • 26日:4.25 西华师范大学项目实训第十一天
  • 26日:4.23 西华师范大学项目实训第九天
  • 22日:4.22 西华师范大学项目实训第八天
  • 21日:4.21 西华师范大学项目实训第七天
  • 20日:4.20 西华师范大学项目实训第六天
  • 19日: 2016.4.19 西华师范大学项目实训第五天
  • 18日:2016.4.18 西华师范大学项目实训第四天
  • 17日:2016.4.17 西华师范大学项目实训第三天
  • 16日:2016.4.16 西华师范大学项目实训第二天
  • 16日:2016.4.15 西华师范大学项目实训第一天