- 博客(23)
- 收藏
- 关注
RSS订阅原创 Vue+ Element el-radio-group 绑定事件
【代码】Vue+ Element el-radio-group 绑定事件。
2022-11-28 15:48:09
2584
1
原创 JS瀑布流
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <title>瀑布流</title> <link rel="stylesheet" href="../css/reset.css" /> <style> * { margin: 0; padding: 0
2021-04-17 17:35:55
169
2
原创 原生JS实现倒计时效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>倒计时</title> <style> #showtime { font-size: 45px; color: #f00; text-align: center; }
2021-04-12 19:29:03
164
原创 原生JS使用事件委托实现留言板
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>留言框demo</title></head><body><input type="text" id="ipt"><button id="btn">ADD</button><ul id="list">
2021-04-09 21:20:49
223
4
原创 JS正则验证用户登录和注册
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <title>Title</title> <style> ul { list-style: none; } </style> </head> <body> <for
2021-04-07 20:35:50
310
1
原创 JS实现事件委托留言demo
事件委托的好处：减少内存消耗，提高性能<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2021-04-06 18:58:08
106
原创 原生JS鼠标拖拽菜单栏移动
CSS代码<style> * { margin: 0; padding: 0; } html, body { height: 100%; } #btn { position: absolute; /* display: none; */
2021-04-06 17:10:51
168
原创 原生JS实现tab栏切换和拖拽效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do
2021-04-04 17:50:10
358
原创 原生JS实现鼠标跟随事件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title>Title</title></head><body> <!-- <div></div> --> <img src="./img/1.gif" alt="" id="img" style="p
2021-04-04 17:46:29
75
原创 JS基础+JS高级常用单词大全
Script:脚本Dom：文档对象类型Bom:浏览器对象类型onclick：鼠标点击事件src：文件源console：控制台log：日志prompt：弹出输入框var：关键字声明变量number：数字string：字符串Boolean：布尔值undefined：未定义true：真false：假null：空NaN：非数字infinity：无穷大MAX_VALUE:数字最大值MIN_VALUE:数字最小值isNaN：是否是非数字length：长度typeof：检测变量
2021-03-31 21:05:18
1102
1
原创 前端最实用的库Lodash
简介：“Lodash 通过降低 array、number、objects、string 等等的使用难度从而让 JavaScript 变得更简单。”这是一个对数据进行函数化编程的有效工具；安装：浏览器环境npm安装$ npm i -g npm$ npm i --save lodash文档Lodash 中文文档 | Lodash 中文网www.lodashjs.com基础用法介绍下面拿一个函数来做例举Object中的 _.assign(object, [sources])简单的说
2020-07-19 09:40:52
398
原创 2020前端Vue路由及相关知识
文章目录路由的本质就是一一对应的关系路由:前端路由和后端路由前端路由:就是依靠hash值的变化进行实现后端路由:就是根据不同的url地址对应不同的资源的分支使用location.hash来获取最新的hash值window.onhashchange事件来监听路由重定向:redirect路由嵌套:比如我们有一个/login的路由然后/login路由下又有子路由此时就是路由嵌套例如:/login/username,/login/password动态路由匹配: route.params.id来获
2020-07-17 10:46:17
103
原创 基于vue-router的实例案例
基本样式如下:<head> <meta charset="UTF-8" /> <title>基于vue-router的实例案例</title> <style type="text/css"> html, body, #app { margin: 0; padding: 0px; height: 100%; } .he
2020-07-13 09:48:13
397
原创 Vue的一些实战常用问题知识
vue声明周期:beforeCreate创建前Created创建后beforeMount挂载前Mounted挂载后beforeUpdate更新前Updated更新后beforeDestroy销毁前Destroyed销毁后vuex是vue框架的状态管理vuex中有哪些属性:state getter moutation action moudulevue中的组件之间得传值都有哪些: 父组件向子组件传值是通过props,然后子组件向父组件传值是通过emit兄弟组件传值是通过Eventbus(项目较小时可以使
2020-06-30 22:24:27
133
1
转载 react.js 表单验证-登录框
import React,{ Component } from 'react';import style from 'cms.css';/** * 路由路径 登录成功后页面跳转到index */import { index } from 'config';export default class Login extends Component { constructor(props){ super(props); this.state = {
2020-05-21 18:35:50
302
原创 Ajax如何解决跨域问题和请求的四种方式get,post,put,delete
Ajax 错误处理1. 网络畅通，服务器端能接收到请求，服务器端返回的结果不是预期结果。可以判断服务器端返回的状态码，分别进行处理。xhr.status 获取http状态码2. 网络畅通，服务器端没有接收到请求，返回404状态码。检查请求地址是否错误。3. 网络畅通，服务器端能接收到请求，服务器端返回500状态码。服务器端错误，找后端程序员进行沟通。4. 网络中断...
2020-04-10 18:37:05
1145
原创 Vue的init project 文件格式命令以及相关知识点
链接：https://pan.baidu.com/s/1Yimhd6_DuoSZL5IuJmboVw 提取码：7340 复制这段内容后打开百度网盘手机App，操作更方便哦v-model 双向绑定就是同时渲染 从页面到数据 然后在从数据到页面v-bind: 属性绑定 还有一种简写的方式v-bind:前面的v-bind去掉直接写:就可以了input事件change事件 是失去焦点才触...
2020-04-10 18:24:14
637
原创 ...的解释就是展示运算符
…代表扩展运算符, 是es6的语法意思是: 如果id存在, 不为undefined, 就用后面的对象填充进mapState的对象中
2020-04-10 18:18:25
123
转载 Vue项目引入cdn资源以及相关配置
<!-- nprogress 的样式表文件 --> <link rel="stylesheet" href="https://cdn.staticfile.org/nprogress/0.2.0/nprogress.min.css" /> <!-- 富文本编辑器 的样式表文件 --> <link rel="stylesheet" ...
2020-04-10 18:14:36
1191
原创 继上篇小程序的基本知识点的运用和技巧示例的home页面
js文件// pages/home/home.jsPage({ /** * 页面的初始数据 */ data: { info: 'init data', id: 10, num: 12, array: [1, 2, 3, 4, 5] }, onhandlerclick: function(event) { co...
2020-04-10 17:49:05
102
原创 小程序的基本知识点的运用和技巧示例
在这里插入代码片<!--pages/main/main.wxml--><button type="primary" open-type="share" data-init="123">转发分享</button><view wx:if="{{length > 4}}">1</view><view wx:elif="{{l...
2020-04-10 17:33:40
116
原创 小程序外联wxs脚本
在这里插入代码片var name = ‘Hello World’var say = function(Response) {return Response}module.exports = {name: name,// say: function() {// return ‘思密达’// }say: say}```![在这里插入图片描述](https://img-blog....
2020-04-10 17:10:07
160
原创 tabBar的快速切换页面
首先在app.json页面定义2~3个页面路径具体如下代码:“pages”: [“pages/tabhome/tabhome”,“pages/tabmsg/tabmsg”,“pages/tabcontact/tabcontact”],定义这三个页面路径,然后在当前页面中在与pages的同级中写入"tabBar": [{“pagePath”: “pages/tabhome/tabho...
2020-04-09 18:12:24
759
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人