leijianjun

上回说了组件（vue组件开发练习--焦点图切换）的一个练习项目，这次换下口味，说下vue的插件练手的项目。相对于现在之前的焦点图切换的组件，这个可能就更简单了，基本就是熟悉下插件开发的步骤就可以了！这个项目，我更建议大家动手练习了，这个弹窗比之前的焦点图更加的实用性，也更常用。…

line-height（行高） : 指的是两行文字间基线之间的距离，而实际撑开div高度的不是height，而是line-height。 **line box **: 每一行称为一条line box，它又是由这一行的许多inline box组成，它的高度可以直接由最大的line…

经典的上-中-下布局。 在上-中-下布局的基础上，加了左侧定宽 sidebar。 左边是定宽 sidebar，右边是上-中-下布局。 还是上-中-下布局，区别是 header 固定在顶部，不会随着页面滚动。 左侧 sidebar 固定在左侧且与视窗同高，当内容超出视窗高度时，在…

本文将介绍如何在不使用vue-router提供的router-view的情况下，实现一个渲染路由对应组件的navigator控件，并逐步增加主副舞台区分、页面缓存、页面切换动画、左滑返回支持等功能。 笔者所在公司所开发的webapp为单页面应用，原来使用的框架为Backbone…

jquery插件的开发包括两种：一种是类级别的插件开发，给jquery添加新的全局函数(jquery命名空间的函数)，相当于给jquery类本身添加方法。另一种是对象级别的插件开发，即给jquery对象添加方法。

Promise 是 ES6 新引入的对象。使用 Promise 封装一个异步过程，避免了使用回调函数，链式调用让代码更加清晰。 1. Promsie 的基本概念 Promise 对象是个构造函数，通过 new 创建一个 Promise 实例。 pending: 初始状态，不是成…

实现主要是基于threejs做的，接下来我会分别讲解各部分的实现，不过不会介绍基础。基础内容可以去官网找到~ scene的background可以接收Color、Texture或CubeTexture。在本示例中，我们使用Texture就可以达到渐变效果。Texture可以接收…

Ajax的流行和前端MVVM框架的快速发展给Web开发带来了极大的便利，也让Web应用体验越来越好，近些年单页应用也随之流行起来。Ajax的应用可以让网页实现无刷新更新数据，但其也会造成浏览器无法前进和后退（浏览器和手机的物理返回键）的问题。早期这个问题通常是借助iframe来…

最近有个需求需要实现带有图片背景的正六边形，这里记录一下我自己实现的方法。 我项目里的最终效果大概是这样子的，这里我们只演示实现一个正六边形。 这里为了得到一个正的六边形，两个矩形旋转的角度必须为-60deg和60deg，以及矩形高宽比必须是Math.sqrt(3) : 1， …