JustYeh的前端博客

后台管理系统页面模板
这个模板是我总结多个后台管理项目整合出来的,并已有多个线上项目。现在当我碰到这样的需求时,都是基于这个模板进行二次开发,节省了不少精力。所以将这套方法总结出来,同大家分享。 github:https://github.com/justyeh/BSF 在线demo 特性 html+css组织,不对js产生影响。 当侧边栏内容较高时,自动滑动。 支持公共文件include。 面向对象、好用的

2017-07-10

轻量级web富文本编辑器wangEditor介绍
今天发现了一个不错的富文本编辑器,记录下来,同时分享给大家。 在线demo 特性 基于javascript和css开发的html富文本编辑器,开源免费。 支持自定义编辑器样式。 支持模块化:require.js,seajs,webpack等都有解决方案。 与国产编辑器 百度ueditor 和 kindeditor 相比,它轻量、易用、UI设计精致漂亮。 与国外编辑器 bootstrap-wy

2019-07-02

Markdown编辑器simplemde-markdown-editor
cnode中文社区里面使用了一款不错的Markdown编辑器,名字叫做editor,网友NextStepWebs基于这个版本做了一些改进。我尽我最大可能做一些翻译工作,希望能帮助的大家;当然,如果你熟悉英文,可以直接参考官方文档。 在线demo 特性 SimpleMDE 是一个嵌入式 JavaScript 编辑器,用于书写好看且易懂的 markdown格式文本。 如果你对Markdown语法

2019-07-09

无缝滚动插件kxbdMarquee.js
<marquee> 曾是 IE 下独有的一个走马灯效果的标签,其他浏览器并不兼容,于是出现了使用 JavaScript 来模拟该效果的插件。可以运用于新闻内容的滚动效果。官网 在线demo 使用方法 载入 JavaScript 文件 <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"

2017-06-24

Markdown常用语法介绍
介绍 Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。本文介绍了我的博客中经常使用到的Markdown语法。 使用 标题 标题共有6级: # 一级标题 ## 二级标题 ### 三级标题 #### 四级标题 ##### 五级标题 ###### 六级标题为了美观,你可以为行尾也加上#,但这只起到美观的作用,因为行首的井字符数量决定

2017-06-24

垂直导航插件jquery-accordion-menu
一个带筛选功能垂直导航的jQuery插件,样式自定义,不改变dom结构,在做后台管理页面时非常实用,插件地址。 在线demo 介绍 dom结构 jquery-accordion-menu使用ul-li列表的嵌套代表导航层级 <div class="content"> <div id="jquery-accordion-menu" cla

2017-06-24

滚动条美化插件Perfect Scrollbar
Perfect Scrollbar 是一个轻量级的(~14KB)的 jQuery插件,能够帮助你轻松创建出自定义风格的滚动条。 它不会影响默认的布局,也不需要任何任何的 CSS 修改,该插件适用于任何大小的容器,并重新安排位置,如果容器大小发生变化会自动调整位置。 此外,滚动条的风格可以完全通过 CSS 定制,另外还支持鼠标滚轮插件 – jquery-mousewheel 在线demo 特性

2017-07-10

文件上传插件webuploder的使用
经常在项目中遇到文件上传的需求,进过多次的实践,证明这个上传插件确实不错,通过这篇文章会你可以详细的了解webuploader 在线demo 关于webuploader WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主,FLASH为辅的现代文件上传组件。在现代的浏览器里面能充分发挥HTML5的优势,同时又不摒弃主流IE浏览器,沿用原来的FLASH运

2019-07-02

flex layou使用教程
最近在看微信小程序的文档,里面有使用flex布局,然后我去学习了阮一峰的flex教程,有感而发,自己也来一个! 在线demo 速查 容器属性 属性 说明 取值(第一个是默认值) flex-direction 主轴的方向 row,row-reverse,column,column-reverse flex-wrap 如何换行 nowrap,wrap,wrap-reverse

2019-07-02

Git的使用
最近开始由SVN阵营投向了git,这篇博客记录了我学习使用git的经验 安装git Mac和Linux上通常会预装Git,运行: git --version该命令会输出您计算机上所安装的Git版本号。如果没有得到版本号信息,则您需要安装git,下面是一些工具: Windows:git for windows Linux:Linux Terminal Mac OS: Terminal 我使用

2018-03-28

微信小程序开发之初识小程序
今天接到个任务,公司有部门需要做一个微信小程序,正好接触一下新东西,就来记录一下学习的收获。 准备 前端知识 你需要了解基本的前端知识,包括js、css、html,如果你对这些还不熟悉,可以到w3cschool上进行学习 IDE搭建 微信官方为我们提供了开发者工具,直接下载安装就好了;如果你需要其他选择,网上有一篇5款微信小程序开发对比的文章,你也可以看一下,在本篇文章中,我使用的是官方提供的

2017-06-24

常用正则验证大全
都知道正则表达式很重要,然而代码写这么久了,还是不会写('_'),其实也怪自己没有去学过,好记性比不上烂笔头,在这里整理一下,以备不时之需。 数字 /^\d+(\.\d+)?$/ 正整数 /^[1-9]\d*$/ 非空 ^\s*$ 数字 ^[0-9]*$ 邮编 ^[1-9][0-9]{5}$ 邮箱 ^[\w\-\.]+@[\w\-\.]+(\.\w+)+$ 手机 ^13[0-

2019-03-07

HTML5常用meta标签整理
meta标签提供关于HTML文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务; html的meta标签描述的头部信息特别多,想记住也不容易,下面这篇文章就对这些标签经行了一个整理! 当然,如果你觉得下面的内容麻烦的话,我整理了一份,你可以直接访问这个链接:常用meta模板页 声明文档使用的字符编码

2017-07-10

Ghost博客在windows下的搭建过程
今晚通宵加班,干点私活,把自己的个人博客搭好了,写一下过程,大家可以参考一下! 过程比较新手向,所以可能比较啰嗦,请大家不要介意! 域名 万网买的不多说,https://wanwang.aliyun.com/ 主机 vultr服务器,选了乞丐版(土豪随意),37一个月,速度还可以,顺便可以搭个VPN,美滋滋,感兴趣的可以参考这个链接 关于Ghost 基于 Node.js 的开源博客平台,简单易

2019-07-02

sublime text备忘录
Sublime Text是一款支持代码高亮、语法提示、自动完成且反应快速的编辑器软件,不仅具有华丽的界面,还支持插件扩展机制,非常值得推荐,下文总结了我使用sublime时经常需要解决的问题,用以备忘。 eclipse快捷键 我早前写过java,所以对eclipse的快捷键比较熟悉,Preferences -> Key bindings - User,将下面的代码写入即可: [ {

2017-06-24