liuwenjie_-CSDN博客

使用数字和字母生成随机的四位数验证码，代码注释很清楚。<template> <div class="img-canvas"> <canvas id="canvas" :width="width" :height="height" @click="handleDraw" ></canvas> </div></template><script&gt

2022-02-14 14:09:56 967

原创 ‘AMap is undefined‘高德地图(3)vue-amap报错

高德地图使用时,代码并没有问题，但是有的时候会出现'Amap is undefined'之类的错误,这个错误是因为eslint在检验中，在当前页面找不到Amap这个方法。所以我们在校验时把这个字段去除不做校验就可以了。步骤一：找到eslintrc.js这个文件步骤二：找到globals这个选项,没有的话就大胆的加一个~这个就是全局忽略的内容。步骤三：重启项目~ 完事儿~...

2021-11-12 15:26:10 3120 6

原创 vue-map高德地图(2)输入地名或点击地图获取位置经纬度和地名(组件封装)

高德地图位置查询、位置定位、搜索位置、查询位置

2021-11-12 09:55:55 3025 7

原创 vue-map高德地图(1)输入坐标显示位置（组件封装）

父组件使用<location :location='location' :locationSize='locationSize'/>import Location from '@/components/location'export default{components:['Location'] data() { return { location:[15.11，22.11], //位置坐标 locationSize:'width:100%;h

2021-11-12 09:36:05 1755

原创 el-select选中但是不显示问题

如图所示，选择分管领导的时候，因为分管领导的数据是根据牵头部门变换的，然而vue无法监听动态新增的属性的变化，所以选择牵头部门后再选择分管领导会出现选中但是不显示的情况 <el-form-item label="牵头部门" prop="groupDept"> <treeselect class="inline-input" v-model="addForm.group

2021-11-09 15:48:26 5797

原创更改滚动条样式

在做项目时，灰色滚动条往往让用户体验不佳，全局更改一下滚动条样式，就会让人耳目一新下面代码粘贴即可全局更改：::-webkit-scrollbar { width: 10px; height: 10px;}/* 滚动条的滑块 */::-webkit-scrollbar-thumb { background-color: #1890ff; border-radius: 3px;}局部更改：div::-webkit-scrollbar { width: 10p

2021-10-09 14:54:53 211

原创面试--Vue性能优化方法

路由懒加载keep-alive缓存页面使用v-show复用DOMv-for 遍历避免同时使用 v-if长列表性能优化如果列表是纯粹的数据展示，不会有任何改变，就不需要做响应化如果是大数据长列表，可采用虚拟滚动，只渲染少部分区域的内容事件的销毁Vue 组件销毁时，会自动解绑它的全部指令及事件监听器，但是仅限于组件本身的事件图片懒加载对于图片过多的页面，为了加速页面加载速度，所以很多时候我们需要将页面内未出现在可视区域内的图片先不做加载，等到滚动到可视区域后再去加载。.

2021-04-21 09:24:13 209

原创 Vue面试computed、watch和methods的区别

1.methods不存在缓存，执行一次运行一次，执行n次，运行n次 <input type="text" v-model="textValue" v-on:keyup.13="handleKeyUp(num, $event)"> methods: { handleKeyUp(num, e) { // 按的是回车键 if (num.keyCode === 13) { alert('按了回车键') }

2021-04-21 09:19:09 158

原创面试--防抖和节流及其封装

防抖在滚动事件，鼠标划过事件做复杂计算或者实现一个按钮的防二次点击操作都需要用到函数防抖，特别是前者，易产生页面卡顿防抖和节流都是防止函数多次调用的，区别在于，假设一个用户一直触发这个函数，每次触发函数的间隔小于wait，防抖的情况下只会调用一次，而节流的情况会每隔一定时间(参数wait)调用函数节流防抖和节流在本质上是不一样的。防抖动是将多次执行变为最后一次执行，节流是将多次执行变为每隔一段时间执行// func是用户传入需要防抖的函数// wait是等待时间const debounce

2021-03-04 19:19:58 174 1

原创 LocalStorage、SessionStorage和Cookie的区别

LocalStorage、SessionStorage和Cookie的区别大小生命周期与服务器通信localstorage |5M| 不手动删除就不会消失 | &nbs

2021-03-04 19:07:32 72 1

原创 Math.random()练习-点击生成随机颜色随机位置的div(基础+进阶)

该文章可以对Math.random()充分练习，进阶版用Math.random()实现随机颜色，随机盒子大小，随机盒子位置，该文章分为基础篇和进阶篇，适用于小白学习和大佬巩固。基础篇：设置一个固定位置的div点击随机变色，使用Math.random()生成随机数进行拼接。设置div的大小和位置 #box { width: 200px; height: 200px; } <div id="box"></div>js代码如下：

2020-11-02 20:36:55 930 2

原创 JS实现登录验证码的生成（基础+进阶）

基础版本：生成的验证码只包含数字，用字符拼接组成验证码body里设置一个存放验证码的盒子，取id为box，用于显示和点击切换验证码 <div id="box"></div>创建验证码函数，点击验证码可进行切换function yzm() { var str = ''; for (var i = 1; i <= 4; i++) { //四次的循环 str += parseInt(Math.random() * 1

2020-11-02 19:19:54 970

原创 JS函数的命名方法(声明式/赋值式(赋值变量、自执行、事件处理式))

总括：函数创建的方式1.声明式 - 有名函数（一种）2.赋值式 - 匿名函数（三种）1.将函数体赋值给变量,2.自执行函数,3.事件处理函数函数的调用 1.通过函数名进行调用。 2.普通声明式函数，可以反复，前后调用。以下是使用各种方法，用函数创建一个表格。1.声明式：普通函数，一定有函数名称。function 函数名称() {函数体}function 定义函数的关键字，createTable函数名称 ():参数,传递值,扩展函数的功能创建表格的函数。函数如果不调用，

2020-11-02 12:00:12 1547

原创实现子元素在父元素中居中的三种方法(珍藏版)

三种方法都比较容易理解，父元素设置属性都相同，都是父元素设置后，子元素定位后再做细微调整，但最终结果也都相同，实现了居中的目的。1、子元素宽高比父元素小的情况下，使用定位方法居中<style>父元素{width:400px;height:400px;border:1px solid #000;margin 100px auto 0;position:relative;}子元素{width:200px;height:100px;background:yellow;pos

2020-10-22 20:12:44 4771 1

原创 HTML和css动画实现贪吃豆

效果图如下：布局如下： <div class="top"></div> <div class="bottom"></div> <div class="bean bean1"></div> <div class="bean bean2"></div> <div class="bean bean3">

2020-10-13 20:38:30 341

原创运用css和Html动画实现会动的摩天轮

摩天轮效果图如下：html布局如下css样式如下： * {margin: 0;padding: 0;} body, html { height: 100%; } body { background: url(images/2.jpg) no-repeat; background-size: 100% 100%; } img

2020-10-13 20:35:01 3149

原创聊天对话框

做一个静态的聊天对话框，用到的主要知识有浮动和清除浮动。style样式设置：.box{width: 400px;height: 800px;overflow: auto;border: 1px solid #000000;}p{margin: 10px;padding: 8px;}.friend{border: 1px solid #666666;border-radius: 6px;background-color: #ddd;float: left;clear: bo

2020-10-09 11:31:40 298

原创解决高度塌陷问题1(子元素浮动，父元素高度塌陷)

正常显示：<div class="parent"> safasdasd <div class="child">aaa</div></div>.parent { height: 400px; width: 400px; background-color: blue; /* overflow:hidden*/ } .child { he

2020-09-18 10:03:29 379

原创元素在父元素中居中的问题

给块状元素设置margin:auto;可以使其在父元素中水平居中；行内元素不行行内元素想要在父元素中水平居中，需要给父元素设置text-align:center;此外可以使用display:block，等属性来转换元素类型来居中...

2020-09-18 09:52:59 353

JDBC.txt是链接mysql数据库的源码，复制粘贴即可，需要mysql.jar包

import java.sql.*; public class JDBC { public static void main(String args[]) throws ClassNotFoundException, SQLException { //驱动 Class.forName("com.mysql.cj.jdbc.Driver"); //建立连接 String url="jdbc:mysql://127.0.0.1:3306/test?characterEncoding=utf8&serverTimezone=UTC"; Connection conn= DriverManager.getConnection(url,"root","123456"); //创建语句对象 String sql="select *from good"; PreparedStatement ptmt=conn.prepareStatement(sql); ResultSet rs= ptmt.executeQuery(); //查看结果 while(rs.next()){ System.out.println( rs.getString("name")); //资源回收 } rs.close(); ptmt.close(); conn.close(); } }

2020-04-05

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人