小王先森

统计

登录

搜索到 80 篇与学无止境的结果

百度云虚拟主机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 评论

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 评论

原生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 评论

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 评论

极致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 评论

强大的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 评论

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 评论

百度云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 评论

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 评论

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 评论

查看更多

小王先森

生活不易，快乐就好！

424 文章数

1,055 评论量

热门文章

最新回复

行吟游子
2021-02-27

确实如此，深有体会，健康才是一切。
₍₍..絕對ꦿ
2021-02-24

新手刚接触typecho 请问博主这段代码要添加到哪里呢？
菊部制造
2021-02-24

漂亮！
夏目贵志
2021-02-23

教师很强！！
235
2021-02-23

牛皮