概念:
（1）防火墙是由软件、硬件构成的系统，是一种特殊编程的路由器，用来在两个网络之间实施访问控制策略。（2）访问控制策略是由使用防火墙的单位自行制订的，为的是可以最适合本单位的需要。（3）防火墙内的网络称为“可信的网络”(trusted network)，而将外部的因特网称为“不可信的网络”(untrusted network)。（4）防火墙可用来解决内联网和外联网的安全问题。 &n
释放双眼，带上耳机，听听看~！beforeMount:渲染前，被vue管理起来的dom在vue实例里还没完成渲染，所以就是还不能访问vue渲染的dom,平时项目中基本用不到，知道有这个是干什么的就行。mounted:渲染后，数据已在vue实例中渲染完成，也就是可以访问vue渲染的dom了，很常用的一个勾子，一定要记住。beforeUpdate:更新前，当数据发生改变，但页面还没完成更新，但快要更新
CSS样式表的主要作用是修饰Web页面上的HTML标记，但有时候，为了实现某个效果而往页面里反复添加某个HTML标记很繁琐，或者是显得多余，或者是由于某种原因而做不到。这就是CSS伪元素(Pseudo-Element)可以发挥作用的地方，所谓‘伪元素’，就是本身不存在的页面元素，HTML代码里并没有这样的元素，但在页面显示时，你却能看到这些本来不存在的元素发挥着作用。之前我们曾简要的介绍过一些关于
转载
2024-10-21 18:10:24
32阅读
1.首先是生命周期：其实只有四个单词，记住就好了并不难记为了说明组件创建，存在，销毁的过程，提供了组件生命周期组件共分三大周期：创建期，存在期，销毁期创建期：beforeCreate 组件即将创建，此时什么数据都无法访问created 组件创建完成，此时我们可以访问绑定的数据以及自定义事件beforeMount 组件即将构建，此时确定了容器元素和模板渲染方法，但是没有上树mounted 组件构建完
前言：css是前端不可缺少的一部分，也很重要。厉害的前端可以用最简洁的css，实现美观的布局。下面我们来说一下::befor和:befor的用法及区别？在css中，::before 是一个伪类元素，代表生成的内容元素，表示相应元素的可抽象样式的第一个子元素，即：所选元素的第一个子元素。利用::before可以把需插入的内容插入到元素的其他内容之前，并且默认内联显示。::before需要使用cont
转载
2024-03-25 22:07:29
50阅读
最近在项目中遇到一个需求需要在一个项目中直接引用另一个项目，尝试各种情况无果后选择了iframe。现将调用过程中遇到的问题做一个分享。router.go()的使用 此情况主要适用于更改iframe中src值以后导致的路由跳转混乱。详细描述：当多次更改iframe->src属性后，调用router.go(-1)，不能实现路由后退上一级，而是将iframe当作一个窗口文档，调用了该窗口文档的w
Vue是一个流行的JavaScript框架，它使用组件化的方式构建应用程序。在Vue中，父组件通过props传递数据给子组件。然而，在Vue中，子组件不能直接修改通过props传递的数据。这是由于Vue遵循的单向数据流的概念。单向数据流意味着数据只能从父组件流向子组件，不能反过来。这样做的好处是，我们可以清楚地跟踪数据的来源和如何被使用，使得应用程序更加易于维护和理解。如果子组件可以修改props
this.$once(‘hook:beforeDestory‘,())，销毁定时器
原创
2022-11-18 00:00:37
280阅读
1、uniApp中如何进行页面跳转？答案：可以使用 uni.navigateTo、uni.redirectTo 和 uni.reLaunch 等方法进行页面跳转。其中，uni.navigateTo可以实现页面的普通跳转， uni.redirectTo可以实现页面的重定向跳转， uni.reLaunch可以实现关闭所有页面，打开到应用内的某个页面。示例代码：// 在某个页面的点击事件中跳
转载
2024-08-03 14:06:27
419阅读
小程序：uniapp 第二弹(配置项)开发目录┌─components uni-app组件目录
│ └─comp-a.vue 可复用的a组件
├─hybrid 存放本地网页的目录
├─platforms 存放各平台专用页面的目录
├─pages 业务页面文
转载
2024-10-16 22:24:15
67阅读
页面关闭弹出提示并注销登录（兼容主流浏览器）
这是多么普遍而又正常的需求啊，然而在多浏览器时代，这又是多么难做啊~~（我不是FE，我是Java工程师）
目前这个代码能够兼容以下浏览器（我亲测过的）：
IE8，Chrome12，Firefox5，Safari4
应该也能支持以下浏览器：
IE7，Chrome8以后的版本，Firefox3.6
关于happen beforehappen-before是JAVA内存模型中定义的两项操作之间的偏序关系，如果操作A先行发生于操作B,则发生操作B之前,操作A产生的影响都能被操作B观察到。这个原则是判断线程是否安全的重要依据。 下面是几条happen-before规则 1.在一个单独的线程,按照程序代码的执行顺序，先执行的操作happen-before后执行的操作。 2.锁:一个unlock
转载
2024-03-31 07:39:38
89阅读
方式一：定义data中定义timerexport default { data() { return { // 定义定时
原创
2022-01-19 09:39:26
621阅读
vue 由 clearTimeout无法清除定时器引发的vue 周期函数，事件代码执行顺序思考 最近做个移动的项目，遇到需求：首页无操作20秒，自动退出登录。其他页面20秒无操作，自动跳转首页。所谓的无操作，包括点击，触摸，滑动等用户行为。 这需求其实也很简单，思路就是使用定时器setTimeout设定时间，监听页面是否有点击，触摸，滑动等事件在操作，如果没有，则时间一到，就跳转首页或者退出登录
使用的是vue-element-admin。需求项目需求是在点击左边侧边栏的时候判断如果是外部的页面之后，将此页面在右侧打开，每打开一个，tagview中也会相应加上，当切换这些tagview时，要保持每个页面切换前的状态，就是不重载。尝试 新建了iframe.vue文件，里面套iframe标签，通过地址的参数不同，跳转不同的iframe页面，但是在做切换时，会导致iframe页面重载，利用了ke
转载
2024-03-25 21:57:05
256阅读
方式一：定义data中定义timerexport default { data() { return { // 定义定时器 timer: null, }; }, methods: { startTimer() { this.timer = setInterval(() => { // 需要做的事情 }, 1000); }, stopTimer() { clearInte
原创
2021-10-29 13:44:16
10000+阅读
监听事件hook:beforeDestroyVue：使用定时器timer及其清理hook:beforeDestory
原创
2022-12-21 10:22:00
102阅读
首先了解一下什么是生命周期函数：Vue 实例从创建、挂载、更新、销毁等一系列的过程，我们称这是 Vue 的生命周期。它的作用：Vue 所有的功能的实现都是围绕其生命周期进行的，在生命周期的不同阶段调用对应的钩子函数可以实现组件数据管理和DOM渲染两大重要功能。 生命周期中有多个事件钩子，在控制整个vue实例的过程时更容易形成好的逻辑。也就是说，Vue的生命周期函数可以帮助我们在它的各个阶段进行事件
转载
2024-07-10 07:56:08
234阅读
很多时候我们在操作过页面时候，特别是增删改操作之后，数据会有所改变，这个时候我们希望返回的界面中的数据要和数据库中的数据进行同步，就需要刷新当前页面，如果是使用ajax可以使用异步请求实现页面的局部刷新，Vue常用的几种刷新页面方法如下： 目录1、原地页面重新加载（不推荐）2、空白页面作为过渡3、使用Provide / Inject组合控制显示4、v-on:param父组件监听子组件事件 1、原地
转载
2024-04-01 09:44:31
255阅读
最近做项目，遇到个大坑，这会爬出来了，写个总结，避免下次掉坑。vue父子组件传值不能实时更新问题，父组件将值传给了子组件，但子组件显示的值还是原来的初始值，并没有实时更新，为什么会出现这种问题呢？出现这个问题，可能有以下两个原因：一、 父组件没有把值传过去，子组件没有获取到最新的值。二、子组件接收到最新的值了，但是没有实时渲染到视图上。如果是第一种情况很简单，核对传的参数，确保把最新的值传过去就可
转载
2024-04-14 16:53:21
273阅读
