自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(23)
  • 收藏
  • 关注

原创 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关注的人

提示
确定要删除当前文章?
取消 删除