The coding from ynchuan

coding's Introduction

#ynchuan

这里是ynchuan的前端学习代码库

###1、工作台--个人门户该页设计稿来源于网络，个人比较喜欢该工作台风格，页面图标采用font-icon，所以浏览器支持IE11|Chrome|FireFox等现代浏览器，未进行低版本兼容；

该页面也有个人的一些常用前端组件、仿站以及blog的链接。

查看查看代码

###2、仿站为了提高个人的前端实现能力，业余时间进行了仿站练习。

百度地图（只是进行了骨架的仿站，未进行低版本浏览器兼容；IE9+|Chrome）查看
去哪儿网（仿站去哪儿主页，兼容至IE7+|Chrome）查看

###3、基于项目的个人插件

由于不同项目中的风格各异的特点，所以作者自己造了轮子，由于封装组件已经不能实现项目中前端风格迥异尤其是样式迥异的要求，所以根据项目中的实际情况，参考开源插件进行了常用组件的半封装，即将组件交互进行了封装，根据设计稿进行样式以及内容的调整；更好的满足前端多样化的特点，同时提高开发效率

实现组件：组件为实现跨平台进本采用jquery进行了插件封装

滚动轮播查看查看代码
折叠页界面查看查看代码
折叠页界面V2 查看查看代码
图片懒加载查看查看代码
弹出层查看查看代码
模拟滚动查看查看代码
模拟滚动2 查看查看代码
select|radio的模拟查看查看代码
网站结构图查看查看代码
滑动条组件查看查看代码
tab切换查看查看代码
tabV2切换查看查看代码
table 查看查看代码
时间轴查看查看代码
模拟百度搜索查看查看代码
仿淘宝收货地址城市联动组件查看查看代码
联想输入查看查看代码

coding's People

Contributors

Watchers

coding's Issues

blog test

正则表达式实例记录

需求： var str="<a href='@sfzh'>129903232</a><a href='@sfzfh'>49903232</a>"
将字符串中的@***替换为其后面的数字

解决：str.replace(/<a href='(.+?)'>(.*?)<\/a>/g,"<a href='$2'>$2<\/a>")
结果："<a href='129903232'>129903232</a><a href='49903232'>49903232</a>"