xubingnan123-CSDN博客

原创 [Rancher入门实践]使用Rancher实现Nginx+PHP动静分离

记录一下自己使用Rancher实现Nginx+PHP动静分离的过程环境说明：三台虚拟机，形成一个K8S集群，host41主机作为master节点，worker42和worker43作为node节点1.准备两个网页一个静态页面a.html，一个动态页面test.php，这两个页面放在worker42主机上的/html2目录里。2.创建Nginx工作负载选择的镜像是nginx:latest，从dockerhub上下载的容器端口80，选用NodePort作为外部映射，映射端口随机让容器运行在w

2021-03-26 15:28:15 784

原创微信小程序修改点击样式

我用弹性盒子写四个. 要求.第一个默认显示已点击状态解决方法就是给第一个view单独加一个叫“active”的类名，加个样式，其他三个不加就行了。 .active{ background-color: #eaeaea; color:purple; }上一下代码： 001 002

2018-01-19 11:35:02 9607

原创微信小程序将按钮悬浮放置到页面底部

按钮样式： .share-btn { width:100%; color:green; position:fixed; bottom:0; } position：fixed 和bottom：0 这两句让按钮至于页面底部。由于按钮position：fixed使其脱离了文档流，按钮上方的内容会钻到按钮下面去，所以要给上面的元素加一句margin-bottom把

2018-01-19 10:45:42 32358 3

原创微信小程序长按复制文本

在微信小程序内的文字无法长按复制，除了text节点以外。但是要在text标签内加一个“selectable”属性。

2018-01-18 23:15:47 42923 1

原创微信小程序跨页面传值

想实现点击不同的父页面跳转到不同的子页面上，从后台传来的JSON数据来看，一共有6个父页面，每个都作为一个对象被放在一个数组里面，而且每个都有一个特有的id值 1.先在上自定义一个“data-”属性：（因为被放在一个数组里面，所以绑定数据的时候要写成“item.id”，“item”表示数组中的单独元素）这是W3Cschool对这个属性的解释：除此之外，还可以从上图的代码中看到

2018-01-16 12:53:24 10307 3

原创微信小程序富文本解析

富文本解析我用的是wxParse这个插件。 1.首先先下载这个插件到微信小程序对应的文件夹中附上下载地址：https://github.com/icindy/wxParse 2.在.js文件中引入：var WxParse = require(‘../../wxParse/wxParse.js’); 3.在.wxss文件中引入：@import “/wxParse/wxParse.wx

2018-01-15 18:29:33 2292

原创微信小程序success：function(res)理解

最近跟着学微信小程序对接接口。做个笔记，记下对wx:request请求中的success:function(res)回调函数中的参数“res”的理解。 res = {data:"开发者服务器返回的内容"}我把res这个参数理解为一个Object。 res.data指服务器返回的内容。res参数还有其他的属性，比如statusCode（指开发者服务器返回的 HTTP 状

2018-01-12 00:14:41 41995 1

原创去掉父元素position：absolute属性后没有高度了？

前一阵子上网得时候偶然间看到这样一个题：将一个页面均分成四等分。于是我顺手做了一下。以下是我的代码和效果：由于好奇心的作用，我把position：absolute属性删掉了，结果页面上啥也没有了。我不明白其中的原理，就去网上找了找资料并问了问朋友，到目前为止我的理解是这样的：我们都知道absolute属性会使div脱离文档流，但是我没想到absolute这个属性脱离文档流能脱离的如此“干

2018-01-02 21:15:22 12813 1

原创 CSS3 width：fit-content属性

昨天在做一个JavaScript练习的时候，我要将一段文字插入到div里，在这个过程中偶然接触到了一个以前不知道的属性——“fit-content” 在实践中也许会遇到这么一种情况，我们给一个固定宽度的div里面输入一厂串连续的英文字母，如果输入的足够多，文字会溢出来，就像这样：只有当输入的是英文的时候才会出现这种情况，因为一长串的英文字母会被默认为是一个单词，而汉字则不会有这个问题。

2017-12-18 21:47:57 69167 4

原创 JS文字打字机效果

最近开始学习了JavaScript，做了一个练习，要求实现的效果是：创建两个文本框和一个按钮，在第一个文本框里打完字，点击按钮，第一个框里的文字会倒序出现在第二个文本框里，而且是一个一个地出现，就像打字机的效果一样。效果图：效果图比较简陋，因为我没有添加CSS样式。以下是我的代码：代码虽然不多，只有短短十几行，但是对于我这种小白来说，这次练习让我学到了很多书上没有的东西。

2017-12-15 22:17:03 1357

原创将大图片完整的放到小div里

将一个比较大的图片插入到一个较小的div里可能会导致图片溢出。如果想将图片完整的插入到div里，只需在css中给img设置：width：100%；height：100%；即可。

2017-11-26 23:22:05 11477 1

原创缩小浏览器窗口，拉动底部滚动条，出现背景缺失问题

最近仿了一个静态页面，因为目前还没学到JS，所以只用了HTML和CSS。 body部分没设置固定宽高，在写完以后我缩小浏览器窗口，拖动底部滚动条，发现背景有一部分缺失。如下图：真的很影响美观，我认为这可能是浏览器的一个bug。随后我在CSS代码的body部分加了一个“min-width”（因为footer的宽继承于body，所以我就直接加在body处）。下图是加了以后的CSS代码：

2017-11-22 20:42:27 4220

xubingnan123的博客