TypechoJoeTheme
统计
登录
用户名
密码
搜索到 80 篇与 学无止境 的结果
2020-05-07

百度云虚拟主机BCH配置Nginx环境的伪静态

百度云虚拟主机BCH配置Nginx环境的伪静态
百度云的BCH默认是Nginx环境,而且还不能更改。最近在使用极致CMS搭建网站,参考了百度云的参考文档配置伪静态,感觉太复杂了。于是,改用ThinkPHP的配置方法,居然实现了。配置方法如下:1、修改bcloud_nginx_gen.conf文件,然后删除网站根目录webroot下的其他文件。bcloud_nginx_gen.conf文件内容为:location / { if (!-e $request_filename){ rewrite /admin.php(.*)$ /admin.php?s=$1 last; rewrite ^(.*)$ /index.php?s=$1 last; break; } }2、配置完成后保存,然后登录云控制面板,先停止站点服务,再启动站点服务。如图:3、通过以上两个步骤即可完成伪静态的配置,此方法适用于极致CMS,其他的类似吧。
小王先森
2020-05-07

学无止境

259 阅读
2 评论
2020年05月07日
259 阅读
2 评论
2020-05-02

kxbdSuperMarquee.js滚动的神器使用

kxbdSuperMarquee.js滚动的神器使用
kxbdSuperMarquee.js可谓是一个滚动的神器,关于滚动的什么效果都可以实现,文字的滚动,图片的滚动,轮播图,向上、向下、向左、向右都可以实现。只要用好了它,几本上什么滚动都不会愁的。使用方法1、载入 JavaScript 文件<script src="jquery.js"></script> <script src="jquery.kxbdmarquee.js"></script> $(function(){ $(‘#marquee’).kxbdSuperMarquee({ isMarquee:true, isEqual:false, scrollDelay:60, direction:’up’ loop: 0 }); }); </script>2、CSS 样式/** * 父容器需要设置溢出隐藏 * 如果是水平滚动,项目需要设置浮动 * 如果是垂直滚动,项目需要设置高度 */...
小王先森
2020-05-02

学无止境

133 阅读
1 评论
2020年05月02日
133 阅读
1 评论
2020-04-30

原生js实现回到顶部效果

原生js实现回到顶部效果
有时候吧,内容太长了,想回到页面的顶端时滚动滚动条太慢了,若是有个返回顶部就方便多了。以下这个回到顶部的效果(原生js实现)案例,效果不错,而且不难,于是做个记录,以备不时之需!1、css 代码<style> #btn {width:40px; height:40px; position:fixed; right:25px; bottom:10px; display:none; background:url(images/top_bg.png) no-repeat left top;} #btn:hover {background:url(images/top_bg.png) no-repeat 0 -39px;} </style>2、html 代码<a href="javascript:;" id="btn" title="回到顶部"></a>这个a标签就是用来实现回到顶部的链接,其中 href="javascript:;" 是用来阻止a标签的默认行为,因为我们是要触发点击事件让滚动条回到顶部,而不是跳转页面,这里主要还是想...
小王先森
2020-04-30

学无止境

120 阅读
0 评论
2020年04月30日
120 阅读
0 评论
2020-04-30

JS实现屏幕滚动到一定位置时导航栏固顶

JS实现屏幕滚动到一定位置时导航栏固顶
把网站的导航菜单固定在顶部,主要是查看栏目方便,也很流行。1、css 代码<style> .fixDiv{ position:fixed; top:0; left:0; width:100%; z-index:666; } </style>2、js 代码<script> $(function(){ //获取到距离顶部的垂直距离 var navOffTop=$(".nav").offset().top; //初始化垂直滚动的距离 var scTop=0; $(document).scroll(function(){ //获取到滚动条拉动的距离 scTop=$(this).scrollTop(); //console.log(scTop);查看滚动时,垂直方向上,滚动条滚动的距离 //核心:当滚动条拉动的距离大于等于导航栏距离顶部的距离时,添加指定的样式 ...
小王先森
2020-04-30

学无止境

165 阅读
0 评论
2020年04月30日
165 阅读
0 评论
2020-04-22

极致CMS 集成wordpaster一键粘贴图片自动上传

极致CMS 集成wordpaster一键粘贴图片自动上传
对于文章编辑者来说,内容发布的编辑器好用才是提高工作效率的基本保障。最近在使用极致CMS,这是一套功能性极强的的CMS,自定义和二次开发都很好,没有商业版权,而且开源。于是,用这个CMS做了一个网站。在发布内容时,发现这是一款百度的 UEditer 编辑器,非常好用,功能多,系统还支持自定义图标。但有一点我不太满意,就是自带的word图片转存这个功能,还需要Flash的支持,而且每次只能传一张图,对于我要发的文章中有N张图片的word文档来说,真的太麻烦了。于是,我遇见了 Wordpaster 这个独立的插件,在软件作者的帮助下,我顺利的集成到了极致CMS中。使用起来,非常顺手。所以,在此记录一下此刻的心情。详细教程:UEditor1.4.3.3整合教程为了避免系统升级文件被覆盖,我已经做成了适合极致CMS使用的独立插件,直接将压缩包里的文件解压后复制到对应的目录就能使用了。注意:上传接口在 article-add-plus.html文件中的修改,并且必须是绝对路径。上传文件 upload.php 里面可以更改图片存储路径。此插件本地测试完全免费,域名部署需要购买授权。插件介绍地...
小王先森
2020-04-22

学无止境

237 阅读
3 评论
2020年04月22日
237 阅读
3 评论
2020-04-21

强大的animate.css开源CSS动画库学习

强大的animate.css开源CSS动画库学习
animate.css 特点1、开源免费基于MIT开源协议,被授权人有权利使用、复制、修改、合并、出版发行、散布、再授权及贩售软件及软件的副本。2、使用简单只有一个CSS文件,引入后以类的方式进行调用,如果使用jquery,则不影响原有程序架构。3、文件小,响应快体积小巧,只有几十k的大小,响应速度非常快。animate.css 使用第一步: 引入animate.css文件也可以使用http://www.bootcdn.cn/animate.css/的服务<head> <link rel="stylesheet" href="animate.min.css"> </head>第二步:给指定的元素加上指定的动画样式名第一个animated是必须添加的样式名,第二个是指定的动画样式名。 <div class="animated fadeInUp"></div>其他的补充说明采用jquery可以不修改现有代码,动态添加动画1、如果说想给某个元素动态添加动画样式,可以通过jquery来实现:$('#yourElement...
小王先森
2020-04-21

学无止境

299 阅读
0 评论
2020年04月21日
299 阅读
0 评论
2020-04-12

CSS3 animation(动画)学习

CSS3 animation(动画)学习
熬夜了,真的很累,手臂也很疼啊。这几天在使用PHP开源免费无版权限制的极致CMS重新设计单位的网站,用到了这个CSS3 animation(动画) 属性,所以把它记录下来。直接上代码:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CCS3 动画学习</title> <style> div { width:100px; height:100px; background:red; position:relative; animation:mymove 5s infinite; -webkit-animation:mymove 5s infinite; /*Safari and Chrome*/ } @keyframes mymove { from {left:0px;} to {left:200px;} } @-webkit-keyframes mymove /...
小王先森
2020-04-12

学无止境

71 阅读
0 评论
2020年04月12日
71 阅读
0 评论
2020-02-13

百度云BCH开启WordPress伪静态和SSL

百度云BCH开启WordPress伪静态和SSL
用景安云主机时采用的是 Apache 环境,换为百度云虚拟主机后,发现采用的是Nginx内核,查看文档发现配置伪静态需要自己新建一个 bcloud_nginx_user.conf 文件,内容如下:rewrite ^.*/files/(.*)$ /wp-includes/ms-files.php?file=$1 last; if (!-e $request_filename) { rewrite ^.+?(/wp-.*) $1 last; rewrite ^.+?(/.*\.php)$ $1 last; rewrite ^ /index.php last; }如若开启了SSL,则需要在根目录下的 wp-config.php 文件中找到:/* 好了!请不要再继续编辑。请保存本文件。使用愉快! */,然后在这之前加入以下代码:define('FORCE_SSL_LOGIN', true); define('FORCE_SSL_ADMIN', true); if (strpos( $_SERVER['HTTP_X_FORWARDED_PROTO'],...
小王先森
2020-02-13

学无止境

124 阅读
4 评论
2020年02月13日
124 阅读
4 评论
2020-02-07

CSS实现单行文本溢出显示省略号(…)

CSS实现单行文本溢出显示省略号(…)
实现单行文本的溢出显示省略号用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览。实现方法:width: 300px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;例如:<li style="width: 300px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">9999999999999999999999999999999</li>效果:实现多行的方法,请移步>>CSS实现单行、多行文本溢出显示省略号(…)
小王先森
2020-02-07

学无止境

69 阅读
1 评论
2020年02月07日
69 阅读
1 评论
2020-02-05

JS中const、let、var之间的区别

JS中const、let、var之间的区别
最近在 JS 文件中遇到了 const 定义的变量,查阅相关资料后方才了解 JS 中三种定义变量的方式 const, var, let 的区别。1、const定义的变量不可以修改,而且必须初始化。1 const b = 2;//正确 2 // const b;//错误,必须初始化 3 console.log('函数外const定义b:' + b);//有输出值 4 // b = 5; 5 // console.log('函数外修改const定义b:' + b);//无法输出2、var定义的变量可以修改,如果不初始化会输出undefined,不会报错。1 var a = 1; 2 // var a;//不会报错 3 console.log('函数外var定义a:' + a);//可以输出a=1 4 function change(){ 5 a = 4; 6 console.log('函数内var定义a:' + a);//可以输出a=4 7 } 8 change(); 9 console.log('函数调用后var定义a为函数内部修改值:' + a);//...
小王先森
2020-02-05

学无止境

73 阅读
2 评论
2020年02月05日
73 阅读
2 评论