logo星之书笔记

WienDesign | 左手代码,右手诗词

avatar

网名:Oliver Wien | 奥利弗·韦恩

职业:Web前端设计师、网页设计

现居地:陕西省-西安市-雁塔区

Phone:+86 182 2052 3738

Email:oliverwien@126.com

ThinkCMF_内容页前后翻页

需求功能:在浏览内容页文章时,需要添加左右翻页功能。实现方式:<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,如果没有提示已翻阅完毕。

cmf_is_mobile()_ThinkCMF函数

JavaScript自定义右键菜单

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

推荐 ThinkCMF图片在线管理_编辑器

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

推荐 ThinkCMF资源管理美化

JS代码实现简单日历效果

PC浏览器前端优化策略

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

CSS语法:Flex布局

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

cmf公共函数解析

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

ProxyThorn 花刺代理

花刺代理(ProxyThorn) 是为方便大家使用代理浏览国外网站,参照“代理之狐”设计的。它具备了“代理之狐”和“代理猎手”所有主要功能,但使用更方便,验证结果更可靠。