TateWang - 博客园

2017年9月9日

摘要： XHTML 框架概述框架的使用可以让浏览器“分割”成多个页面显示内容，常用于如网站后台管理这些菜单项目固定，且对美观性和搜索引擎要求不高的地方。框架的优缺点框架方便制作栏目导航，操作各栏目时不需要重新载入整个页面框架会产生较多页面，不易管理不容易打印整个框架页面对搜索引擎不友好基于框架阅读全文

posted @ 2017-09-09 19:59 TateWang 阅读(709) 评论(0) 推荐(0) 编辑

基于jquery的简洁树形折叠菜单

摘要：先上效果图：最小的ul就是一个最小的树枝，空间允许时可无限扩展。html如下： css如下： js如下：阅读全文

posted @ 2017-09-09 17:28 TateWang 阅读(2422) 评论(0) 推荐(0) 编辑

2017年9月6日

基于jquery的垂直滚动触发器，多参数可设置。

摘要：最近闲来无事，多封装些功能性组件。后期会有更多放出来，大家可以多关注一下。先上参数： type:"show", 默认为“show”，“show”意为当能够在可视区看到指定位置的节点时触发，“scroll”意为浏览器滚动过指定结点时触发。 pos:"#scrollBox", 默认为"#scrollB 阅读全文

posted @ 2017-09-06 21:23 TateWang 阅读(282) 评论(0) 推荐(0) 编辑

2017年9月5日

基于jquery的水平滚轴组件，多参数可设置。

摘要：闲来无事，继续封装。此次封装的为水平滚轴组件，可选择滚动的距离大小。闲话不多说，直接上图。参数说明： vis:4 中间区域可显示的 li 个数 scroll:4 每次滚过的li个数，若大于vis，则取 scroll%vis的余数 wrap:".scroll-main ul" 中间区域的包裹层选择器阅读全文

posted @ 2017-09-05 22:50 TateWang 阅读(363) 评论(0) 推荐(0) 编辑

2017年9月3日

两种思想实现基于jquery的延时导航菜单，可做延时触发器！

摘要： 1. 函数式 html如下： css如下： js如下，需引入jquery： 2. 面向对象 html如下： css如下： js如下：阅读全文

posted @ 2017-09-03 20:45 TateWang 阅读(261) 评论(0) 推荐(0) 编辑

2017年8月26日

3种纯css方法控制元素隐藏显示

摘要： 1.通过hover，也是最常用的方式。此方法要求按钮与被控制元素必须有层级关系。（兼容低端浏览器常用） 2.通过：focus点击按钮显示，点击空白处隐藏。此方通同样需要按钮与被控制元素之间存在层级关系。（需用到CSS3选择器） 3.利用label的for属性绑定checkbox，此方法对按钮与盒子的阅读全文

posted @ 2017-08-26 16:32 TateWang 阅读(15014) 评论(0) 推荐(0) 编辑

2017年8月24日

利用transform的bug使fixed相对于父级定位

摘要：首先，大家都清楚，元素使用fixed之后，若不设置top与left则会相对于最近的使用定位的父元素，并位于父元素的原点位置设置top与left值时，则会相对于窗口定位。但无论如何，此时仍相对于窗口定位，在此不过多描述。今天发现的是当某一元素使用transform属性后，其所有使用fixed定位的子阅读全文

posted @ 2017-08-24 22:48 TateWang 阅读(2160) 评论(1) 推荐(1) 编辑

2017年8月20日

Meta http-equiv属性详解

摘要： http-equiv顾名思义，相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。引用 meat标签的http-equiv属性语法格式是：＜meta http-equiv=" 阅读全文

posted @ 2017-08-20 21:04 TateWang 阅读(175) 评论(0) 推荐(0) 编辑

文件上传按钮input[type="file"]按钮美化时在IE8中的bug【兼容至IE8】

摘要：首先看一下完成后的效果，鼠标移入可改变为手指的效果。在此就不加图标了在IE8中需要将input透明后还不能完全达到效果，还需要将字体设大一些，撑开input，这是IE自带的兼容问题。阅读全文

posted @ 2017-08-20 17:00 TateWang 阅读(911) 评论(0) 推荐(1) 编辑

多功能回到顶部组件，速度可调控，带隐藏效果，返回过程中可回滚。

摘要：多功能回到顶部(backTop) 组件下载地址：https://github.com/pomelott/jquery-plug-in速度可调控，带隐藏效果，返回过程中可回滚。参数说明： var test=new backTop({ btn:"backTop", 回到顶部按钮的ID（此处无#） spe 阅读全文

posted @ 2017-08-20 16:05 TateWang 阅读(226) 评论(0) 推荐(0) 编辑

2017年8月19日

可扩展进度条，商城常用！

摘要：通过增加或删除 l-current、l-current-unit、l-arrow-complete来修改状态，l-process-4 为显示四个状态的进度条，可改变的数字有1、2、3、4。阅读全文

posted @ 2017-08-19 23:39 TateWang 阅读(467) 评论(0) 推荐(0) 编辑

2017年8月9日

多功能万能模态框插件，项目实用，持续更新中...

摘要：附github地址 https://github.com/pomelott/jquery-plug-in 模态框（modelBox）使用方法 1.引入css文件（建议复制粘贴至项目css文件中） 2.引入js文件（建议使用发布的压缩版，需引入jquery） 3.创建模态框对象，并传入参数。 1.引阅读全文

posted @ 2017-08-09 23:58 TateWang 阅读(293) 评论(0) 推荐(0) 编辑

2017年7月2日

前端页面重构技巧总结TIP【持续更新...】

摘要：本文均为项目实战经验，要求兼容至IE8，所以以下内容均为兼容代码，欢迎各位小伙伴批评指教。其实重构页面是一门学问，看似简单，却暗藏很多学问。实际项目中页面的重构有以下几点最基本需求： 1.需要使用合理的标签进行语义化； 2.可扩展性，在页面的某个标签内增加新的内容（文字或标签），不会对原有内容造成影阅读全文

posted @ 2017-07-02 19:14 TateWang 阅读(3425) 评论(0) 推荐(0) 编辑

2017年6月24日

微信小程序入门实例之记事本

摘要：主要实现思想都在代码的注释中，项目源码见github 首先上项目目录 app.js文件代码如下： app.json文件代码如下： mylist.wxml文件代码如下： mylist.js文件代码如下： myadd.wxml文件如下： myadd.js文件如下： util.js文件代码如下：微信小程阅读全文

posted @ 2017-06-24 23:03 TateWang 阅读(7739) 评论(2) 推荐(0) 编辑

2017年6月9日

webpack1.x环境配置与打包基础【附带各种 "坑" 与解决方案！持续更新中...】

摘要：个人维护的 webpack@latest 多页脚手架2.X已经发布，喜欢请给星，详见： https://github.com/pomelott/webpack-multi-page-cli 首先介绍传统模块化开发的主流方案： 1.基与CMD的sea.js，玉伯提出的解决方案，据说原来京东团队在使用。阅读全文

posted @ 2017-06-09 23:16 TateWang 阅读(3172) 评论(0) 推荐(0) 编辑

2017年6月6日

CSS3利用背景渐变和background-size配合完成渐变与条纹效果[持续更新中...]

摘要： 1.不等垂直条纹。 2.垂直条纹渐变 3.斜向条纹 4. 阅读全文

posted @ 2017-06-06 18:16 TateWang 阅读(2266) 评论(1) 推荐(0) 编辑

CSS3利用一个div实现内圆角边框效果

摘要： *首先要清楚的是，box-shadow的形状会随着border-radius变化。下面的例子可以证明：效果： *而实现内圆角边框（外边框为直角）就可利用以上特性（box-shaodw填充outline和border之间的空白），代码如下： div1 效果： div2效果：喜欢请推荐，转载请标明出阅读全文

posted @ 2017-06-06 18:00 TateWang 阅读(7830) 评论(1) 推荐(1) 编辑

2017年6月4日

CSS3实现原腾讯视频透明边框，多重边框等（关于边框那些不为人知的事情）

摘要： 1.hsla或rgba实现半透明边框。 rgba在rgb的基础上增加了透明通道，就不详细说了，下面重点说下hsla：说明： HSLA(H,S,L,A) HSLA(H,S,L,A) 取值： H：Hue(色调)。0(或360)表示红色，120表示绿色，240表示蓝色，也可取其他数值来指定颜色。取值为：阅读全文

posted @ 2017-06-04 17:02 TateWang 阅读(1389) 评论(0) 推荐(0) 编辑

使用条件注释完成浏览器兼容

摘要：最近做的纯PC站需要兼容到IE8，一般使用css hack就能够完成，但如果兼容到IE7及以下就很头疼了，使用条件注释动态加载脚本是个不错的选择。注释不同的浏览器版本：(1)、支持所有的IE浏览器（不包括IE10标准模式） <!--[if IE]>只有IE6,7,8,9浏览器显示(IE10标准模阅读全文

posted @ 2017-06-04 11:31 TateWang 阅读(512) 评论(0) 推荐(0) 编辑

2017年5月14日

sublime插件CSS转rem配置

摘要： { "px_to_rem": 40, //px转rem的单位比例，默认为40 "max_rem_fraction_length": 6, //px转rem的小数部分的最大长度。默认为6。 "available_file_types": [".css", ".less", ".sass",".html 阅读全文

posted @ 2017-05-14 16:28 TateWang 阅读(1283) 评论(0) 推荐(0) 编辑

2017年5月11日

通过css属性hack完成select样式美化，并兼容IE

摘要：最近在重构时遇到了select样式问题，并且需要在不影响语义化的情况下，兼容IE8。经过一番的百度后始终没有找到合适的纯CSS解决方案，最后换了一下思路，大胆使用了属性hack；在chrome和FF下隐藏默认样式，显示css自定义样式，在ie下隐藏自定义样式，显示默认样式。 DOM代码如下： C 阅读全文

posted @ 2017-05-11 21:38 TateWang 阅读(4255) 评论(0) 推荐(0) 编辑

2017年5月1日

sublime text3中文乱码问题解决方案

摘要： 1. 首先需要安装包convertToUTF8，安装完重启后如果仍然不能正常显示中文，则需要进行用户配置。 2.用户配置：preferences>settings 在用户设置加入一个属性："dpi_scale":1.0 ，代码如下：阅读全文

posted @ 2017-05-01 10:58 TateWang 阅读(182) 评论(0) 推荐(0) 编辑

2017年4月14日

sublime安装package control 的方法

摘要： 1.安装sublime3后，点击菜单 view>show console,复制以下代码按回车即可，安装时稍微有些卡，需要耐心等待。 import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.inst 阅读全文

posted @ 2017-04-14 23:46 TateWang 阅读(200) 评论(0) 推荐(0) 编辑

2017年4月5日

基于js的自适应、多样式轮播图插件（兼容IE8+、FF、chrome等主流浏览器）

摘要：插件github地址：https://github.com/pomelott/slider-plug_in 使用方式： slider plug-in 左右滑动的自适应、多样式全能插件。多次调用时只需传入最外层盒子ID即可。 1.根据html中的Dom结构引入图片。 2.引入css和js文件 3.调用阅读全文

posted @ 2017-04-05 22:40 TateWang 阅读(554) 评论(0) 推荐(0) 编辑

2017年3月29日

node.js平台下，利用cookie实现记住密码登陆（Express+Ejs+Mysql）

摘要：此内容需有node.js+express+mysql入门基础，若基础薄弱，可参考博主的其他几篇node.js博文： 1.下载Mysql数据库，安装并配置。创建用户表供登录使用： 2.node.js平台下Express的session与cookie模块包的配置：http://www.cnblogs.c 阅读全文

posted @ 2017-03-29 12:37 TateWang 阅读(4014) 评论(0) 推荐(0) 编辑

公告