先简单普及下内网穿透原理,大佬直接跳过.运行原理流程图什么是内网穿透? 1. 内网穿透是我们在进行网络连接时的一种术语，也叫做NAT穿透，即在计算机是局域网内的时候，外网与内网的计算机的节点进行连接时所需要的连接通信，有时候就会出现内网穿透不支的情况。内网穿透的功能就是，当我们在端口映射时设置时，内网穿透起到了地址转换的功能，也就是把公网的地址进行翻译，转成为一种私有的地址，然后再采用路由的方式A
转载
2024-04-18 22:33:00
81阅读
疫情三年，居家办公是常态，我们不得不远程访问公司内网部署的OA、ERP、CRM、数据库等应用系统，才能顺利完成工作，这一场景把内网穿透这一专业化技术推到普罗大众面前。内网穿透也叫NAT穿透，又被称为端口映射或内网映射，即应用在局域网或内网状态下，外网与内网计算机的节点进行连接时所需要的连接通信。一句话概括就是实现外网访问内网, 解决无公网IP的困境。内网穿透技术无疑为企业和大众带来了极大的便捷。那
转载
2024-09-30 18:59:59
94阅读
scoped属性是前端开发中经常接触的一个样式属性。那么，我们应该怎么应用好这个属性，加快我们的工作进度呢？下面我会从以下几个方面来谈谈我工作中遇到的关于scope属性的问题。一、应用场景在vue项目中我们经常会使用组件库，组件库本身具有自己的style属性，但是组件库本身的style属性不一定是我们需要的。比如边距、颜色、大小等属性。一些重要的、通用的属性可以通过组件库给我们提供的指令来设置，但
转载
2024-09-18 15:49:23
92阅读
组件事件属性
穿透属性
$attrs包含从父组件传过来的属性，但不包含子组件中prop中的属性以及class和style，所以对于那些html元素原生属性，可以不用再子组件中声明，直接从父组件中传进来就好// 子组件
<template>
<div>
<input type="text" name="" id="" v-bind="$attrs" v-o
无需安装、注册，一行命令搞定内网穿透！关键是完全免费
播报文章程序那点事2022-06-01 07:59湖南科技领域创作者关注 内网穿透，即NAT穿透，网络连接时术语。外网与内网的计算机节点需要连接通信，映射端口能让外网的电脑找到处于内网的电脑，提高下载速度。 内网穿透的应用场景 web 应用开发 向外网发布开发的一些we
转载
2024-04-25 15:08:05
45阅读
scoped看起来很好用，当时在Vue项目中，当我们引入第三方组件库时(如使用element ui)，需要在局部组件中修改第三方组件库样式，而又不想去除scoped属性造成组件之间的样式覆盖。这时我们可以通过特殊的方式 穿透scoped 1、stylus的样式穿透 使用 2、sass和less的样式
原创
2021-10-22 17:25:07
393阅读
scoped看起来很好用，当时在Vue项目中，当我们引入第三方组件库时(如使用element-ui)，需要在局部组件中修改第三方组件库样式，而又不想去除scoped属性造成组件之间的样式覆盖。这时我们可以通过特殊的方式穿透scoped1、stylus的样式穿透 使用 >>>.wrapper >>> .swiper-pagination-bullet-...
原创
2021-09-09 14:19:17
1415阅读
scoped看起来很好用，当时在Vue项目中，当我们引入第三方组件库时(如使用element-ui)，需要在局部组件中修改第三方组件库样式，而又不想去除scoped属性造成组件之间的样式覆盖。
原创
2022-03-04 13:53:58
943阅读
先上功能效果具体实现功能，从左侧列表选中放到右侧列表，从右侧列表选中放到左侧列表，左右两个列表可进行模糊查询，按条件搜索等功能，这些模糊搜索和条件查询全部js实现准备内容1、data数据// --------------选择学生模块----------
stuShow: false,
// 左侧查询参数
stuForm1: {
name: "",
前言在日常的Vue项目开发过程中，为了让项目更好的维护一般都会使用模块化开发的方式进行。也就是每个组件维护独立的template，script，style。主要介绍一下使用<style scoped>为什么在页面渲染完后样式之间并不会造成污染。示例搭建一个简单的Vue项目测试一下：终端执行npx webpack输出dist目录，在浏览器打开index.html调试一下看看现象：每个组件
由于没有办法在网络上找到适合顾客的模板，同时之前自己写css也没有很好的管理方式，最终选择了scss。 Nested #main p {
color: #00ff00;
width: 97%;
.redbox {
background-color: #ff0000;
color: #000000;
}
}
》》》》》》》》》》》》》》》》》》》
第一种: 在组件中直接使用style不需要组件从外部引入css文件，直接在组件中书写。import React, { Component } from "react";
const div1 = {
width: "300px",
margin: "30px auto",
backgroundColor: "#44014C", //驼峰法
minHeight: "200px",
boxSizing
一：插件1:better-scroll 插件实现左右轮播滚动2:vue-lazyload 插件实现图片懒加载4：vue-resource插件类似于axios插件5:main.js中全局引入mint ui框架，页面里面随便使用该框架的组件二：vuejs相关1:实现移动端自适应:方案一1.1: postcss 插件引到项目里 功能：把你自己写的代码px转化为rem（对于引入的外部插件，不做
缓存雪崩缓存雪崩是指缓存中数据大批量到过期时间，而查询数据量巨大，引起数据库压力过大甚至down机。和缓存击穿不同的是， 缓存击穿指并发查同一条数据，缓存雪崩是不同数据都过期了，很多数据都查不到从而查数据库。解决方法缓存数据的过期时间设置随机，防止同一时间大量数据过期现象发生。如果缓存数据库是分布式部署，将热点数据均匀分布在不同搞得缓存数据库中
vue事件处理小结事件监听可以使用v-on指令监听DOM事件来触发javascript代码。事件监听的好处？ 所有的 Vue.js 事件处理方法和表达式都严格绑定在当前视图的 ViewModel 上，它不会导致任何维护上的困难。实际上，使用 v-on 有几个好处：扫一眼HTML模板便能轻松定位在Javascript代码里对应的方法因为你无须在Javascript里手动绑定事件，你的ViewMo
转载
2024-06-20 20:52:43
31阅读
属性和选择器嵌套是非常伟大的特性，因为他们不仅仅减少了你的编写量，而且通过视觉上的缩jinx使编写的样式结构更加清晰，更易于阅读个开发。原生的css导入 原生的css的@import规则允许在一个css文件中导入其他css文件。但这样执行到@import时，浏览器才会执行其他的css文件，导致页面加载起来特别慢。 sass 的@import规则，在省城css文件时就把相关文件导入进来。这就意味着所
最近在进行静态页面的制作，为了方便和快速的布局，自己整理了一套工具可以快速的进行工作，剩余的时间大家都懂的，话不多说，来看具体的东西吧！1、ps 下载这个软件→cutterman 十分强大的切图功能，主要是最近的页面不规则图形实在是太多，自己写的话又浪费时间，就在网上找了一个这个软件，附带地址http://www.cutterman.cn/zh/cutterman注意：这个软件在安装的时候有点乱
目录1 简述2 深度解析2.1 不添加 scoped2.2 添加 scoped3 解决办法3.1 官方解决办法3.2 博主选择的解决办法 1 简述博主近期使用 vue 时写发现某些样式不生效，怎么都不生效， 不过将style 中的 scoped 去掉后，居然生效了，那么出现样式不生效的原因肯定就是 scoped 捣的鬼，在仔细研究过后得出了一些结论，包括为什么会出现这种情况和解决办法，在此分享。
转载
2024-05-28 16:21:57
378阅读
在我公司的项目中对ant的组件库进行了二次封装，经常有用到 v-bind和useArrts() 给组件传递属性接收来自父级传入的未在props定义的属性 大概意思也知道，v-bind不指定属性时可以给组件一次传入多个属性，然后父级传来并且没有在props定义的属性会装在attrs里面。用也大概会用，但今天有去vue官网看了一些对这些有新的认识，顺便再次
理解Vue中的scoped实现原理及穿透方法何为scoped在vue文件中的style标签上，有一个特殊的属性：scoped。当一个style标签拥有scoped属性时，它的CSS样式就只能作用于当前的组件，也就是说，该样式只能适用于当前组件元素。通过该属性，可以使得组件之间的样式不互相污染。如果一个项目中的所有style标签全部加上了scoped，相当于实现了样式的模块化。scoped实现原理&
