代码
文章平均质量分 53
代码
珎珎啊
珎珎的菜园子。。。。。。
展开
-
antd常用组件 select,form等
form表单自定义校验,form表单提交,树形下拉框原创 2022-11-15 17:21:57 · 1154 阅读 · 0 评论 -
柱线混合图表echarts
柱线混合图表echarts 自定义内容基础配置原创 2022-11-15 16:13:48 · 880 阅读 · 0 评论 -
ProAntd+react+ts表格行点击高亮+表格联动
表格行点击样式,通过表格的rowClassName属性,给行添加类名原创 2022-11-15 15:57:31 · 689 阅读 · 0 评论 -
react跨组件传参(ts)
react跨组件传值,子传父,父传子原创 2022-10-08 11:39:00 · 1058 阅读 · 0 评论 -
和风天气插件
和风天气https://dev.qweather.com/widget/standard代码示例<div id="he-plugin-standard"></div><script>WIDGET = { CONFIG: { "layout": 1, "width": "450", "height": "150", "background": 1, "dataColor": "FFFFFF", "borderRa原创 2020-10-27 14:42:52 · 758 阅读 · 0 评论 -
java输出数字金字塔
java输出数字金字塔输入n输出n行数字金字塔import java.util.*;public class Main{ pubilc static void main (String args[]) { int i,j,k,n; Scanner input = new Scanner(System.in); n= input.nextInt(); for(i=1;i<=n;i++){ for(j=0;j<n-i;j++){ Syst原创 2020-10-27 13:49:46 · 6116 阅读 · 4 评论 -
vue失去焦点,回车事件
@keyup.enter.native=“addItem()”@blur=“addItem()”原创 2020-10-13 09:13:43 · 1544 阅读 · 0 评论 -
vue风格指南
组件名应该始终是多个单词的, 根组件 App 以及 、 之类的 Vue 内置组件除外。这样做可以避免跟现有的以及未来的 HTML 元素相冲突,因为所有的 HTML 元素名称都是单个单词的。Vue.component('todo-item',{})export default{name:'TodoItem', }组件的 data 必须是一个函数。当在组件中使用 data property 的时候 (除了 new Vue 外的任何地方),它的值必须是返回一个对象的函数。当 data 的值是一个对象原创 2020-10-09 17:39:49 · 122 阅读 · 0 评论 -
计算属性,路由守卫
计算属性数据依赖项发生改变之后会进行重新的计算computed:{ filteredList(){ return this.list.filter((item)=>item.indexOf(this.key)>-1); }}路由守卫router.beforeEach((to,from,next)=>{})to :Route :即将要进入的目标 路由对象from :Route :当导航正要离开的路由next :Function :一定要用该方原创 2020-10-04 21:53:25 · 1127 阅读 · 0 评论 -
前端面试题-3
1.Vue中v-if与v-show的区别v-if:直接销毁和重建DOM达到让元素显示和隐藏的效果,是惰性的,如果初始条件为假,则什么也不做。v-show:v-show指令是通过修改元素的display的css属性让其显示或隐藏,在任何条件下(首次条件是否为真)都被编译2.v-if 和v-for不能同时使用解决方案在处于同一节点的时候,v-for 优先级比 v-if 高。这意味着 v-if 将分别重复运行于每个 v-for 循环中。即——先运行v-for 的循环,然后在每一个v-for 的循环中,再进原创 2020-09-18 11:47:15 · 261 阅读 · 0 评论 -
Vue面试题-2
1.下列哪个选项是正确的插值语法?A {value}B {{value}}C <%value%>D value正确答案: B解析:mustache语法2.关于样式绑定,下面写法错误的是?( )A 、v-bind:class=”className”B :class=”{{isActive && active}}”C :style=”{width: ‘200px’}”D v-bind:class=”[isActive ? activeClass原创 2020-07-27 17:32:07 · 9376 阅读 · 1 评论 -
Vue面试题-1
一、单选题(共30题,每题1分)得分:1.0分1.在Vue中,如果转义输出?( )A v-bindB {{@ }}C v-htmlD <%= %>正确答案: C 2.在插值语法中不支持的下列哪项操作?( )A a + bB if(a) bC a && bD a ? b : c正确答案: B解析:语句不可用3.针对计算属性computed描述正确的是?( )A 计算属性并不常用B 计算属性也是数据属性,定义在data下C原创 2020-07-27 17:11:01 · 6271 阅读 · 6 评论 -
VUE index报错
引入vue报错vue.js:634 [Vue warn]: Property or method “$index” is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property...原创 2020-07-06 20:36:16 · 379 阅读 · 0 评论 -
vue-cli : cart.vue login.vue
cart.vue <template> <div class="cart"> <h1>购物车</h1> <div class="cart-item" v-for="item in carts" :key="item._id"> <van-checkbox v-model="item.checked" style="width: 30px"></van-checkbox> <原创 2020-10-14 15:17:02 · 102 阅读 · 0 评论 -
vue-cli : index.js meta
meta是元属性,可以在路由跳转的时候当参数进行传递,可以存储一些自定义的数据meta: {needLogin: true},import Vue from 'vue'import VueRouter from 'vue-router'import Home from '../views/Home.vue'import { isLogined } from '../utils/auth'Vue.use(VueRouter)const routes = [ { path: '原创 2020-10-14 15:08:15 · 313 阅读 · 0 评论 -
vue-cli : request.js
import axios from 'axios'import { getToken } from './auth'// 创建一个axios实例,为其设置一些基础配置参数const instance = axios.create({ timeout: 5000, // 请求超时时间,如果超过5s就会报错 baseURL: 'http://localhost:3009' // 表示我们请求api时候的基地址,此地址会拼接上请求中的url})// Add a request interce原创 2020-10-14 15:04:05 · 625 阅读 · 0 评论 -
css禁止手势
cursor: not-allowed;原创 2020-09-24 14:14:48 · 2962 阅读 · 0 评论 -
weather.js
var weekUrl = egisConfig.dutyServer + '/api/nt_weather/getWeekWeatherList'var todayUrl = egisConfig.dutyServer + '/api/nt_weather/realtimeweather'var weekData, todayData, nowvar bgUrl = './img/bg/'var iconUrl = './img/icon/'var isMorning = new Date().原创 2020-09-18 11:43:51 · 440 阅读 · 0 评论 -
JS 放大镜效果
分析 1,放大镜需要实现的功能 实现放大镜的本质是,骗你的,不是放大,只是有一张大的图片在显示 图片列表区域,显示图片区域,放大区域,是3张不同的图片 功能1: 平时不显示 遮盖层 和 放大区 鼠标移入图片区域 : 显示 遮盖层 和 放大区 鼠标移出图片区域 : 隐藏 遮盖层 和 放大区 显示 : display原创 2020-06-23 16:52:12 · 133 阅读 · 0 评论 -
jQuery-楼梯轮播图手风琴树形动画
楼梯<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title></title> <style type="text/css"> body, ul, li { padding: 0; margin: 0; } li { lis原创 2020-06-13 15:43:54 · 242 阅读 · 0 评论 -
JS 留言板
<!-- 1-基本结构 2- js逻辑 分析有啥功能,就知道从哪下手 1-点击发布的按钮的时候, 2-根据输入框的内容创建li标签,li里面还要有内容 p,button 3-删除按钮 添加点击事件,点击的时候删除 按钮所在的li --> <input type="text" class="ipt"> <.原创 2020-06-11 09:38:52 · 276 阅读 · 0 评论 -
JS 添加购物车
prodlist.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>原创 2020-06-10 19:44:32 · 966 阅读 · 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" /> <titl原创 2020-06-05 19:45:29 · 192 阅读 · 0 评论 -
红绿灯JS
<style type="text/css"> ul{ width: 200px; display: flex; justify-content: space-around; } li{ list-style: none; width: 50px; height: 50px; border-radius: 50%; opacity: .1; } #green{ background: .原创 2020-06-05 13:08:43 · 124 阅读 · 0 评论 -
JS 烟花效果
html结构非常简单只要一个烟花背景,其他内容都是动态生成的 JavaScript部分 1,点击时,生成两个div标签 一个在点击位置 一个在烟花背景最下方 要让下方的烟花 上升到 鼠标点击位置 的div 2,两个div重合时 清除两个div ...原创 2020-04-15 14:50:12 · 134 阅读 · 0 评论 -
JS 放大镜效果
1,放大镜需要实现的功能 实现放大镜的本质是,骗你的,不是放大,只是有一张大的图片在显示 图片列表区域,显示图片区域,放大区域,是3张不同的图片 功能1: 平时不显示 遮盖层 和 放大区 鼠标移入图片区域 : 显示 遮盖层 和 放大区 鼠标移出图片区域 : 隐藏 遮盖层 和 放大区...原创 2020-04-15 14:48:14 · 97 阅读 · 0 评论 -
JS 运动函数 轮播图
1. 复制标签的语法 <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul> &...原创 2020-04-04 20:37:58 · 224 阅读 · 0 评论 -
JS 动画
纵向展开<style> *{ margin: 0; padding: 0; } div{ width: 100px; height: 100px; background: rgb(9, 175, 9); ...原创 2020-04-02 21:56:16 · 102 阅读 · 0 评论 -
JS 秒表
<body> <div>00:00:00:00</div> <button>开始</button> <button disabled>暂停</button> <button disabled>继续</button> <button disable...原创 2020-04-01 19:20:35 · 184 阅读 · 0 评论 -
JS 生成随机验证码
<style> #vc { border: 1px solid red; padding: 0px 10px; } </style></head><body> 输入验证码 : <input type="text"> <span i...原创 2020-03-27 20:44:38 · 408 阅读 · 0 评论 -
JS 电子时钟
电子时钟思路:获取当前时间的时间对象从时间对象中获取当前的时间信息,写入到页面中注意:获取的月份是从0开始的星期,0是周日,还需要将数值转化为汉字 <div id="d"></div> <script> d.innerHTML = nowTime(); setInterval(function () {...原创 2020-03-25 20:04:33 · 217 阅读 · 0 评论 -
一列固定一列自适应
<style> *{ margin:0; padding:0;} html,body{ height:100%;} #main{ height:100%; display: flex; flex-direction: column;} #header{ height:200px; background:red;} #content{ flex:1; bac...原创 2020-07-03 09:06:35 · 92 阅读 · 0 评论 -
flex导航效果
<style> *{ margin:0; padding:0;} a{ text-decoration: none;} #main{ width:750px; margin:0 auto;} #main .nav{ height:76px; background:#161618; display: flex; align-items: center; ...原创 2020-10-22 13:45:20 · 73 阅读 · 0 评论 -
上下排列做法
<!--第一种做法--><!-- <div id="box1"> <div id="box2"></div></div>aaaaaaaaaa --><!--第二种做法--> <style>/*上下排列做法*//* #box1{ width:100px; ...原创 2020-10-22 13:28:41 · 168 阅读 · 0 评论