2019年12月_邱志刚

原创获取当前（日期，时间）实时变动。

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2019-12-31 15:43:53 500 2

原创 vue 监听手机返回键---实用

vue打包app的时候点击home键闪退问题，结合实际，问题已解决，希望能帮助各位。名命 back.jsdocument.addEventListener('plusready', function () { var webview = plus.webview.currentWebview(); plus.key.addEventListener('backbutton', ...

2019-12-28 11:23:27 3426 1

一、XSS(Cross Site Scripting)跨站JS脚本攻击，如何防范？针对接口进行 XSS攻击，即把js脚本或者带恶意js脚本的html标签，作为GET或者POST参数提交到服务器，然后服务器解释并响应，在响应结果里把脚本或者html标签原样返回明显示和执行。这明显是很有问题。防范方式：1）提交数据前前端要做数据校验，对用户输入的信息(js代码及dom节点)进行过滤。2）对重要的co...

2019-12-25 11:13:03 456

翻译前端面试题整理

1.Get和post的区别是什么1. Get是不安全的，因为在传输过程，数据被放在请求的URL中；Post的所有操作对用户来说都是不可见的。2. Get传送的数据量较小，这主要是因为受URL长度限制；Post传送的数据量较大，一般被默认为不受限制。3. Get限制Form表单的数据集的值必须为ASCII字符；而Post支持整个ISO10646字符集。4. Get执行效率却比Post方法好。...

2019-12-14 17:47:12 175

原创事件冒泡原理（阻止事件冒泡完整案例)

事件冒泡：子集触发事件同时也会触发父集的事件，又触发父集的父集，层层递进触发就形成了事件冒泡。方法1 e.stopPropagation(); 方法2 //如果提供了事件对象，则这是一个非IE浏览器 if ( e && e.stopPropagation ){ //因此它支持W3C的stopPropagation()方法 ...

2019-12-14 16:41:24 865 1

原创 html rem自适应移动端

随着窗口的大小来改变字体大小。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta...

2019-12-12 14:36:12 314

原创 css补漏水。

a 标签属性a:active{color：red} // 鼠标左键点击不放显示红色。a:link //链接样式颜色a:visited //访问过后input表框<input type='text' ><input type='text' disabled> ...

2019-12-11 17:54:41 121

原创 React get传值

此处用到的url模块，当然方法有很多，也可以用其他方法。1.列表页 <Link to={`/getdata?uid=${item.uid}`}>{item.name}</Link>完整案例import React, {Component} from 'react';import '../assets/css/Cty.less'import { Link } f...

2019-12-10 17:35:16 1561

原创 React 路由传值

1.列表页<Link to={`/plumis/${item.uid}`}>{item.name}</Link>import React, {Component} from 'react';import '../assets/css/Cty.less'import { Link } from "react-router-dom";class Cty exten...

2019-12-10 17:26:35 308

原创 React路由(模块化)

1.安装路由npm install react-router-dom --saveapp.js引入路由import { BrowserRouter as Router, Route, Link } from “react-router-dom”;其他页面也需要页面跳转时，也需要引入。import React,{Component} from 'react';import { Brow...

2019-12-10 17:16:01 432 1

原创 React生命周期函数介绍

组件加载的时候触发的函数：constructor， //01构造函数componentWillMount， //02组件将要挂载render //不属于生命周期函数，03数据渲染componentDidMount //04组件挂载完成组件更新时触发的函数：shouldComponentUpdate // 01是否更...

2019-12-09 11:59:03 154

原创 React 请求数据 axios、fetchJSONP

axios1.安装 axios模块npm install axios --save12.引用哪里使用引哪里 import axios from 'axios'13.使用import React, {Component} from 'react'import axios from 'axios'class Axios extends Component { con...

2019-12-07 16:35:06 173

原创 React父子组件传值props && PropTypes &&defaultProps

父子组件：组件的相互调用中，我们把调用者称为父组件，被调用者称为子组件父子组件（react父子组件通信）：父组件给子组件传值1.在调用子组件的时候定义一个属性，2.子组件里面 this.props.msg父组件不仅能和子组件传值，还可以给子组件传方法，以及把整个父组件传给子组件。父组件主动获取子组件的数据1. 调用子组件时指定ref的值，2.通过this.refs,header 获...

2019-12-05 17:39:42 200

原创 React训练小demo

掉demo，点击取反重新赋值，import React, {Component} from 'react'import '../Todemo/Tododemo.less'class Tododemo extends Component { constructor(props) { super(props); this.state = { ...

2019-12-05 15:00:17 543

原创 React的form表单提交

包括了表单里input radio select checkbox textarea form 等一些操作， import React,{Component} from 'react'; class Reactform extends Component { constructor(props) { super(props); this.s...

2019-12-04 17:49:46 7898

qq_42957741的博客