web前端
关注
分享
扫一扫
慧香一格
这个作者很懒，什么都没留下…
展开
-
监控Vue输入框输入内容后，将换行、空格、空白符、回车和制表符转逗号
const reg = /[\n\r\t\s]+/g // 注意：我添加了+来确保至少替换一个连续的空白字符。原创 2024-08-20 16:48:52 · 327 阅读 · 0 评论 -
vue 实现对图片的某个区域点选， 并在该区域上方显示该部分内容
首先，你需要有一个图片，并且知道图片上各个区域的坐标和相关信息。原创 2024-07-23 09:17:31 · 1543 阅读 · 0 评论 -
vue实现列表上方的查询条件和表头等悬停在上方
首先table 增加强制样式。原创 2024-05-13 13:41:02 · 240 阅读 · 2 评论 -
在vue中的class增加事件监控
在收到点击事件时，触发函数onClickFirstNode实现内容自己需要的处理。在mounted中初始化class的click事件监控，原创 2024-05-07 16:38:06 · 438 阅读 · 0 评论 -
Vue.js 实现动态修改带icon的input样式
/ 添加类名，修改样式。原创 2023-04-20 11:32:22 · 843 阅读 · 1 评论 -
JS 实现占位符截取字符串内容
var str = "中国人民解放军kangkai激昂的CHANG着国歌，"@#$%%%";//返回charnum占位长度 下的字符串长度;//charnum占位长度，//str 字符串内容。原创 2023-04-10 17:05:24 · 748 阅读 · 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 · 154 阅读 · 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 · 1323 阅读 · 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 · 1028 阅读 · 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 · 749 阅读 · 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 · 247 阅读 · 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 · 572 阅读 · 0 评论 -
html css 实现字体不同的排版
官网：https://developer.mozilla.org/zh-CN/docs/Web/CSS/writing-mode原创 2021-09-01 17:34:53 · 151 阅读 · 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 · 2671 阅读 · 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 · 454 阅读 · 0 评论 -
实现网页横向纵向打印CSS代码
<style type="text/css" media="print"> @page{size:A4 landscape;} </style>目前chrome可以实现，IE未测原创 2020-11-25 14:37:05 · 1985 阅读 · 0 评论 -
jquery 监控web input 输入的内容，并做相应的修改
$(function(){ // //一开始就获取焦点，相当于设置了autofocus自动获取焦点了（HTML5 新增表单控件属性） // $('#txt01').focus(); // //文本框获取焦点的时候（有光标闪烁的时候） // $('#txt01').focus(function() { // alert('focus'); // })...原创 2020-07-28 16:22:32 · 336 阅读 · 0 评论 -
chrome 通过样式实现打印分页
1.示例代码： var isok = 0; var mknum =0; var ym = 1; $(".class0").each(function () { mkn...原创 2020-04-30 10:46:52 · 932 阅读 · 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 · 1069 阅读 · 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 · 2199 阅读 · 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 · 443 阅读 · 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 · 1130 阅读 · 1 评论