web前端
关注
分享
扫一扫
文章平均质量分 55
慧香一格
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
使用vue2.0或vue3.0创建自定义组件
最后，在父组件中引入并使用这个自定义组件。假设我们在App.vue中使用MyButton组件。Vue 3.0 引入了许多新特性和改进，使得组件的创建和使用更加简洁和高效。以下是使用 Vue 3.0 创建自定义组件的步骤。最后，在父组件中引入并使用这个自定义组件。假设我们在App.vue中使用MyButton组件。原创 2024-12-19 15:20:55 · 1041 阅读 · 0 评论 -
RabbitMQ 安装、配置和使用介绍 使用前端js直接调用方式
通过以上步骤，你可以成功安装、配置和使用 RabbitMQ。RabbitMQ 的强大功能和灵活性使其成为微服务架构中处理消息的首选中间件之一。希望这些示例能帮助你快速上手 RabbitMQ。原创 2024-12-16 09:07:10 · 693 阅读 · 0 评论 -
Nginx 配置需要注意的安全问题及完整案例
变量，导致换行符（CRLF）被注入到 HTTP 头中，从而可能引发会话固定漏洞、CSRF 漏洞或 XSS 漏洞。：禁用 TLS 1.0 及以下版本，使用更安全的 TLS 1.2 或 TLS 1.3。：设置了一些通用的安全参数，如限制请求体大小、连接超时、限制并发连接数等。以上配置是一个基本的安全配置案例，实际应用中可能需要根据具体需求进行调整。路径配置不当，可能导致攻击者访问到服务器上的任意文件。：添加了一系列的安全响应头，以增强网站的安全性。在 Nginx 配置中，子块中的。原创 2024-12-14 09:13:45 · 1091 阅读 · 0 评论 -
适用于JS开发的业务场景
在Web开发中，JavaScript（JS）因其灵活性和强大的功能，在前端实现各种业务逻辑和用户交互方面有着广泛的应用。原创 2024-12-12 16:26:07 · 419 阅读 · 0 评论 -
vue的前端架构 介绍各自的优缺点
MPA 适用于小型项目或内容相对静态的网站，开发和维护成本较低，对搜索引擎友好。然而，对于需要复杂交互和动态内容的应用，MPA 的用户体验较差，开发效率较低。相比之下，单页应用（SPA）提供了更好的用户体验和更高的开发效率，但需要更多的前端开发工作和资源投入。SSR 提供了更好的首屏加载速度和 SEO 优化，适合需要良好 SEO 和快速响应的应用。然而，它也增加了开发和维护的复杂性，需要更多的服务器资源。在选择是否使用 SSR 时，应根据项目的具体需求和资源情况进行权衡。原创 2024-12-12 14:02:48 · 1317 阅读 · 0 评论 -
将table中行的赋值到其他模块去维护不显示，this.$forceUpdate()无效，刷新key 放到完整模块里不可行
key： 通过改变组件的key属性，Vue 会认为这是一个新的组件实例，从而重新渲染组件。vue： Vue 提供了一个方法，可以强制组件重新渲染。虽然这种方法不推荐频繁使用，但在某些情况下可以解决问题。javascriptv-if： 通过控制组件的显示和隐藏，可以达到重新渲染的效果。vue。原创 2024-11-27 17:52:31 · 434 阅读 · 0 评论 -
监控Vue输入框输入内容后，将换行、空格、空白符、回车和制表符转逗号
const reg = /[\n\r\t\s]+/g // 注意：我添加了+来确保至少替换一个连续的空白字符。原创 2024-08-20 16:48:52 · 482 阅读 · 0 评论 -
vue 实现对图片的某个区域点选， 并在该区域上方显示该部分内容
首先，你需要有一个图片，并且知道图片上各个区域的坐标和相关信息。原创 2024-07-23 09:17:31 · 2343 阅读 · 0 评论 -
vue实现列表上方的查询条件和表头等悬停在上方
首先table 增加强制样式。原创 2024-05-13 13:41:02 · 333 阅读 · 2 评论 -
在vue中的class增加事件监控
在收到点击事件时，触发函数onClickFirstNode实现内容自己需要的处理。在mounted中初始化class的click事件监控，原创 2024-05-07 16:38:06 · 547 阅读 · 0 评论 -
Vue.js 实现动态修改带icon的input样式
/ 添加类名，修改样式。原创 2023-04-20 11:32:22 · 917 阅读 · 1 评论 -
JS 实现占位符截取字符串内容
var str = "中国人民解放军kangkai激昂的CHANG着国歌，"@#$%%%";//返回charnum占位长度 下的字符串长度;//charnum占位长度，//str 字符串内容。原创 2023-04-10 17:05:24 · 803 阅读 · 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 · 178 阅读 · 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 · 1502 阅读 · 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 · 1077 阅读 · 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 · 866 阅读 · 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 · 312 阅读 · 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 · 667 阅读 · 0 评论 -
html css 实现字体不同的排版
官网：https://developer.mozilla.org/zh-CN/docs/Web/CSS/writing-mode原创 2021-09-01 17:34:53 · 176 阅读 · 0 评论 -
moment.js 实现时间格式化
格式化时间js文件下载地址：https://download.youkuaiyun.com/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 · 2739 阅读 · 0 评论 -
jquery-contextmenu 实现右键菜单，并设置菜单禁用和启用
jquery-contextmenu 包下载地址https://download.youkuaiyun.com/download/xiaozukun/16660701function BindRightMenu(){//绑定右键事件 $.contextMenu({ selector: '.rightMenuBind', callback: function(key, options) { var XXX= $(this).attr('data-XXX...原创 2021-04-13 17:04:40 · 531 阅读 · 0 评论 -
实现网页横向纵向打印CSS代码
<style type="text/css" media="print"> @page{size:A4 landscape;} </style>目前chrome可以实现，IE未测原创 2020-11-25 14:37:05 · 2306 阅读 · 0 评论 -
jquery 监控web input 输入的内容，并做相应的修改
$(function(){ // //一开始就获取焦点，相当于设置了autofocus自动获取焦点了（HTML5 新增表单控件属性） // $('#txt01').focus(); // //文本框获取焦点的时候（有光标闪烁的时候） // $('#txt01').focus(function() { // alert('focus'); // })...原创 2020-07-28 16:22:32 · 363 阅读 · 0 评论 -
chrome 通过样式实现打印分页
1.示例代码： var isok = 0; var mknum =0; var ym = 1; $(".class0").each(function () { mkn...原创 2020-04-30 10:46:52 · 1028 阅读 · 0 评论 -
使用java、html5以及wPaint实现在线编辑图片并保存到FTP中的功能，在线图片为iis服务
文件准备wPaint下载链接：https://download.youkuaiyun.com/download/xiaozukun/110973261、配置图片服务器，进入insertnet信息服务（iis）管理器，右键网站，选择属性，切换到HTTP 头点击点击按钮，增加三条信息：1）X-Powered-By 对应值ASP.NET2）Access-Control-Allow-Heade...原创 2019-04-08 16:41:26 · 1144 阅读 · 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 · 2246 阅读 · 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 · 485 阅读 · 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 · 1164 阅读 · 1 评论