- 博客(16)
- 收藏
- 关注
RSS订阅原创 vue2.0 和 vue3.0 使用 IntersectionObserver API 实现图片懒加载自定义指令
IntersectionObserver API 实现图片懒加载
2023-07-06 15:03:27
358
转载 web安全之XSS攻击及防范
一：什么是XSS攻击？二：反射型XSS三：存储型XSS四：DOM-based型XSS五：SQL注入六：XSS如何防范？cookie安全策略X-XSS-Protection设置XSS防御HTML编码XSS 防御HTML Attribute编码XSS防御之javascript编码XSS 防御之 URL 编码XSS 防御之 CSS 编码开启CSP网页安全政策防止XSS攻击一：什么是XSS攻击？XSS 即（Cross Site Scripting）中文名称为：跨站脚本攻击。XSS的
2022-03-14 11:08:15
1441
原创 JS防抖节流
一、防抖防抖：当持续触发事件，在一定时间内没有再次或多次触发事件，事件处理函数才会执行一次，如果设定时间内多次触发了事件，就重新开始计时。没做防抖前：HTML代码 <input type="text" id="inp">JS代码var inp = document.getElementById('inp') // 找到input输入框 function inputFun(value){ console.log(`输出的内容是${value}`) }
2020-09-06 16:26:18
179
原创 React 组件之间传值
一、父组件向子组件传值父组件代码import React, { Component } from 'react'import {HashRouter as Router, Route,Link} from 'react-router-dom'import Child from './Child'export default class Parent extends Component { constructor(){ super() this.state=
2020-08-20 22:56:31
9924
原创 VUE全家桶——VUEX
一、Vuex概述1.1组件之间共享数据的方式父向子传值：v-bind 属性绑定子向父传值：v-on 时间绑定兄弟组件之间共享数据：EventBus$on 接收数据的那个组件$emit 发送数据的那个组件1.2 Vuex是什么Vuex是实现组件全局状态（数据）管理的机制，可以方便的实现组件之间的数据共享。使用Vuex和不 使用Vuex的区别，如图所示：1.3 使用Vuex统一管理状态的好处 1. 能够在 vuex 中集中管理共享数据，易于开发和后期维护 2. 能够高效地实现组件
2020-07-14 23:13:52
280
原创 闭包可以使得变量值始终保持在内存中
闭包可以使得变量值始终保持在内存中代码： var numAdd; function f1(){ var num = 100; //局部变量，生存期在f1（）调用完以后被删除，但使用闭包后就不会被删除了 //匿名函数 numAdd = function(){ num+=1 } function f2(){ alert(num) } return f2; } var result = f1();
2020-07-14 17:21:10
1318
1
原创 闭包实现计数器案例
一级标题统计数值，且该计数器在所有函数中都可以用的JS代码 function add(){ var count = 0;//变量值始终保持在内存中 function getCount(){ count +=1 ; alert(count); } return getCount; } var result = add(); result(); //输出 1
2020-07-14 16:58:29
639
原创 闭包实现点赞功能
html代码： <ul> <li> <input type="button" value="赞(0)"> </li> <li> <input type="button" value="赞(0)"> </li> <li> <input type="butt
2020-07-14 16:34:44
647
原创 MPVUE 开发微信小程序 textarea v-model 绑定不了数据
1.原html代码 <textarea v-model="comment" class="textarea" :maxlength="100" placeholder="请输入评论内容"> </textarea>2.js代码 export default { data(){ ...
2019-11-26 11:33:49
1629
转载 原生 JS 实现移动端 Touch 滑动反弹
什么是 Touch滑动？就是类似于 PC端的滚动事件，但是在移动端是没有滚动事件的，所以就要用到 Touch事件结合 js去实现，效果如下：1. 准备工作什么是移动端的 Touch事件？在移动端 Touch事件可以细分成三种，分别是： touchstart、 touchmove和 touchend，并且 touch事件必须要用 addEventListener去监听。touchStar...
2019-10-18 10:21:38
164
原创 js原生加jq写三级联动下拉菜单
HTML代码<form> <div class="area"> <label> <select name="province" id="province"></select> </label> <label> ...
2019-10-17 16:19:16
334
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人