![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端
慧香一格
这个作者很懒,什么都没留下…
展开
-
监控Vue输入框输入内容后,将换行、空格、空白符、回车和制表符转逗号
const reg = /[\n\r\t\s]+/g // 注意:我添加了+来确保至少替换一个连续的空白字符。原创 2024-08-20 16:48:52 · 236 阅读 · 0 评论 -
vue 实现对图片的某个区域点选, 并在该区域上方显示该部分内容
首先,你需要有一个图片,并且知道图片上各个区域的坐标和相关信息。原创 2024-07-23 09:17:31 · 1198 阅读 · 0 评论 -
vue实现列表上方的查询条件和表头等悬停在上方
首先table 增加强制样式。原创 2024-05-13 13:41:02 · 197 阅读 · 2 评论 -
在vue中的class增加事件监控
在收到点击事件时,触发函数onClickFirstNode实现内容自己需要的处理。在mounted中初始化class的click事件监控,原创 2024-05-07 16:38:06 · 390 阅读 · 0 评论 -
Vue.js 实现动态修改带icon的input样式
/ 添加类名,修改样式。原创 2023-04-20 11:32:22 · 811 阅读 · 1 评论 -
JS 实现占位符截取字符串内容
var str = "中国人民解放军kangkai激昂的CHANG着国歌,"@#$%%%";//返回charnum占位长度 下的字符串长度;//charnum占位长度,//str 字符串内容。原创 2023-04-10 17:05:24 · 731 阅读 · 0 评论 -
将nginx启动写入服务,linux重启之后它也重启
1.cd 到 /etc/init.d/下2.创建nginx 文件 cat>>nginx 并编辑脚本#! /bin/bash# chkconfig: 35 85 15# description: Nginx is an HTTP(S) server, HTTP(S) reverseset -ePATH=/usr/local/nginx/sbin:/usr/local/nginx/bin:/usr/local/sbin:/usr/local/bin:/sbin:/bin..原创 2021-10-28 19:45:21 · 144 阅读 · 0 评论 -
css实现window.print() 带背景图打印
@media print { body{ -webkit-print-color-adjust:exact; -moz-print-color-adjust:exact; -ms-print-color-adjust:exact; print-color-adjust:exact; } } ...原创 2021-10-28 09:32:55 · 1263 阅读 · 3 评论 -
linux 学习笔记~centOS7 安装Nginx1.9.9
1.切换用户:普通切换到ROOTsu然后输入密码ROOT切换到普通用户su 用户名2.linux编译器gcc安装查看版本 gcc -v安装gcc命令yum -y install gcc3.pcre和pcre-devel安装pcre是一个perl库,包括perl兼容的正则表达式库,nginx的http模块使用pcre来解析正则表达式,所以需要安装pcre库。yum install -y pcre pcre-devel4.zlibzlib库提供了很多种压缩原创 2021-10-26 19:45:46 · 999 阅读 · 0 评论 -
css 实现分割线
div 下<div class="line title " onclick = "showks(dat,this)">查看更多</div>.title{ position: relative; text-align: center; overflow: hidden; font-size: 16px; color: #999;height: 20px;line-height: 18px; font-weight: 800;} .title::before,.ti...原创 2021-10-26 18:31:26 · 716 阅读 · 0 评论 -
jquery 查找元素位置之后再加入新的元素,这里以div为例
<html><body> <div id="div1"> <div id="div2">第一行</div><div id="div3">第二行</div> <div></body><script> //在div1下的第一行之前加入一个新的div模块 $("#div1").find("d...原创 2021-10-06 14:01:05 · 228 阅读 · 0 评论 -
字体排版旋转90度或其他度数,页面加载完成打印
以span标签为例,向左旋转90度:<span style="writing-mode:rl-tb;transform:rotate(-90deg);position: absolute;line-height: 16px;width: 50px;font-size: 14px;margin-left: -12px;margin-top: -10px;" >效果</span>关键参数:writing-mode:rl-tb;transform:rotate(-90deg原创 2021-09-03 17:25:43 · 539 阅读 · 0 评论 -
html css 实现字体不同的排版
官网:https://developer.mozilla.org/zh-CN/docs/Web/CSS/writing-mode原创 2021-09-01 17:34:53 · 135 阅读 · 0 评论 -
moment.js 实现时间格式化
格式化时间js文件下载地址:https://download.csdn.net/download/xiaozukun/18263795也可以从官网下载该文件包安装npm install moment --save # npmyarn add moment # YarnInstall-Package Moment.js # NuGetspm install moment --save # spmmeteor add momentjs:moment # meteorweb端.原创 2021-04-30 09:30:57 · 2653 阅读 · 0 评论 -
jquery-contextmenu 实现右键菜单,并设置菜单禁用和启用
jquery-contextmenu 包下载地址https://download.csdn.net/download/xiaozukun/16660701function BindRightMenu(){//绑定右键事件 $.contextMenu({ selector: '.rightMenuBind', callback: function(key, options) { var XXX= $(this).attr('data-XXX...原创 2021-04-13 17:04:40 · 414 阅读 · 0 评论 -
实现网页横向纵向打印CSS代码
<style type="text/css" media="print"> @page{size:A4 landscape;} </style>目前chrome可以实现,IE未测原创 2020-11-25 14:37:05 · 1862 阅读 · 0 评论 -
jquery 监控web input 输入的内容,并做相应的修改
$(function(){ // //一开始就获取焦点,相当于设置了autofocus自动获取焦点了(HTML5 新增表单控件属性) // $('#txt01').focus(); // //文本框获取焦点的时候(有光标闪烁的时候) // $('#txt01').focus(function() { // alert('focus'); // })...原创 2020-07-28 16:22:32 · 322 阅读 · 0 评论 -
chrome 通过样式实现打印分页
1.示例代码: var isok = 0; var mknum =0; var ym = 1; $(".class0").each(function () { mkn...原创 2020-04-30 10:46:52 · 904 阅读 · 0 评论 -
使用java、html5以及wPaint实现在线编辑图片并保存到FTP中的功能,在线图片为iis服务
文件准备wPaint下载链接:https://download.csdn.net/download/xiaozukun/110973261、配置图片服务器,进入insertnet信息服务(iis)管理器,右键网站,选择属性,切换到HTTP 头点击点击按钮,增加三条信息:1)X-Powered-By 对应值ASP.NET2)Access-Control-Allow-Heade...原创 2019-04-08 16:41:26 · 1048 阅读 · 2 评论 -
uni-app 实现第三方登录之微信小程序-2019年4月1日
1、新版微信小程序:必须通过按钮的形式, 通过验证后才可获取用户的基本信息,代码如下:页面代码这里采用图标形式的按钮,还需优化<view class="oauth-row" v-if="hasProvider" v-bind:style="{top: positionTop + 'px'}"> <view class="oauth-image...原创 2019-04-01 17:09:25 · 2181 阅读 · 1 评论 -
实现autocomplete技术
1.引入js2.引入css3.在html代码中编辑一个input标签和相应的css样式.ui-autocomplete-loading { background: white url("../Images/images/ui-anim_basic_16x16.gif") right center no-repeat; }.key{原创 2015-01-20 14:47:01 · 426 阅读 · 0 评论 -
在web客户端实现显示图片原图预览功能 ,采用的是jquery的lightbox_balupton_zh技术
jQuery Lightbox(balupton版)图片展示插件demobody{font-size:84%; color:#333333; line-height:1.4;}p{padding:0 40px;}h1{font-size:1.8em; text-align:center; margin:30px 10px;}h3{margin:30px 10px 10px;}img{b原创 2015-01-20 14:33:52 · 1119 阅读 · 1 评论