[选择器 selector ]的搜索结果

...行省市县三级联动地区选择，鉴于此，jQuery发布了手机端地区插件。 $(selector).twCitySelector({ city: "", // 默认选中的城市 district: "", // 默认选中的区县 onChange: function (city, district) { } // 选择省市区县时触发事件 }); tWCitySelector是一个通过Class选择器调用的jQuery插件，使用起来非常方便。我们可以直接在需要使用地区选择的HTML元素绑定插件，在使用时传入相应的参数。其中city和district分别是默认选中的城市和区县，onChange是用户选择地区时触发的回调函数。tWCitySelector会在加载完成后自动创建DOM元素，我们可以通过对DOM元素的操作自定义风格和属性。除此之外，还有其他可配置参数，如下： { css: { container: "tw-city-selector-container", // 包裹地区选择控件的DOM元素的Class样式 select: "tw-city-selector-select" // 地区选择控件的DOM元素的Class样式 }, provinces: twCitySelectorData, // 省市区县数据结构，内置于插件中 autoHideOnSelect: true, // 选择完成后是否自动隐藏控件 hideOnBodyClick: true // 在控件外点击时是否隐藏控件 } 使用jQuery手机端地区插件，可以大大提高移动端Web应用的用户体验，而且插件API简洁易用，非常适合开发者快速完成相关功能的开发。当然，在使用插件前，还需要了解地区数据的相关知识，如何将数据导入到应用中等。总之，jQuery地区插件是一个非常实用的工具，值得Web开发者掌握。

...或者宕机时，k8s会选择集群中另一个可用节点，将pod运行到可用节点上； pod数量的扩缩容：pod副本的扩容和缩容 镜像升降级：支持镜像版本的升级和降级； 配置模板 rs的所有配置如下 apiVersion: apps/v1 版本号kind: ReplicaSet 类型 metadata: 元数据name: rs名称 namespace: 所属命名空间 labels: 标签controller: rsspec: 详情描述replicas: 3 副本数量selector: 选择器，通过它指定该控制器管理哪些podmatchLabels: Labels匹配规则app: nginx-podmatchExpressions: Expressions匹配规则，key就是label的key，values的值是个数组，意思是标签值必须是此数组中的其中一个才能匹配上；- {key: app, operator: In, values: [nginx-pod]}template: 模板，当副本数量不足时，会根据下面的模板创建pod副本metadata:labels: 这里的标签必须和上面的matchLabels一致，将他们关联起来app: nginx-podspec:containers:- name: nginximage: nginx:1.17.1ports:- containerPort: 80 1、创建一个ReplicaSet 新建一个文件 rs.yaml，内容如下 apiVersion: apps/v1kind: ReplicaSet pod控制器metadata: 元数据name: pc-replicaset 名字namespace: dev 名称空间spec:replicas: 3 副本数selector: 选择器，通过它指定该控制器管理哪些podmatchLabels: Labels匹配规则app: nginx-podtemplate: 模板，当副本数量不足时，会根据下面的模板创建pod副本metadata:labels:app: nginx-podspec:containers:- name: nginximage: nginx:1.17.1 运行 kubectl create -f rs.yaml 获取replicaset kubectl get replicaset -n dev 2、扩缩容 刚刚我们已经用第一种方式创建了一个replicaSet，现在就基于原来的rs进行扩容，原来的副本数量是3个，现在我们将其扩到6个，做法也很简单，运行编辑命令 第一种方式: scale 使用scale命令实现扩缩容，后面--replicas=n直接指定目标数量即可kubectl scale rs pc-replicaset --replicas=2 -n dev 第二种方式：使用edit命令编辑rs 这种方式相当于使用vi编辑修改yaml配置的内容，进去后将replicas的值改为1，保存后自动生效kubectl edit rs pc-replicaset -n dev 3、镜像版本变更 第一种方式：scale kubectl scale rs pc-replicaset nginx=nginx:1.71.2 -n dev 第二种方式：edit 这种方式相当于使用vi编辑修改yaml配置的内容，进去后将nginx的值改为nginx:1.71.2，保存后自动生效kubectl edit rs pc-replicaset -n dev 4、删除rs 第一种方式kubectl delete -f rs.yaml 第二种方式 ,如果想要只删rs，但不删除pod，可在删除时加上--cascade=false参数（不推荐）kubectl delete rs pc-replicaset -n dev --cascade=false 2、Deployment k8s v1.2版本后加入Deployment；这种控制器不直接控制pod，而是通过管理ReplicaSet来间接管理pod；也就是Deployment管理ReplicaSet，ReplicaSet管理pod；所以 Deployment 比 ReplicaSet 功能更加强大 当我们创建了一个Deployment之后，也会自动创建一个ReplicaSet 功能 支持ReplicaSet 的所有功能 支持发布的停止、继续 支持版本的滚动更新和回退功能 配置模板 新建文件 apiVersion: apps/v1 版本号kind: Deployment 类型 metadata: 元数据name: rs名称 namespace: 所属命名空间 labels: 标签controller: deployspec: 详情描述replicas: 3 副本数量revisionHistoryLimit: 3 保留历史版本的数量，默认10，内部通过保留rs来实现paused: false 暂停部署，默认是falseprogressDeadlineSeconds: 600 部署超时时间（s），默认是600strategy: 策略type: RollingUpdate 滚动更新策略rollingUpdate: 滚动更新maxSurge: 30% 最大额外可以存在的副本数，可以为百分比，也可以为整数maxUnavailable: 30% 最大不可用状态的 Pod 的最大值，可以为百分比，也可以为整数selector: 选择器，通过它指定该控制器管理哪些podmatchLabels: Labels匹配规则app: nginx-podmatchExpressions: Expressions匹配规则- {key: app, operator: In, values: [nginx-pod]}template: 模板，当副本数量不足时，会根据下面的模板创建pod副本metadata:labels:app: nginx-podspec:containers:- name: nginximage: nginx:1.17.1ports:- containerPort: 80 1、创建和删除Deployment 创建pc-deployment.yaml，内容如下： apiVersion: apps/v1kind: Deployment metadata:name: pc-deploymentnamespace: devspec: replicas: 3selector:matchLabels:app: nginx-podtemplate:metadata:labels:app: nginx-podspec:containers:- name: nginximage: nginx:1.17.1 创建和查看 创建deployment，--record=true 表示记录整个deployment更新过程[root@k8s-master01 ~] kubectl create -f pc-deployment.yaml --record=truedeployment.apps/pc-deployment created 查看deployment READY 可用的/总数 UP-TO-DATE 最新版本的pod的数量 AVAILABLE 当前可用的pod的数量[root@k8s-master01 ~] kubectl get deploy pc-deployment -n devNAME READY UP-TO-DATE AVAILABLE AGEpc-deployment 3/3 3 3 15s 查看rs 发现rs的名称是在原来deployment的名字后面添加了一个10位数的随机串[root@k8s-master01 ~] kubectl get rs -n devNAME DESIRED CURRENT READY AGEpc-deployment-6696798b78 3 3 3 23s 查看pod[root@k8s-master01 ~] kubectl get pods -n devNAME READY STATUS RESTARTS AGEpc-deployment-6696798b78-d2c8n 1/1 Running 0 107spc-deployment-6696798b78-smpvp 1/1 Running 0 107spc-deployment-6696798b78-wvjd8 1/1 Running 0 107s 删除deployment 删除deployment，其下的rs和pod也将被删除kubectl delete -f pc-deployment.yaml 2、扩缩容 deployment的扩缩容和 ReplicaSet 的扩缩容一样，只需要将rs或者replicaSet改为deployment即可，具体请参考上面的 ReplicaSet 扩缩容 3、镜像更新 刚刚在创建时加上了--record=true参数，所以在一旦进行了镜像更新，就会新建出一个pod出来，将老的old-pod上的容器全删除，然后在新的new-pod上在新建对应数量的容器，此时old-pod是不会删除的，因为这个old-pod是要进行回退的； 镜像更新策略有2种 滚动更新（RollingUpdate）：（默认值），杀死一部分，就启动一部分，在更新过程中，存在两个版本Pod 重建更新（Recreate）：在创建出新的Pod之前会先杀掉所有已存在的Pod strategy：指定新的Pod替换旧的Pod的策略， 支持两个属性：type：指定策略类型，支持两种策略Recreate：在创建出新的Pod之前会先杀掉所有已存在的PodRollingUpdate：滚动更新，就是杀死一部分，就启动一部分，在更新过程中，存在两个版本PodrollingUpdate：当type为RollingUpdate时生效，用于为RollingUpdate设置参数，支持两个属性：maxUnavailable：用来指定在升级过程中不可用Pod的最大数量，默认为25%。maxSurge： 用来指定在升级过程中可以超过期望的Pod的最大数量，默认为25%。 重建更新 编辑pc-deployment.yaml,在spec节点下添加更新策略 spec:strategy: 策略type: Recreate 重建更新 创建deploy进行验证 变更镜像[root@k8s-master01 ~] kubectl set image deployment pc-deployment nginx=nginx:1.17.2 -n devdeployment.apps/pc-deployment image updated 观察升级过程[root@k8s-master01 ~] kubectl get pods -n dev -wNAME READY STATUS RESTARTS AGEpc-deployment-5d89bdfbf9-65qcw 1/1 Running 0 31spc-deployment-5d89bdfbf9-w5nzv 1/1 Running 0 31spc-deployment-5d89bdfbf9-xpt7w 1/1 Running 0 31spc-deployment-5d89bdfbf9-xpt7w 1/1 Terminating 0 41spc-deployment-5d89bdfbf9-65qcw 1/1 Terminating 0 41spc-deployment-5d89bdfbf9-w5nzv 1/1 Terminating 0 41spc-deployment-675d469f8b-grn8z 0/1 Pending 0 0spc-deployment-675d469f8b-hbl4v 0/1 Pending 0 0spc-deployment-675d469f8b-67nz2 0/1 Pending 0 0spc-deployment-675d469f8b-grn8z 0/1 ContainerCreating 0 0spc-deployment-675d469f8b-hbl4v 0/1 ContainerCreating 0 0spc-deployment-675d469f8b-67nz2 0/1 ContainerCreating 0 0spc-deployment-675d469f8b-grn8z 1/1 Running 0 1spc-deployment-675d469f8b-67nz2 1/1 Running 0 1spc-deployment-675d469f8b-hbl4v 1/1 Running 0 2s 滚动更新 编辑pc-deployment.yaml,在spec节点下添加更新策略 spec:strategy: 策略type: RollingUpdate 滚动更新策略rollingUpdate:maxSurge: 25% maxUnavailable: 25% 创建deploy进行验证 变更镜像[root@k8s-master01 ~] kubectl set image deployment pc-deployment nginx=nginx:1.17.3 -n dev deployment.apps/pc-deployment image updated 观察升级过程[root@k8s-master01 ~] kubectl get pods -n dev -wNAME READY STATUS RESTARTS AGEpc-deployment-c848d767-8rbzt 1/1 Running 0 31mpc-deployment-c848d767-h4p68 1/1 Running 0 31mpc-deployment-c848d767-hlmz4 1/1 Running 0 31mpc-deployment-c848d767-rrqcn 1/1 Running 0 31mpc-deployment-966bf7f44-226rx 0/1 Pending 0 0spc-deployment-966bf7f44-226rx 0/1 ContainerCreating 0 0spc-deployment-966bf7f44-226rx 1/1 Running 0 1spc-deployment-c848d767-h4p68 0/1 Terminating 0 34mpc-deployment-966bf7f44-cnd44 0/1 Pending 0 0spc-deployment-966bf7f44-cnd44 0/1 ContainerCreating 0 0spc-deployment-966bf7f44-cnd44 1/1 Running 0 2spc-deployment-c848d767-hlmz4 0/1 Terminating 0 34mpc-deployment-966bf7f44-px48p 0/1 Pending 0 0spc-deployment-966bf7f44-px48p 0/1 ContainerCreating 0 0spc-deployment-966bf7f44-px48p 1/1 Running 0 0spc-deployment-c848d767-8rbzt 0/1 Terminating 0 34mpc-deployment-966bf7f44-dkmqp 0/1 Pending 0 0spc-deployment-966bf7f44-dkmqp 0/1 ContainerCreating 0 0spc-deployment-966bf7f44-dkmqp 1/1 Running 0 2spc-deployment-c848d767-rrqcn 0/1 Terminating 0 34m 至此，新版本的pod创建完毕，就版本的pod销毁完毕 中间过程是滚动进行的，也就是边销毁边创建 4、版本回退 更新 刚刚在创建时加上了--record=true参数，所以在一旦进行了镜像更新，就会新建出一个pod出来，将老的old-pod上的容器全删除，然后在新的new-pod上在新建对应数量的容器，此时old-pod是不会删除的，因为这个old-pod是要进行回退的； 回退 在回退时会将new-pod上的容器全部删除，在将old-pod上恢复原来的容器； 回退命令 kubectl rollout： 版本升级相关功能，支持下面的选项： status 显示当前升级状态 history 显示 升级历史记录 pause 暂停版本升级过程 resume 继续已经暂停的版本升级过程 restart 重启版本升级过程 undo 回滚到上一级版本（可以使用–to-revision回滚到指定版本） 用法 查看当前升级版本的状态kubectl rollout status deploy pc-deployment -n dev 查看升级历史记录kubectl rollout history deploy pc-deployment -n dev 版本回滚 这里直接使用--to-revision=1回滚到了1版本， 如果省略这个选项，就是回退到上个版本kubectl rollout undo deployment pc-deployment --to-revision=1 -n dev 金丝雀发布 Deployment控制器支持控制更新过程中的控制，如“暂停(pause)”或“继续(resume)”更新操作。 比如有一批新的Pod资源创建完成后立即暂停更新过程，此时，仅存在一部分新版本的应用，主体部分还是旧的版本。然后，再筛选一小部分的用户请求路由到新版本的Pod应用，继续观察能否稳定地按期望的方式运行。确定没问题之后再继续完成余下的Pod资源滚动更新，否则立即回滚更新操作。这就是所谓的金丝雀发布。 金丝雀发布不是自动完成的，需要人为手动去操作，才能达到金丝雀发布的标准； 更新deployment的版本，并配置暂停deploymentkubectl set image deploy pc-deployment nginx=nginx:1.17.4 -n dev && kubectl rollout pause deployment pc-deployment -n dev 观察更新状态kubectl rollout status deploy pc-deployment -n dev　 监控更新的过程kubectl get rs -n dev -o wide 确保更新的pod没问题了，继续更新kubectl rollout resume deploy pc-deployment -n dev 如果有问题，就回退到上个版本回退到上个版本kubectl rollout undo deployment pc-deployment -n dev Horizontal Pod Autoscaler 简称HPA，使用deployment可以手动调整pod的数量来实现扩容和缩容；但是这显然不符合k8s的自动化的定位，k8s期望可以通过检测pod的使用情况，实现pod数量自动调整，于是就有了HPA控制器； HPA可以获取每个Pod利用率，然后和HPA中定义的指标进行对比，同时计算出需要伸缩的具体值，最后实现Pod的数量的调整。比如说我指定了一个规则：当我的cpu利用率达到90%或者内存使用率到达80%的时候，就需要进行调整pod的副本数量，每次添加n个pod副本； 其实HPA与之前的Deployment一样，也属于一种Kubernetes资源对象，它通过追踪分析ReplicaSet控制器的所有目标Pod的负载变化情况，来确定是否需要针对性地调整目标Pod的副本数，也就是HPA管理Deployment，Deployment管理ReplicaSet，ReplicaSet管理pod，这是HPA的实现原理。 1、安装metrics-server metrics-server可以用来收集集群中的资源使用情况 安装git[root@k8s-master01 ~] yum install git -y 获取metrics-server, 注意使用的版本[root@k8s-master01 ~] git clone -b v0.3.6 https://github.com/kubernetes-incubator/metrics-server 修改deployment, 注意修改的是镜像和初始化参数[root@k8s-master01 ~] cd /root/metrics-server/deploy/1.8+/[root@k8s-master01 1.8+] vim metrics-server-deployment.yaml按图中添加下面选项hostNetwork: trueimage: registry.cn-hangzhou.aliyuncs.com/google_containers/metrics-server-amd64:v0.3.6args:- --kubelet-insecure-tls- --kubelet-preferred-address-types=InternalIP,Hostname,InternalDNS,ExternalDNS,ExternalIP 2、安装metrics-server [root@k8s-master01 1.8+] kubectl apply -f ./ 3、查看pod运行情况 [root@k8s-master01 1.8+] kubectl get pod -n kube-systemmetrics-server-6b976979db-2xwbj 1/1 Running 0 90s 4、使用kubectl top node 查看资源使用情况 [root@k8s-master01 1.8+] kubectl top nodeNAME CPU(cores) CPU% MEMORY(bytes) MEMORY%k8s-master01 289m 14% 1582Mi 54% k8s-node01 81m 4% 1195Mi 40% k8s-node02 72m 3% 1211Mi 41% [root@k8s-master01 1.8+] kubectl top pod -n kube-systemNAME CPU(cores) MEMORY(bytes)coredns-6955765f44-7ptsb 3m 9Micoredns-6955765f44-vcwr5 3m 8Mietcd-master 14m 145Mi... 至此,metrics-server安装完成 5、 准备deployment和servie 创建pc-hpa-pod.yaml文件，内容如下： apiVersion: apps/v1kind: Deploymentmetadata:name: nginxnamespace: devspec:strategy: 策略type: RollingUpdate 滚动更新策略replicas: 1selector:matchLabels:app: nginx-podtemplate:metadata:labels:app: nginx-podspec:containers:- name: nginximage: nginx:1.17.1resources: 资源配额limits: 限制资源（上限）cpu: "1" CPU限制，单位是core数requests: 请求资源（下限）cpu: "100m" CPU限制，单位是core数 创建deployment [root@k8s-master01 1.8+] kubectl run nginx --image=nginx:1.17.1 --requests=cpu=100m -n dev 6、创建service [root@k8s-master01 1.8+] kubectl expose deployment nginx --type=NodePort --port=80 -n dev 7、查看 [root@k8s-master01 1.8+] kubectl get deployment,pod,svc -n devNAME READY UP-TO-DATE AVAILABLE AGEdeployment.apps/nginx 1/1 1 1 47sNAME READY STATUS RESTARTS AGEpod/nginx-7df9756ccc-bh8dr 1/1 Running 0 47sNAME TYPE CLUSTER-IP EXTERNAL-IP PORT(S) AGEservice/nginx NodePort 10.101.18.29 <none> 80:31830/TCP 35s 8、 部署HPA 创建pc-hpa.yaml文件，内容如下： apiVersion: autoscaling/v1kind: HorizontalPodAutoscalermetadata:name: pc-hpanamespace: devspec:minReplicas: 1 最小pod数量maxReplicas: 10 最大pod数量 ，pod数量会在1~10之间自动伸缩targetCPUUtilizationPercentage: 3 CPU使用率指标，如果cpu使用率达到3%就会进行扩容；为了测试方便，将这个数值调小一些scaleTargetRef: 指定要控制的nginx信息apiVersion: /v1kind: Deploymentname: nginx 创建hpa [root@k8s-master01 1.8+] kubectl create -f pc-hpa.yamlhorizontalpodautoscaler.autoscaling/pc-hpa created 查看hpa [root@k8s-master01 1.8+] kubectl get hpa -n devNAME REFERENCE TARGETS MINPODS MAXPODS REPLICAS AGEpc-hpa Deployment/nginx 0%/3% 1 10 1 62s 9、 测试 使用压测工具对service地址192.168.5.4:31830进行压测，然后通过控制台查看hpa和pod的变化 hpa变化 [root@k8s-master01 ~] kubectl get hpa -n dev -wNAME REFERENCE TARGETS MINPODS MAXPODS REPLICAS AGEpc-hpa Deployment/nginx 0%/3% 1 10 1 4m11spc-hpa Deployment/nginx 0%/3% 1 10 1 5m19spc-hpa Deployment/nginx 22%/3% 1 10 1 6m50spc-hpa Deployment/nginx 22%/3% 1 10 4 7m5spc-hpa Deployment/nginx 22%/3% 1 10 8 7m21spc-hpa Deployment/nginx 6%/3% 1 10 8 7m51spc-hpa Deployment/nginx 0%/3% 1 10 8 9m6spc-hpa Deployment/nginx 0%/3% 1 10 8 13mpc-hpa Deployment/nginx 0%/3% 1 10 1 14m deployment变化 [root@k8s-master01 ~] kubectl get deployment -n dev -wNAME READY UP-TO-DATE AVAILABLE AGEnginx 1/1 1 1 11mnginx 1/4 1 1 13mnginx 1/4 1 1 13mnginx 1/4 1 1 13mnginx 1/4 4 1 13mnginx 1/8 4 1 14mnginx 1/8 4 1 14mnginx 1/8 4 1 14mnginx 1/8 8 1 14mnginx 2/8 8 2 14mnginx 3/8 8 3 14mnginx 4/8 8 4 14mnginx 5/8 8 5 14mnginx 6/8 8 6 14mnginx 7/8 8 7 14mnginx 8/8 8 8 15mnginx 8/1 8 8 20mnginx 8/1 8 8 20mnginx 1/1 1 1 20m pod变化 [root@k8s-master01 ~] kubectl get pods -n dev -wNAME READY STATUS RESTARTS AGEnginx-7df9756ccc-bh8dr 1/1 Running 0 11mnginx-7df9756ccc-cpgrv 0/1 Pending 0 0snginx-7df9756ccc-8zhwk 0/1 Pending 0 0snginx-7df9756ccc-rr9bn 0/1 Pending 0 0snginx-7df9756ccc-cpgrv 0/1 ContainerCreating 0 0snginx-7df9756ccc-8zhwk 0/1 ContainerCreating 0 0snginx-7df9756ccc-rr9bn 0/1 ContainerCreating 0 0snginx-7df9756ccc-m9gsj 0/1 Pending 0 0snginx-7df9756ccc-g56qb 0/1 Pending 0 0snginx-7df9756ccc-sl9c6 0/1 Pending 0 0snginx-7df9756ccc-fgst7 0/1 Pending 0 0snginx-7df9756ccc-g56qb 0/1 ContainerCreating 0 0snginx-7df9756ccc-m9gsj 0/1 ContainerCreating 0 0snginx-7df9756ccc-sl9c6 0/1 ContainerCreating 0 0snginx-7df9756ccc-fgst7 0/1 ContainerCreating 0 0snginx-7df9756ccc-8zhwk 1/1 Running 0 19snginx-7df9756ccc-rr9bn 1/1 Running 0 30snginx-7df9756ccc-m9gsj 1/1 Running 0 21snginx-7df9756ccc-cpgrv 1/1 Running 0 47snginx-7df9756ccc-sl9c6 1/1 Running 0 33snginx-7df9756ccc-g56qb 1/1 Running 0 48snginx-7df9756ccc-fgst7 1/1 Running 0 66snginx-7df9756ccc-fgst7 1/1 Terminating 0 6m50snginx-7df9756ccc-8zhwk 1/1 Terminating 0 7m5snginx-7df9756ccc-cpgrv 1/1 Terminating 0 7m5snginx-7df9756ccc-g56qb 1/1 Terminating 0 6m50snginx-7df9756ccc-rr9bn 1/1 Terminating 0 7m5snginx-7df9756ccc-m9gsj 1/1 Terminating 0 6m50snginx-7df9756ccc-sl9c6 1/1 Terminating 0 6m50s DaemonSet 简称DS，ds可以保证在集群中的每一台节点（或指定节点）上都运行一个副本，一般适用于日志收集、节点监控等场景；也就是说，如果一个Pod提供的功能是节点级别的（每个节点都需要且只需要一个），那么这类Pod就适合使用DaemonSet类型的控制器创建。 DaemonSet控制器的特点： 每当向集群中添加一个节点时，指定的 Pod 副本也将添加到该节点上 当节点从集群中移除时，Pod 也就被垃圾回收了 配置模板 apiVersion: apps/v1 版本号kind: DaemonSet 类型 metadata: 元数据name: rs名称 namespace: 所属命名空间 labels: 标签controller: daemonsetspec: 详情描述revisionHistoryLimit: 3 保留历史版本updateStrategy: 更新策略type: RollingUpdate 滚动更新策略rollingUpdate: 滚动更新maxUnavailable: 1 最大不可用状态的 Pod 的最大值，可以为百分比，也可以为整数selector: 选择器，通过它指定该控制器管理哪些podmatchLabels: Labels匹配规则app: nginx-podmatchExpressions: Expressions匹配规则- {key: app, operator: In, values: [nginx-pod]}template: 模板，当副本数量不足时，会根据下面的模板创建pod副本metadata:labels:app: nginx-podspec:containers:- name: nginximage: nginx:1.17.1ports:- containerPort: 80 1、创建ds 创建pc-daemonset.yaml，内容如下： apiVersion: apps/v1kind: DaemonSet metadata:name: pc-daemonsetnamespace: devspec: selector:matchLabels:app: nginx-podtemplate:metadata:labels:app: nginx-podspec:containers:- name: nginximage: nginx:1.17.1 运行 创建daemonset[root@k8s-master01 ~] kubectl create -f pc-daemonset.yamldaemonset.apps/pc-daemonset created 查看daemonset[root@k8s-master01 ~] kubectl get ds -n dev -o wideNAME DESIRED CURRENT READY UP-TO-DATE AVAILABLE AGE CONTAINERS IMAGES pc-daemonset 2 2 2 2 2 24s nginx nginx:1.17.1 查看pod,发现在每个Node上都运行一个pod[root@k8s-master01 ~] kubectl get pods -n dev -o wideNAME READY STATUS RESTARTS AGE IP NODE pc-daemonset-9bck8 1/1 Running 0 37s 10.244.1.43 node1 pc-daemonset-k224w 1/1 Running 0 37s 10.244.2.74 node2 2、删除daemonset [root@k8s-master01 ~] kubectl delete -f pc-daemonset.yamldaemonset.apps "pc-daemonset" deleted Job 主要用于负责批量处理一次性(每个任务仅运行一次就结束)任务。当然，你也可以运行多次，配置好即可，Job特点如下： 当Job创建的pod执行成功结束时，Job将记录成功结束的pod数量 当成功结束的pod达到指定的数量时，Job将完成执行 配置模板 apiVersion: batch/v1 版本号kind: Job 类型 metadata: 元数据name: rs名称 namespace: 所属命名空间 labels: 标签controller: jobspec: 详情描述completions: 1 指定job需要成功运行Pods的次数。默认值: 1parallelism: 1 指定job在任一时刻应该并发运行Pods的数量。默认值: 1activeDeadlineSeconds: 30 指定job可运行的时间期限，超过时间还未结束，系统将会尝试进行终止。backoffLimit: 6 指定job失败后进行重试的次数。默认是6manualSelector: true 是否可以使用selector选择器选择pod，默认是falseselector: 选择器，通过它指定该控制器管理哪些podmatchLabels: Labels匹配规则app: counter-podmatchExpressions: Expressions匹配规则- {key: app, operator: In, values: [counter-pod]}template: 模板，当副本数量不足时，会根据下面的模板创建pod副本metadata:labels:app: counter-podspec:restartPolicy: Never 重启策略只能设置为Never或者OnFailurecontainers:- name: counterimage: busybox:1.30command: ["bin/sh","-c","for i in 9 8 7 6 5 4 3 2 1; do echo $i;sleep 2;done"] 关于重启策略设置的说明：（这里只能设置为Never或者OnFailure） 如果指定为OnFailure，则job会在pod出现故障时重启容器，而不是创建pod，failed次数不变 如果指定为Never，则job会在pod出现故障时创建新的pod，并且故障pod不会消失，也不会重启，failed次数加1 如果指定为Always的话，就意味着一直重启，意味着job任务会重复去执行了，当然不对，所以不能设置为Always 1、创建一个job 创建pc-job.yaml，内容如下： apiVersion: batch/v1kind: Job metadata:name: pc-jobnamespace: devspec:manualSelector: trueselector:matchLabels:app: counter-podtemplate:metadata:labels:app: counter-podspec:restartPolicy: Nevercontainers:- name: counterimage: busybox:1.30command: ["bin/sh","-c","for i in 9 8 7 6 5 4 3 2 1; do echo $i;sleep 3;done"] 创建 创建job[root@k8s-master01 ~] kubectl create -f pc-job.yamljob.batch/pc-job created 查看job[root@k8s-master01 ~] kubectl get job -n dev -o wide -wNAME COMPLETIONS DURATION AGE CONTAINERS IMAGES SELECTORpc-job 0/1 21s 21s counter busybox:1.30 app=counter-podpc-job 1/1 31s 79s counter busybox:1.30 app=counter-pod 通过观察pod状态可以看到，pod在运行完毕任务后，就会变成Completed状态[root@k8s-master01 ~] kubectl get pods -n dev -wNAME READY STATUS RESTARTS AGEpc-job-rxg96 1/1 Running 0 29spc-job-rxg96 0/1 Completed 0 33s 接下来，调整下pod运行的总数量和并行数量 即：在spec下设置下面两个选项 completions: 6 指定job需要成功运行Pods的次数为6 parallelism: 3 指定job并发运行Pods的数量为3 然后重新运行job，观察效果，此时会发现，job会每次运行3个pod，总共执行了6个pod[root@k8s-master01 ~] kubectl get pods -n dev -wNAME READY STATUS RESTARTS AGEpc-job-684ft 1/1 Running 0 5spc-job-jhj49 1/1 Running 0 5spc-job-pfcvh 1/1 Running 0 5spc-job-684ft 0/1 Completed 0 11spc-job-v7rhr 0/1 Pending 0 0spc-job-v7rhr 0/1 Pending 0 0spc-job-v7rhr 0/1 ContainerCreating 0 0spc-job-jhj49 0/1 Completed 0 11spc-job-fhwf7 0/1 Pending 0 0spc-job-fhwf7 0/1 Pending 0 0spc-job-pfcvh 0/1 Completed 0 11spc-job-5vg2j 0/1 Pending 0 0spc-job-fhwf7 0/1 ContainerCreating 0 0spc-job-5vg2j 0/1 Pending 0 0spc-job-5vg2j 0/1 ContainerCreating 0 0spc-job-fhwf7 1/1 Running 0 2spc-job-v7rhr 1/1 Running 0 2spc-job-5vg2j 1/1 Running 0 3spc-job-fhwf7 0/1 Completed 0 12spc-job-v7rhr 0/1 Completed 0 12spc-job-5vg2j 0/1 Completed 0 12s 2、删除 删除jobkubectl delete -f pc-job.yaml CronJob 简称为CJ，CronJob控制器以 Job控制器资源为其管控对象，并借助它管理pod资源对象，Job控制器定义的作业任务在其控制器资源创建之后便会立即执行，但CronJob可以以类似于Linux操作系统的周期性任务作业计划的方式控制其运行时间点及重复运行的方式。也就是说，CronJob可以在特定的时间点(反复的)去运行job任务。可以理解为定时任务 配置模板 apiVersion: batch/v1beta1 版本号kind: CronJob 类型 metadata: 元数据name: rs名称 namespace: 所属命名空间 labels: 标签controller: cronjobspec: 详情描述schedule: cron格式的作业调度运行时间点,用于控制任务在什么时间执行concurrencyPolicy: 并发执行策略，用于定义前一次作业运行尚未完成时是否以及如何运行后一次的作业failedJobHistoryLimit: 为失败的任务执行保留的历史记录数，默认为1successfulJobHistoryLimit: 为成功的任务执行保留的历史记录数，默认为3startingDeadlineSeconds: 启动作业错误的超时时长jobTemplate: job控制器模板，用于为cronjob控制器生成job对象;下面其实就是job的定义metadata:spec:completions: 1parallelism: 1activeDeadlineSeconds: 30backoffLimit: 6manualSelector: trueselector:matchLabels:app: counter-podmatchExpressions: 规则- {key: app, operator: In, values: [counter-pod]}template:metadata:labels:app: counter-podspec:restartPolicy: Never containers:- name: counterimage: busybox:1.30command: ["bin/sh","-c","for i in 9 8 7 6 5 4 3 2 1; do echo $i;sleep 20;done"] cron表达式写法 需要重点解释的几个选项：schedule: cron表达式，用于指定任务的执行时间/1 <分钟> <小时> <日> <月份> <星期>分钟 值从 0 到 59.小时 值从 0 到 23.日 值从 1 到 31.月 值从 1 到 12.星期 值从 0 到 6, 0 代表星期日多个时间可以用逗号隔开； 范围可以用连字符给出；可以作为通配符； /表示每... 例如1 // 每个小时的第一分钟执行/1 // 每分钟都执行concurrencyPolicy:Allow: 允许Jobs并发运行(默认)Forbid: 禁止并发运行，如果上一次运行尚未完成，则跳过下一次运行Replace: 替换，取消当前正在运行的作业并用新作业替换它 1、创建cronJob 创建pc-cronjob.yaml，内容如下： apiVersion: batch/v1beta1kind: CronJobmetadata:name: pc-cronjobnamespace: devlabels:controller: cronjobspec:schedule: "/1 " 每分钟执行一次jobTemplate:metadata:spec:template:spec:restartPolicy: Nevercontainers:- name: counterimage: busybox:1.30command: ["bin/sh","-c","for i in 9 8 7 6 5 4 3 2 1; do echo $i;sleep 3;done"] 运行 创建cronjob[root@k8s-master01 ~] kubectl create -f pc-cronjob.yamlcronjob.batch/pc-cronjob created 查看cronjob[root@k8s-master01 ~] kubectl get cronjobs -n devNAME SCHEDULE SUSPEND ACTIVE LAST SCHEDULE AGEpc-cronjob /1 False 0 <none> 6s 查看job[root@k8s-master01 ~] kubectl get jobs -n devNAME COMPLETIONS DURATION AGEpc-cronjob-1592587800 1/1 28s 3m26spc-cronjob-1592587860 1/1 28s 2m26spc-cronjob-1592587920 1/1 28s 86s 查看pod[root@k8s-master01 ~] kubectl get pods -n devpc-cronjob-1592587800-x4tsm 0/1 Completed 0 2m24spc-cronjob-1592587860-r5gv4 0/1 Completed 0 84spc-cronjob-1592587920-9dxxq 1/1 Running 0 24s 2、删除cronjob kubectl delete -f pc-cronjob.yaml pod调度 什么是调度 默认情况下，一个pod在哪个node节点上运行，是通过scheduler组件采用相应的算法计算出来的，这个过程是不受人工控制的； 调度规则 但是在实际使用中，我们想控制某些pod定向到达某个节点上，应该怎么做呢？其实k8s提供了四类调度规则 调度方式 描述 自动调度 通过scheduler组件采用相应的算法计算得出运行在哪个节点上 定向调度 运行到指定的node节点上，通过NodeName、NodeSelector实现 亲和性调度 跟谁关系好就调度到哪个节点上 1、nodeAffinity ：节点亲和性，调度到关系好的节点上 2、podAffinity：pod亲和性，调度到关系好的pod所在的节点上 3、PodAntAffinity：pod反清河行，调度到关系差的那个pod所在的节点上 污点（容忍）调度 污点是站在node的角度上的，比如果nodeA有一个污点，大家都别来，此时nodeA会拒绝master调度过来的pod 定向调度 指的是利用在pod上声明nodeName或nodeSelector的方式将pod调度到指定的pod节点上，因为这种定向调度是强制性的，所以如果node节点不存在的话，也会向上面进行调度，只不过pod会运行失败； 1、定向调度-> nodeName nodeName 是将pod强制调度到指定名称的node节点上，这种方式跳过了scheduler的调度逻辑，直接将pod调度到指定名称的节点上，配置文件内容如下 apiVersion: v1 版本号kind: Pod 资源类型metadata: name: pod-namenamespace: devspec: containers: - image: nginx:1.17.1name: nginx-containernodeName: node1 调度到node1节点上 2、定向调度 -> NodeSelector NodeSelector是将pod调度到添加了指定label标签的node节点上，它是通过k8s的label-selector机制实现的，也就是说，在创建pod之前，会由scheduler用matchNodeSelecto调度策略进行label标签的匹配，找出目标node，然后在将pod调度到目标node； 要实验NodeSelector，首先得给node节点加上label标签 kubectl label nodes node1 nodetag=node1 配置文件内容如下 apiVersion: v1 版本号kind: Pod 资源类型metadata: name: pod-namenamespace: devspec: containers: - image: nginx:1.17.1name: nginx-containernodeSelector: nodetag: node1 调度到具有nodetag=node1标签的节点上 本篇文章为转载内容。原文链接：https://blog.csdn.net/qq_27184497/article/details/121765387。 该文由互联网用户投稿提供，文中观点代表作者本人意见，并不代表本站的立场。 作为信息平台，本站仅提供文章转载服务，并不拥有其所有权，也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况，请及时联系我们，我们将第一时间进行核实并删除相应内容。

...“Expected selector before @layer”。这是因为 @layer 必须紧跟在选择器之后。 三、如何解决 @layer 使用报警告？ 要解决这个问题，你需要确保你在声明 @layer 之后立即开始写样式。下面是一个正确的例子： css @layer base; body { font-family: sans-serif; } 如果你已经有一个大项目，并且已经在使用 @layer，那么你可能需要花一些时间来更新你的代码。一种方法是手动检查你的所有 @layer 声明，然后添加缺失的样式。另一种方法是使用一个自动化的工具，如 PostCSS 的 plugin-layer-vars，它可以帮助你找到并修复所有的错误。 四、总结 总的来说，虽然 @layer 可能会带来一些困扰，但只要你了解它的用法并且知道如何解决常见的问题，它就可以成为一个非常有用的工具。使用 @layer 这个家伙，你就能把样式整理得井井有条，这样一来，你的代码不仅读起来更加轻松明白，维护起来也更加省心省力，就像给衣柜做了个大扫除一样清爽。所以，尽管可能会遇到点小插曲，但我真心建议你不妨大胆尝试一下这个新特性。毕竟，没准儿它会给你带来意想不到的惊喜！

...特厉害的功能——消息选择器，带你见识见识它的庐山真面目。 二、什么是消息选择器？ 消息选择器是一种用于筛选消息的技术，它可以让我们根据特定的条件来过滤接收到的消息。用消息选择器这个小玩意儿，咱们就能只筛选出自己真正关心的消息，这样一来，不仅能让系统跑得更快更流畅，还能大大提高整体性能，让它变得倍儿给力。 三、如何使用消息选择器？ 1. 创建消息选择器 在使用消息选择器之前，我们需要先创建一个消息选择器对象。这可以通过调用Connection的createProducer()方法并传入一个QueueBinding对象来实现。例如： java ConnectionFactory factory = new ActiveMQConnectionFactory("tcp://localhost:61616"); Connection connection = factory.createConnection(); connection.start(); Session session = connection.createSession(false, Session.AUTO_ACKNOWLEDGE); Destination destination = session.createQueue("queueName"); MessageProducer producer = session.createProducer(destination); 2. 设置消息选择器 接下来，我们可以设置消息选择器。这可以通过调用MessageProducer的setMessageSelector()方法并传入一个字符串来实现。例如： java String selector = "color='red'"; producer.setMessageSelector(selector); 在这个例子中，我们设置了消息选择器为"color='red'"，这意味着只有颜色为红色的消息才会被发送到队列。 3. 发送消息 最后，我们只需要调用MessageProducer的send()方法并传入一个Message对象就可以发送消息了。例如： java TextMessage message = session.createTextMessage("Hello World"); message.setStringProperty("color", "red"); producer.send(message); 在这个例子中，我们创建了一个文本消息，并将它的颜色属性设置为红色。然后，我们通过消息选择器发送这个消息。 四、总结 通过学习和实践，我们可以发现消息选择器是一个非常强大且实用的功能。这个家伙能够帮助我们更上一层楼地掌握咱们的消息传递流程，让整个系统运转得更加麻溜儿，充满活力和弹性。所以，如果你现在正用着ActiveMQ这款产品，那我可得告诉你，有个功能你绝对不能错过，否则你会后悔的！

...过滤原理 （1）消息选择器(Message Selector) ActiveMQ允许我们在消费端设置消息选择器来筛选特定类型的消息。消息选择器是基于JMS规范的一种机制，它通过检查消息头属性来决定是否接收某条消息。例如，假设我们有如下代码： java Map messageHeaders = new HashMap<>(); messageHeaders.put("color", "red"); MessageProducer producer = session.createProducer(destination); TextMessage message = session.createTextMessage("This is a red message"); message.setJMSType("fruit"); message.setProperties(messageHeaders); producer.send(message); String selector = "color = 'red' AND JMSType = 'fruit'"; MessageConsumer consumer = session.createConsumer(destination, selector); 在这个示例中，消费者只会接收到那些颜色为"red"且类型为"fruit"的消息。 （2）虚拟主题(Virtual Topic) 除了消息选择器，ActiveMQ还支持虚拟主题进行消息过滤。想象一下，虚拟主题就像一个超级智能的邮件分拣员，它能认出每个订阅者的专属ID。当有消息投递到这个主邮箱（也就是主主题）时，这位分拣员就会根据每个订阅者的ID，把消息精准地分发到他们各自的小邮箱（也就是不同的子主题）。这样一来，就实现了大家可以根据自身需求来筛选和获取信息啦！ 2. 路由规则实现 （1）内容_based_router ActiveMQ提供了一种名为“内容路由器(Content-Based Router)”的动态路由器，可以根据消息的内容做出路由决策。例如： xml ${header.color} == 'red' ${header.color} == 'blue' 这段Camel DSL配置表示的是，根据color头部属性值的不同，消息会被路由至不同的目标队列。 （2）复合路由器(Composite Destinations) 另外，ActiveMQ还可以利用复合目的地(Composite Destinations)实现消息的多路广播。一条消息可以同时发送到多个目的地： java Destination[] destinations = {destination1, destination2}; MessageProducer producer = session.createProducer(null); producer.send(message, DeliveryMode.PERSISTENT, priority, timeToLive, destinations); 在这个例子中，一条消息会同时被发送到destination1和destination2两个队列。 3. 思考与探讨 理解并掌握ActiveMQ的消息过滤与路由规则，对于优化系统架构、提升系统性能具有重要意义。这就像是在那个熙熙攘攘的物流中心，我们不能一股脑儿把包裹都堆成山，而是得像玩拼图那样，瞅准每个包裹上的标签信息，然后像给宝贝找家一样，精准地把这些包裹送达到各自对应的地区仓库里头去。同样的，在消息队列中，精准高效的消息路由能力能够帮助我们构建更加健壮、灵活的分布式系统。 总的来说，ActiveMQ通过丰富的API和强大的路由策略，让我们在面对复杂业务逻辑时，能更自如地定制消息过滤与路由规则，使我们的系统设计更加贴近实际业务需求，让消息传递变得更为智能和精准。不过，实际上啊，咱们在真正用起来的时候，千万不能忽视系统的性能和扩展性这些重要因素。得把这些特性灵活巧妙地运用起来，才能让它们发挥出应有的作用，就像是做菜时合理搭配各种调料一样，缺一不可！

...上的抽象层，它会根据选择的Selector（标签选择器）来绑定后端的一组Pod。Kubernetes会为这个Service分配一个虚拟IP地址（ClusterIP），这就是服务的访问地址。当客户端向这个ClusterIP发起请求时，kube-proxy组件会负责转发请求到对应的Pod。 yaml apiVersion: v1 kind: Service metadata: name: my-service spec: selector: app: MyApp ports: - protocol: TCP port: 80 targetPort: 9376 上述YAML配置文件定义了一个名为my-service的Service，它会选择标签app=MyApp的所有Pod，并暴露80端口给外部，请求会被转发到Pod的9376端口。 2.2 kube-proxy的工作机制 kube-proxy是Kubernetes集群中用于实现Service网络代理的重要组件。有多种模式可选，如iptables、IPVS等，这里以iptables为例： - iptables：kube-proxy会动态更新iptables规则，将所有目标地址为目标Service ClusterIP的流量转发到实际运行Pod的端口上。这种方式下，集群内部的所有服务发现和负载均衡都是由内核级别的iptables规则完成的。 bash 这是一个简化的iptables示例规则 -A KUBE-SVC-XXXXX -d -j KUBE-SEP-YYYYY -A KUBE-SEP-YYYYY -m comment --comment "service/my-service" -m tcp -p tcp -j DNAT --to-destination : 3. DNS服务发现 除了通过IP寻址外，Kubernetes还集成了DNS服务，使得服务可以通过域名进行发现。每个创建的Service都会自动获得一个与之对应的DNS记录，格式为..svc.cluster.local。这样一来，应用程序只需要晓得服务的名字，就能轻松找到对应的服务地址，这可真是把不同服务之间的相互调用变得超级简便易行，就像在小区里找邻居串门一样方便。 4. 探讨与思考 Kubernetes的服务发现机制无疑为分布式系统带来了便利性和稳定性，它不仅解决了复杂环境中服务间互相定位的问题，还通过负载均衡能力确保了服务的高可用性。在实际做开发和运维的时候，如果能真正搞明白并灵活运用Kubernetes这个服务发现机制，那可是大大提升我们工作效率的神器啊，这样一来，那些烦人的服务网络问题引发的困扰也能轻松减少不少呢。 总结来说，Kubernetes的服务发现并非简单的IP映射关系，而是基于一套成熟且灵活的网络模型构建起来的，包括但不限于Service资源定义、kube-proxy的智能代理以及集成的DNS服务。这就意味着我们在畅享便捷服务的同时，也要好好琢磨并灵活运用这些特性，以便随时应对业务需求和技术挑战的瞬息万变。 以上就是对Kubernetes服务发现机制的初步探索，希望各位读者能从中受益，进一步理解并善用这一强大工具，为构建高效稳定的应用服务打下坚实基础。

...例代码 try { Selector selector = Selector.open(); serverChannel.register(selector, SelectionKey.OP_ACCEPT); while (true) { if (selector.select() >0) { Set<SelectionKey> selectedKeys = selector.selectedKeys(); Iterator<SelectionKey> it = selectedKeys.iterator(); while (it.hasNext()) { SelectionKey key = it.next(); if (key.isAcceptable()) { SocketChannel socketChannel = serverChannel.accept(); socketChannel.configureBlocking(false); socketChannel.register(selector, SelectionKey.OP_READ | SelectionKey.OP_WRITE); } else if (key.isReadable()) { SocketChannel socketChannel = key.channel(); ByteBuffer buffer = ByteBuffer.allocate(1024); socketChannel.read(buffer); String message = new String(buffer.array()).trim(); System.out.println("收到消息：" + message); ByteBuffer outbuffer = ByteBuffer.wrap(("ACK：" + message).getBytes()); socketChannel.write(outbuffer); } it.remove(); } } } } catch (IOException e) { e.printStackTrace(); } 总之，同步阻塞IO方法适用于连接数量较小、且连接不太频繁的情况；异步非阻塞IO方法适用于连接数量较多、但连接比较不频繁的情况（如长连接、心跳检查等），能够节约系统内存并增强处理效率。

...为，包括但不限于元素选择、目标区域设置、延迟处理等。-代码简洁：插件代码精炼，易于理解与集成，减少了开发负担，同时保持了高性能和低资源消耗。-美观与实用性并重：支持自定义样式和布局，使插件既具备良好的视觉效果，又满足实际功能需求。使用场景：-在电子商务网站中，用于商品或产品分类的动态调整。-教育类网站，允许学生或教师对课程、资源进行个性化排序。-内容管理系统的文章或帖子列表，实现用户友好的编辑和组织方式。-游戏或互动式应用中，用户可以自由调整游戏元素的位置，增加游戏的沉浸感和参与度。安装与集成：1.引入依赖：首先确保你的项目中包含了jQuery库。2.引入插件：从可靠的源下载DDSort.js文件，并将其添加到项目中。3.初始化插件：在文档加载完毕后，调用DDDsort插件，指定需要排序的元素及目标区域等参数。javascript$('.your-element-selector').DDSort({target:'.target-selector',//其他配置选项});DDSort通过其直观的接口和强大的功能，为开发者提供了一种高效、灵活的解决方案，旨在简化页面元素的动态排序过程，提升用户体验，同时确保兼容旧版浏览器的需求。无论是用于商业网站、教育平台还是个人项目，DDSort都能成为实现高效、交互性强的排序功能的理想选择。 点我下载 文件大小：44.43 KB 您将下载一个JQuery插件资源包，该资源包内部文件的目录结构如下： 本网站提供JQuery插件下载功能，旨在帮助广大用户在工作学习中提升效率、节约时间。 本网站的下载内容来自于互联网。如您发现任何侵犯您权益的内容，请立即告知我们，我们将迅速响应并删除相关内容。 免责声明：站内所有资源仅供个人学习研究及参考之用，严禁将这些资源应用于商业场景。 若擅自商用导致的一切后果，由使用者承担责任。

...大的jQuery颜色选择器插件专为Web开发人员和设计师打造，它能够在线实时生成符合CSS3规范的背景渐变代码。用户通过直观的界面操作，可以自由调整颜色滑块以选取并过渡多种色彩，从而实现丰富的渐变效果。该插件的核心功能是将用户的视觉设计决策直接转化为可应用于网页元素的高质量样式代码。在实际使用中，只需简单集成到项目中，用户便能轻松交互，随意挑选心仪的颜色组合，并通过查看按钮预览所生成的完整CSS3背景渐变属性。这一特性极大地提升了设计与开发的工作效率，让创建动态、美观的渐变背景变得更加便捷与精准，同时也增强了网站的视觉吸引力和用户体验。 点我下载 文件大小：185.88 KB 您将下载一个JQuery插件资源包，该资源包内部文件的目录结构如下： 本网站提供JQuery插件下载功能，旨在帮助广大用户在工作学习中提升效率、节约时间。 本网站的下载内容来自于互联网。如您发现任何侵犯您权益的内容，请立即告知我们，我们将迅速响应并删除相关内容。 免责声明：站内所有资源仅供个人学习研究及参考之用，严禁将这些资源应用于商业场景。 若擅自商用导致的一切后果，由使用者承担责任。

... 实用输入域表情符号选择器jQuery插件，又称EmojiPicker，是一款专为提升用户输入体验而设计的轻量级jQuery扩展。该插件针对Web应用程序和网站中的文本输入区域提供了一种便捷的表情符号集成方案。通过简单的配置与调用，开发者能够在任何HTML输入框或文本区域内轻松实现类似聊天软件中丰富多样的表情符号选择功能。使用者只需点击输入框旁边自动生成的表情面板，即可从海量表情库中可视化选取并插入表情符号到当前光标位置，大大丰富了文本交流的表现力。EmojiPicker插件不仅易于安装和定制，还兼容多种浏览器环境，确保跨平台的一致性和用户体验。总的来说，这款插件作为一款高效实用的工具，有效地简化了在网页端实现复杂表情输入机制的过程，让网站和应用能够紧跟社交潮流，提升用户的互动参与度和情感表达能力。 点我下载 文件大小：3.22 MB 您将下载一个JQuery插件资源包，该资源包内部文件的目录结构如下： 本网站提供JQuery插件下载功能，旨在帮助广大用户在工作学习中提升效率、节约时间。 本网站的下载内容来自于互联网。如您发现任何侵犯您权益的内容，请立即告知我们，我们将迅速响应并删除相关内容。 免责声明：站内所有资源仅供个人学习研究及参考之用，严禁将这些资源应用于商业场景。 若擅自商用导致的一切后果，由使用者承担责任。

...中添加生动的表情符号选择器。用户可以通过点击或触摸来快速选择并插入表情符号，从而增强内容的表现力和趣味性。FaceMocion.js的设计简洁而高效，无需复杂的设置即可轻松集成到现有的项目中。你可以根据自己的需求自定义样式和布局，以匹配网站的整体风格。无论是个人博客还是大型社交媒体平台，FaceMocion.js都能为你提供出色的用户体验。总之，FaceMocion.js是一个强大且易于使用的jQuery插件，它将帮助你在网站上实现专业级的表情符号切换效果，让你的内容更加丰富多彩。 点我下载 文件大小：63.45 KB 您将下载一个JQuery插件资源包，该资源包内部文件的目录结构如下： 本网站提供JQuery插件下载功能，旨在帮助广大用户在工作学习中提升效率、节约时间。 本网站的下载内容来自于互联网。如您发现任何侵犯您权益的内容，请立即告知我们，我们将迅速响应并删除相关内容。 免责声明：站内所有资源仅供个人学习研究及参考之用，严禁将这些资源应用于商业场景。 若擅自商用导致的一切后果，由使用者承担责任。

...Query多类型范围选择器插件（range-picker）是一款强大的日期与数值范围选择工具，专为提升网页表单交互体验而设计，特别优化兼容至IE8浏览器。该插件不仅支持常见的日期范围选择，如用户在日历控件中选取开始和结束日期，还提供了星期范围、月份范围以及整数范围等多种数据类型的灵活选择功能。开发者可以根据实际应用场景，配置该插件以实现单向或双向的选择模式，满足不同业务需求。例如，在预订酒店或者机票场景下，用户可以选择入住和离店的日期范围；而在设置周期性任务时，则可以选定一周中的特定日期范围或者指定月份内的某段时间。凭借其丰富的定制选项和高度的灵活性，jQuery多类型范围选择器插件极大地简化了开发流程，提升了Web应用的数据录入效率与用户友好度，是前端开发者构建复杂筛选条件的理想选择之一。 点我下载 文件大小：55.75 KB 您将下载一个JQuery插件资源包，该资源包内部文件的目录结构如下： 本网站提供JQuery插件下载功能，旨在帮助广大用户在工作学习中提升效率、节约时间。 本网站的下载内容来自于互联网。如您发现任何侵犯您权益的内容，请立即告知我们，我们将迅速响应并删除相关内容。 免责声明：站内所有资源仅供个人学习研究及参考之用，严禁将这些资源应用于商业场景。 若擅自商用导致的一切后果，由使用者承担责任。

...了一种便捷的字体图标选择解决方案。该插件以小巧、高效的特性为核心，通过简单的下拉框形式展现，使用户能够从多种预设的字体图标集中进行快速选取。不仅支持各类流行的字体图标库如FontAwesome，还允许开发者根据需求配置和扩展图标资源。在使用fontIconPicker时，开发者可以根据UI设计风格调整其外观样式，确保与整体界面无缝融合。此外，插件提供了搜索功能，方便用户在大量图标中迅速定位目标图标，并支持分页显示，便于管理和加载大规模图标集。调用和应用所选图标的接口也非常直观简洁，使得在表单控件或其他任何HTML元素上动态应用图标变得轻松容易。总之，fontIconPicker是提升用户体验、简化字体图标管理流程的理想工具，深受前端开发者的青睐。 点我下载 文件大小：722.80 KB 您将下载一个JQuery插件资源包，该资源包内部文件的目录结构如下： 本网站提供JQuery插件下载功能，旨在帮助广大用户在工作学习中提升效率、节约时间。 本网站的下载内容来自于互联网。如您发现任何侵犯您权益的内容，请立即告知我们，我们将迅速响应并删除相关内容。 免责声明：站内所有资源仅供个人学习研究及参考之用，严禁将这些资源应用于商业场景。 若擅自商用导致的一切后果，由使用者承担责任。

...览器jQuery日期选择器插件。该插件利用了ES5和CSSFlexbox技术，确保在包括但不限于Chrome、Firefox、Safari、Opera、360、搜狗以及最新版本的Edge等主流浏览器中都能流畅运行，实现高效而友好的用户体验。通过集成AirDatepicker到项目中，开发者可以轻松实现美观且功能丰富的日历选择功能，用户能够直观地选取或输入日期信息。此插件具备易于安装与配置的特点，可通过Bower或npm包管理器进行快速添加至项目依赖。使用时，开发人员需确保已引入jQuery核心库，以及AirDatepicker所需的datepicker.min.js和datepicker.min.css文件。AirDatepicker提供了灵活多样的自定义选项，以满足不同场景下的设计需求，如主题样式调整、日期范围限制、语言本地化支持等，是构建现代化Web应用时理想的日期选择组件之一。 点我下载 文件大小：85.08 KB 您将下载一个JQuery插件资源包，该资源包内部文件的目录结构如下： 本网站提供JQuery插件下载功能，旨在帮助广大用户在工作学习中提升效率、节约时间。 本网站的下载内容来自于互联网。如您发现任何侵犯您权益的内容，请立即告知我们，我们将迅速响应并删除相关内容。 免责声明：站内所有资源仅供个人学习研究及参考之用，严禁将这些资源应用于商业场景。 若擅自商用导致的一切后果，由使用者承担责任。

...s的jQuery日期选择器插件是一款专为jQuery设计的时间选取工具，它利用了强大的时间处理库moment.js来增强日期和时间的操作能力。这款插件允许用户在网页中实现直观且功能丰富的日期选择体验，支持自定义日期范围、起始日期等多种配置选项。通过集成moment.js，插件能够高效地解析用户输入的日期格式，并进行有效验证与格式化输出，从而确保数据一致性。开发者可以根据项目需求选择使用ES5或ES6版本的插件代码，以适应不同环境下的JavaScript开发标准。在实际应用中，只需简单地在HTML文档中引入jQuery、moment.js以及该日期选择器所需的CSS和JS文件，然后通过调用DatePicker()方法初始化插件，即可轻松创建一个功能完备的日期选择界面，例如设置初始日期为当前日期：$('singleDateRange').DatePicker({startDate:moment()});总之，此插件结合了jQuery的良好DOM操作特性和moment.js的强大日期时间处理能力，提供了一种灵活易用且功能强大的解决方案，广泛适用于各种需要日期选择功能的Web应用程序中。 点我下载 文件大小：51.51 KB 您将下载一个JQuery插件资源包，该资源包内部文件的目录结构如下： 本网站提供JQuery插件下载功能，旨在帮助广大用户在工作学习中提升效率、节约时间。 本网站的下载内容来自于互联网。如您发现任何侵犯您权益的内容，请立即告知我们，我们将迅速响应并删除相关内容。 免责声明：站内所有资源仅供个人学习研究及参考之用，严禁将这些资源应用于商业场景。 若擅自商用导致的一切后果，由使用者承担责任。

...单带备忘录功能的日期选择器插件”是一个为网页应用设计的轻量级JavaScript组件，基于jQuery库构建，旨在提供直观且实用的日程管理体验。该插件不仅具备基础的日期选择功能，还创新性地融合了备忘录特性，使得用户能够在日历视图中直接关联特定日期与相关信息。在实际应用中，开发者只需将该插件集成到项目中，通过简单的配置和API调用，即可实现用户点击或滑动选取日期的同时，查看并添加当日相关的备忘录内容。这一特性极大地提升了用户体验，方便用户快速查询和记录工作、生活中的重要事件，如同一个嵌入网页的数字化日历备忘录。此外，该插件具有良好的扩展性和定制性，允许开发者根据需求调整样式和功能，如设置日期格式、自定义备忘录显示方式等，以满足不同场景下的应用需求。其友好的交互设计，支持移动端触屏操作，让无论是PC端还是手机端的用户都能享受到便捷高效的日程管理服务。 点我下载 文件大小：54.33 KB 您将下载一个JQuery插件资源包，该资源包内部文件的目录结构如下： 本网站提供JQuery插件下载功能，旨在帮助广大用户在工作学习中提升效率、节约时间。 本网站的下载内容来自于互联网。如您发现任何侵犯您权益的内容，请立即告知我们，我们将迅速响应并删除相关内容。 免责声明：站内所有资源仅供个人学习研究及参考之用，严禁将这些资源应用于商业场景。 若擅自商用导致的一切后果，由使用者承担责任。

...方式来集成日期和时间选择功能到他们的项目中。这款插件完美融合了Bootstrap框架的强大布局能力和jQuery的交互性，使创建美观且用户友好的日期时间选择器变得简单而高效。使用bootstrap-datetimepicker，你可以轻松地在网页上添加一个日期选择器或时间选择器，或者将两者结合起来，以满足不同的需求。它提供了丰富的配置选项，允许你自定义显示格式、初始日期、最小/最大日期等，确保日期时间选择器能够完全符合你的设计和功能要求。此外，bootstrap-datetimepicker拥有直观的用户界面，支持触摸设备，使得移动端用户体验也十分流畅。它还兼容各种现代浏览器，包括Chrome、Firefox、Safari以及IE9及以上版本，确保广泛的适用性和良好的兼容性。无论你是需要为网站添加一个日程管理功能，还是希望提升表单填写的用户体验，bootstrap-datetimepicker都是一个理想的选择。它的易用性和灵活性使其成为众多开发者首选的日期时间选择解决方案。 点我下载 文件大小：1.15 MB 您将下载一个JQuery插件资源包，该资源包内部文件的目录结构如下： 本网站提供JQuery插件下载功能，旨在帮助广大用户在工作学习中提升效率、节约时间。 本网站的下载内容来自于互联网。如您发现任何侵犯您权益的内容，请立即告知我们，我们将迅速响应并删除相关内容。 免责声明：站内所有资源仅供个人学习研究及参考之用，严禁将这些资源应用于商业场景。 若擅自商用导致的一切后果，由使用者承担责任。

...大的jQuery颜色选择器插件，专为网页开发者和设计师提供便捷的颜色选取体验。这款插件支持两种主要的颜色模式：HSL（色相、饱和度、亮度）和RGB（红、绿、蓝），使用户能够根据具体需求灵活选择颜色。HSL模式允许你通过调整色彩的三个维度来直观地选取颜色，这使得颜色选择更加直观和高效。而RGB模式则提供了另一种精确的选择方式，适用于需要高度颜色控制的场景。更值得一提的是，ClassyColor还允许你在选取颜色的同时调节其透明度，这对于创建复杂的视觉效果或实现特定的设计意图至关重要。无论是开发网站还是制作应用程序，这款插件都能帮助你快速准确地找到所需的颜色，极大地提升了工作效率。此外，ClassyColor界面友好，操作简便，即使是初学者也能轻松上手，快速掌握其用法。总之，ClassyColor凭借其易用性、灵活性以及强大的功能，成为了网页设计与开发中不可或缺的工具之一。它不仅简化了颜色选择的过程，还为设计师和开发者们提供了更多的创作可能性。 点我下载 文件大小：49.74 KB 您将下载一个JQuery插件资源包，该资源包内部文件的目录结构如下： 本网站提供JQuery插件下载功能，旨在帮助广大用户在工作学习中提升效率、节约时间。 本网站的下载内容来自于互联网。如您发现任何侵犯您权益的内容，请立即告知我们，我们将迅速响应并删除相关内容。 免责声明：站内所有资源仅供个人学习研究及参考之用，严禁将这些资源应用于商业场景。 若擅自商用导致的一切后果，由使用者承担责任。

...ampleimg的选择器调用zoomify()方法，就能激活图片的缩放功能。它支持自定义选项，允许开发者根据需要调整放大比例、动画效果以及交互行为。Zoomify.js不仅适用于静态图片，也适用于响应式图片，确保在不同设备和屏幕尺寸上都能提供一致的用户体验。总的来说，Zoomify.js是一款提升网站视觉吸引力和交互性的工具，通过提供高质量的图片预览，增强了用户的满意度，使网站内容更加生动和易于探索。无论是个人博客还是商业网站，它都是优化图片展示策略的理想选择。 点我下载 文件大小：592.59 KB 您将下载一个JQuery插件资源包，该资源包内部文件的目录结构如下： 本网站提供JQuery插件下载功能，旨在帮助广大用户在工作学习中提升效率、节约时间。 本网站的下载内容来自于互联网。如您发现任何侵犯您权益的内容，请立即告知我们，我们将迅速响应并删除相关内容。 免责声明：站内所有资源仅供个人学习研究及参考之用，严禁将这些资源应用于商业场景。 若擅自商用导致的一切后果，由使用者承担责任。

...直观地看到不同的色彩选择。无论是设计师还是开发者，都可以通过这款插件来提升网页的视觉效果。该插件具有用户友好的界面和强大的功能，使得颜色样本的添加和管理变得简单快捷。你可以根据自己的需求调整颜色样本的样式，包括大小、形状以及排列方式等，从而确保它们与你的设计风格完美匹配。此外，它还提供了一个颜色选择器，允许用户自定义颜色或从预设的颜色库中选取，这无疑增加了用户的参与度和体验感。总之，jQuery颜色样本插件jquery.swatches是一个非常实用且易于使用的工具，无论是在个人项目还是团队协作中，都能显著提高工作效率并增强最终产品的视觉吸引力。它不仅简化了网页颜色样本的创建过程，还能让您的网页更加生动有趣，给用户留下深刻印象。 点我下载 文件大小：80.74 KB 您将下载一个JQuery插件资源包，该资源包内部文件的目录结构如下： 本网站提供JQuery插件下载功能，旨在帮助广大用户在工作学习中提升效率、节约时间。 本网站的下载内容来自于互联网。如您发现任何侵犯您权益的内容，请立即告知我们，我们将迅速响应并删除相关内容。 免责声明：站内所有资源仅供个人学习研究及参考之用，严禁将这些资源应用于商业场景。 若擅自商用导致的一切后果，由使用者承担责任。

...大且高度可定制的日期选择器插件，专为需要在网页中嵌入日期范围选择功能的应用而设计。这款插件不仅能让用户轻松选择一个日期或时间段，还提供了丰富的自定义选项，使得开发者可以根据项目需求调整其外观和行为。通过简单的CSS定制，用户界面可以完美融入任何网站的设计风格。该插件的一大亮点是其出色的兼容性，不仅支持现代浏览器，而且对旧版IE浏览器（如IE6及以上版本）也提供了良好的支持，确保了广泛的用户群体都能无障碍地使用这一功能。无论是用于电子商务网站的商品筛选、日程管理应用的时间安排，还是旅游预订平台的日期选择，jQueryDateRangePicker都能提供流畅且直观的操作体验。此外，这款插件体积小巧，加载速度快，不会拖慢页面性能，非常适合在各类网站和Web应用中集成。它采用模块化设计，易于扩展和维护，方便开发者根据具体需求添加或修改功能。无论是个人项目还是企业级应用，jQueryDateRangePicker都是提升用户体验、简化开发流程的理想选择。 点我下载 文件大小：70.63 KB 您将下载一个JQuery插件资源包，该资源包内部文件的目录结构如下： 本网站提供JQuery插件下载功能，旨在帮助广大用户在工作学习中提升效率、节约时间。 本网站的下载内容来自于互联网。如您发现任何侵犯您权益的内容，请立即告知我们，我们将迅速响应并删除相关内容。 免责声明：站内所有资源仅供个人学习研究及参考之用，严禁将这些资源应用于商业场景。 若擅自商用导致的一切后果，由使用者承担责任。

...入框，还是创新的颜色选择器和通知组件，如警告和提示框，TURNBOX都能轻松地赋予它们三维立体感，仿佛这些元素从二维平面中跃然而出。通过其智能化的动画设计，TURNBOX不仅增强了用户界面的趣味性，还提升了用户的操作直观性。用户可以通过简单的API调用来定制翻转速度、触发条件等参数，确保动画既符合品牌形象，又能流畅自然。得益于CSS3和jQuery的强大结合，TURNBOX兼容现代主流浏览器，包括Safari、Chrome和Firefox，为用户提供一致且惊艳的视觉效果。总的来说，TURNBOX是一款实用而富有创意的工具，帮助设计师和开发者在扁平化设计潮流中添加生动的动态元素，提升网站的用户体验和整体设计水平。 点我下载 文件大小：105.79 KB 您将下载一个JQuery插件资源包，该资源包内部文件的目录结构如下： 本网站提供JQuery插件下载功能，旨在帮助广大用户在工作学习中提升效率、节约时间。 本网站的下载内容来自于互联网。如您发现任何侵犯您权益的内容，请立即告知我们，我们将迅速响应并删除相关内容。 免责声明：站内所有资源仅供个人学习研究及参考之用，严禁将这些资源应用于商业场景。 若擅自商用导致的一切后果，由使用者承担责任。