前端
weixin_44282540
这个作者很懒,什么都没留下…
展开
-
本地前后端联调方式一
前后端直接联调原创 2022-08-05 14:54:38 · 456 阅读 · 0 评论 -
js表单的简单用法
<!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-UA-Compatible" content="ie=edge"> <title>Doc原创 2021-06-01 12:08:58 · 117 阅读 · 0 评论 -
js页面跳转
js中的 window.open(url,"_self"); 这个我是怎么也打不开。于是就使用了:window.open("b.html","_blank")window.open("b.html","_blank")这个原创 2021-05-31 13:33:23 · 132 阅读 · 0 评论 -
前端打印输出(标准化输出)
console.log (推荐)console.log是在控制台中打出日志在控制台输出 可以输出任意类型的数据 支持多个参数的写法 无阻塞作用alert()alert是在界面上弹框呈现在页面上弹出 只能输出String类型的数据 不支持多个参数的输出,只能输出第一个参数 有阻塞作用,点击确定按钮之后,代码才能执行下一步...原创 2021-05-06 13:48:44 · 761 阅读 · 0 评论 -
Vue 开发的组件库
16款优秀的Vue UI组件库推荐Vue 是一个轻巧、高性能、可组件化的MVVM库,API简洁明了,上手快。从Vue推出以来,得到众多Web开发者的认可。在公司的Web前端项目开发中,多个项目采用基于Vue的UI组件框架开发,并投入正式使用。开发团队在使用Vue.js框架和UI组件库以后,开发效率大大提高,自己写的代码也少了,很多界面效果组件已经封装好了。在选择Vue UI组件库的过程中,通过GitHub上根据star数量、文档丰富程度、更新的频率以及维护等因素,也收集整理了一些优秀的Vue UI转载 2021-05-06 11:29:13 · 1045 阅读 · 0 评论 -
获取复选框中的值
遍历那个被选中了,再把值写入一个新的字符串中。直接上代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>控制器</title> <script type="text/javascript"> function dianji() { var myaaa=doc原创 2021-05-06 10:43:09 · 666 阅读 · 0 评论 -
HTML轮播图
一:简单的轮播图直接编辑src中的图片位置:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>轮播图测试</title> <script type="text/javascript"> var ps =new Array("img/f1.jpg","img/f2.jpg","img/f3.jpg","im原创 2021-05-05 00:06:09 · 384 阅读 · 0 评论 -
react组件生命周期
raect组件的生命周期函数,又叫钩子函数,他能响应不同的状态。组件的生命周期可分为三个状态:Mounting :已插入真实DOM Updating: 正在被重新渲染 Unmounting: 已移出真实DOM生命周期的方法有:componentWillMount 在渲染前调用,在客户端也在服务端。 componentDidMount 在第一次渲染后调用只有客户端...原创 2019-07-22 19:50:26 · 98 阅读 · 0 评论 -
react中的Props使用
React State (状态) React Props( 属性)区别:Props在交互的过程中数据是不可能改变的, State 可以根据与用户交互来改变数据(而子组件只能通过state来传递数据)React Props的用途:主要是从父组件传递给子组件的,在组件内部,我们可以通过this.props获取属性对象。Props 验证: 验证使用的是 P...原创 2019-07-22 16:52:56 · 595 阅读 · 0 评论 -
react的生命周期方法
生命周期方法生命周期方法,指的是在组件初始化后,以及组件销毁时,会自动执行的两个方法,我们可以在初始化方法中执行获取数据的操作,在组件销毁方法中执行一些清除操作,比如清除定时器等操作。这两个方法分别是:componentDidMount 和 componentWillUnmount。使用示例:class Hello extends React.Component{ const...原创 2019-05-26 21:36:17 · 125 阅读 · 0 评论 -
react数据交互
数据交互React没有集成ajax功能,要使用ajax功能,可以使用官方推荐的axios.js库来做ajax的交互。 axios库的下载地址:https://github.com/axios/axios/releasesaxios使用方法常用参数:1、url 请求地址2、method 请求方式,默认是'GET',常用的还有'POST'3、responsetype 设置返回的数据格...原创 2019-05-26 21:35:13 · 767 阅读 · 0 评论 -
react框架的安装
脚手架开发脚手架开发指的是react提供了完整的自动化开发工具及规划好了开发一个应用的项目目录,这些工具是通过nodejs开发的,我们可以通过npm(nodejs包管理命令)来安装这些工具,同时可以通过这个工具生成一个应用的项目目录。安装脚手架工具脚手架工具是nodejs的一个包,安装这个工具之前需要先安装nodejs,然后在终端执行以下命令:1、设置npm淘宝景象npm co...原创 2019-05-26 21:34:21 · 1007 阅读 · 0 评论 -
react使用
react导入的包一定要有顺序:<script src="js/react.development.js"></script><script src="js/react-dom.development.js"></script><script src="js/babel.min.js"></script>jsx中...原创 2019-05-25 23:11:49 · 80 阅读 · 0 评论 -
jquery-1.12.4.min.js
/*! jQuery v1.12.4 | (c) jQuery Foundation | jquery.org/license */!function(a,b){"object"==typeof module&&"object"==typeof module.exports?module.exports=a.document?b(a,!0):function(a){if(!a....原创 2019-04-03 16:16:12 · 6608 阅读 · 0 评论 -
箭头函数
箭头函数可以把箭头函数理解成匿名函数的第二种写法,箭头函数的作用是可以在对象中绑定this,解决了JavaScript中this指定混乱的问题。// 定义函数的一般方式/*function fnRs(a,b){ var rs = a + b; alert(rs);}fnRs(1,2); */// 通过匿名函数赋值来定义函数/*var f...原创 2019-04-03 16:05:35 · 89 阅读 · 0 评论 -
为什么使用ajax,怎么使用?
什么是AjAx? 异步的javascript和xml。作用是什么? 通过AjAx与服务器进行数据交换,AjAx可以使用网页实现布局更新。 这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。怎么来实现Ajax? XmlHttpRequest对象,使用这个对象可以异步向服务器发送请求,获取响应更新,完成局部...原创 2019-04-03 16:02:29 · 3675 阅读 · 1 评论 -
js 弹框确认是否删除
点击删除的时候可以弹出一个大黑框,里面是确定需要删除吗?<script type="text/javascript" src="/static/js/jquery-1.12.4.min.js"></script> <script type="text/javascript"> window.onload=function (ev)..原创 2019-01-14 21:48:16 · 2624 阅读 · 0 评论