星之书笔记

刚开始学JavaScript时候很多新手都会尝试写一些简单的小项目，轮播图应该是写的最多的。但是很多时候对于基础不是很好的新手，虽然参照别人的代码能写出来一些轮播图，但其中的一些细节和过程可能还是一知半解甚至不懂，这里为大家介绍一种简单的原生JS轮播图写法。

需求功能：在浏览内容页文章时，需要添加左右翻页功能。实现方式：<ul><li>上一篇：<a href="{:cmf_url('portal/Article/index',['id'=>$prev_article['id']])}">{$prev_article.post_title}</a> </li> <li>下一篇：<a href="{:cmf_url('portal/Article/index',['id'=>$next_article['id']])}">{$next_article.post_title}</a> </li></ul>下面这段代码相对复杂一点，判断是否存在$prev_article和$next_article，如果没有提示已翻阅完毕。

JS右键单击事件，在我们前端写页面时使用的并不太频繁。JavaScript实现自定义右键菜单，设计思路如下：1. 屏蔽默认右键事件；2. 隐藏自定义的菜单模块；3. 右键点击特定或非特定区域，显示菜单模块；4. 再次点击，隐藏菜单。

很多时候，我们在添加发布文章的时候会重复使用同一张图片，或者添加一张已上传的图片。ThinkCMF虽然自带有网络地址方式，但资源地址查询起来又非常麻烦。重复传入图片的话，又有点浪费服务器资源。所以我们就来添加一个图片在线管理。

PC端优化的策略很多，如 YSlow（YSlow 是 Yahoo 发布的一款 Firefox 插件，现 Chrome 也可安装，可以对网站的页面性能进行分析，提出对该页面性能优化的建议）原则，或者 Chrome 自带的 Audits 等，总结起来主要包括网络加载类、页面渲染类、CSS 优化类、JavaScript 执行类、缓存类、图片类、架构协议类等几类，下面逐一介绍。

Flexbox(中文版本可以点击这里)的布局是一个用于页面布局的全新CSS3模块功能。它可以把列表放在同一个方向（从左到右或从上到下排列），并且让这些列表能延伸到占用可用的空间。较为复杂的布局可以通过嵌套一个伸缩容器（flex container）来辅助实现。

cmf_auth_check 用户权限检查 cmf_check_user_action 用户访问控制 cmf_check_verification_code 数字验证码检查 cmf_clear_verification_code 清除数字验证码 cmf_compare_password 用户密码比较 cmf_current_lang 判断当前语言包 cmf_get_admin_style 获取后台风格 cmf_get_content_images 获取HTML图片 cmf_get_current_admin_id 登录管理员ID cmf_get_current_user 获取登录用户信息 cmf_get_current_user_id 登录用户ID cmf_get_file_download_url 获取文件下载链接 cmf_get_file_extension 获取文件扩展名 cmf_get_image_url 获取图片 URL cmf_get_option 获取系统配置 cmf_get_plugin_class 获取插件类名 cmf_get_root