- 博客(27)
- 收藏
- 关注
RSS订阅原创 leafLet地图自适应,需要地图调整合适的缩放等级和中心点，以保证所有元素都显示，类似于高德地图的setFitView()，适用于所有地图。
需要地图调整合适的缩放等级和中心点，以保证所有元素都显示其中，类似于高德地图的setFitView()方法，适用于所有地图的自适应放大。
2024-08-01 11:01:39
424
原创 vue3 ElementPlus el-table表格修改某一行的背景色或样式
修改ElementPlus中el-table表格某一行的背景色,需要用到的方法是:cell-style。
2023-06-13 16:50:54
5132
原创 vue3 ElementPlus el-table根据表头内容,修改表头背景色
vue3 ElementPlus el-table根据表头内容,修改表头背景色,修改table表头背景用到的方法是ElementPlus自带的方法:header-cell-style。
2023-06-13 16:41:41
5935
原创 vue路由跳转,页面切换路由,不调用后台接口,页面空白
往路由列表里面新增了一个页面,点击这个路由之后,再切换到别的页面,页面显示空白.观察路由地址,路径地址也改了,但是就是页面空白,不调用后端接口。错误代码:组件里面存在不止一个根路径。
2023-06-13 16:18:06
867
原创 原生JS结合canvas写的一套画板,能修改画笔粗细,能修改画笔颜色,能清空画板等一系列功能
2.用到的JS的canvas知识点之外,还用到了鼠标事件的监听.根据鼠标事件,监听点击起始位置,以及过程中鼠标移动的位置,到最后鼠标松开的位置.再根据鼠标的移动轨迹进行画线.3.源码中封装了两个函数,line()函数是画布的一系列画线方法,change()函数是监听的鼠标移动轨迹,轨迹结合画线方法,完成画板的绘画功能.在鼠标轨迹的监听事件中,鼠标松开的事件里.要将之前的鼠标事件值为空,这样鼠标松开之后,才不会妨碍后续鼠标事件的执行.//封装函数功能监听鼠标的移动轨迹。//封装函数功能画线。...
2022-07-28 17:30:39
1252
原创 原生JS实现随机验证码,包含输入框验证
一.代码展示使用画布进行验证码的展示第一步获取元素第二步获取绘制对象第三步封装函数获取画布内容的位置第四步画线第五步给元素添加点击事件。
2022-07-28 17:07:16
610
原创 jquery知识点总结
例如$("inputchecked").length被选中元素的个数。chencked选择器表示查找被选中的表单元素。$('')动态创建了li标签。七.动画队列及其停止排队方法。九.自定义动画animate。first获取第一个元素。eq(n)获取第n个元素。last获取最后一个元素。even索引号是偶数行。odd索引号是基数行。十二.内容文本值操作。十一.表单选中事件。......
2022-07-25 15:11:12
426
原创 Vue脚手架文件结构及解释 Vue.js与Vue.runtime.xxx.js的区别
2.因为vue.runtime.xxx.js没有模板解析器,所以不能使用template配置项,需要使用render函数接收到的createElement函数去指定具体内容。(2).vue.runtime.xxx.js是运行版的Vue只包含核心功能,没有模板解析器。(1).vue.js是完整版的vue包含核心功能+模板解析器。二.Vue.js与Vue.runtime.xxx.js的区别。1.Vue.js与Vue.runtime.xxx.js的区别。main.js入口文件。...
2022-07-25 14:46:36
349
原创 Vue脚手架安装步骤,详细图解过程
6.切换到要创建项目的目录,然后使用命令创建项目此处演示的项目名为"filename"cdfilename(注意cd进入的是刚刚创建脚手架的文件夹)9.退出项目需要输入两次!Ctrl+c(复制的快捷键)npminstall-g@vue/cli+回车。两次Ctrl+c之后,命令窗口变成能输入状态,表示退出成功。8.进入项目文件里,在控制面板中输入命令,启动项目。2.在弹出窗口中输入cmd进入控制面板。4.全局安装@vue/cli。7.切换到项目的目录里。...
2022-07-25 14:41:26
3396
原创 Vue非单文件组件
data函数,methods中的函数,watch中的函数,computed中的函数,她们的this均是VueCompentent实例对象。使用Vue.extend(options)创建,其中options和newVue(options)时传入的那个options几乎样,但也有点区别.data函数,methods中的函数,watch中的函数,computed中的函数,她们的this均是Vue实例对象。(2).data必须写成函数,为什么?(2).全局注册靠Vue.component('组件名',组件)...
2022-07-25 14:19:10
133
原创 Vue自定义指令和Vue生命周期
Vue.directive(指令名,配置对象)或Vue.directive(指令名,回调函数)1.mounted发送ajax请求,启动定时器,绑定自定义事件,订阅消息等[初始化操作](2).指令名如果是多个单词,要使用"-"连接的命名方式,不要用小驼峰命名。2.生命周期是什么Vue在关键时刻帮我们调用的一些特殊名称功能的函数.(2).inserted指令所在元素被插入页面是调用。1.又名生命周期回调函数,生命周期函数,生命周期钩子。(1).指令定义时不加v-,但使用时要加v-...
2022-07-25 14:16:34
1229
原创 Vue过滤器和内置指令
通用指令: v-bind:单向绑定解析表达式,可简写为 :xxx v-model:双向数据绑定 v-for:遍历数组/对象/字符串 v-on:绑定事件监听,可简写为@ v-if:条件渲染(动态控制节点是否存在) v-else:条件渲染(动态控制节点是否存在) v-show:条件渲染(动态控制节点是否展示)...
2022-07-25 14:11:15
243
原创 vue绑定属性, 条件渲染,列表渲染,虚拟DOM中key的作用,用index作为key可能会引发的问题,开发中如何选择key,Vue监视数据的原理:
vue绑定属性, 条件渲染,列表渲染,虚拟DOM中key的作用,用index作为key可能会引发的问题,开发中如何选择key,Vue监视数据的原理:
2022-07-20 17:58:09
284
原创 vue的计算属性和监视属性
计算属性:1. 定义:要用的属性不存在,要通过已有的属性计算得来监视属性watch:1. 当监视的属性变化时,回调函数自动调用,进行相关操作2. 监视的属性必须存在,才能进行监视3. 监视的两种写法:(1).new Vue时传入watch配置(2).通过vm.$watch监视...
2022-07-20 17:50:47
334
原创 vue数据代理和数据处理,Vue中的事件修饰符,Vue中常用的按键别名
vue数据代理和数据处理,Vue中的事件修饰符,Vue中常用的按键别名1. prevent:阻止默认事件(常用)2. stop:阻止事件冒泡(常用)3. once:事件只触发一次(常用)4. capture:使用事件的捕获模式5. self:只有event.target是当前操作的元素时才触发事件6. passive:事件的默认行为立即执行,无需等待事件回调执行完毕...
2022-07-20 17:39:38
149
原创 vue中el与data的两种写法和MVVM模型
1. el有2种写法(1).mew Vue时候配置el属性(2).先创建Vue实例,随后再通过vm.$mount('#root')指定el的值2. data有两种写法(1).对象式 (2).函数式1. M:模型(Model):data中的数据2. V:视图(View):模板代码3. VM:视图模型(ViewModel):Vue实例...
2022-07-20 17:34:14
252
原创 Vue模板语法和数据绑定
1. 插值语法:功能:用于解析标签体内容2. 指令语法:功能:用于解析标签(包括:标签属性,标签体内容,绑定事件......)1. 单相绑定(v-bind):数据只能从data流向页面2. 双向绑定(v-model):数据不仅能从data流向页面,还可以从页面流向data...
2022-07-20 17:29:22
216
原创 前端工程化开发使用webpack详细安装教程
这篇文章是关于前端工程化开发使用webpack详细安装教程,webpack的基本使用,webpack插件等详细安装
2022-04-29 19:36:39
679
2
原创 力扣简单算法题:罗马数字转整数
罗马数字包含以下七种字符:I，V，X，L，C，D和M。字符 数值I 1V 5X 10L 50C 100D 500M 1000例如， 罗马数字 2 写做II，即为两个并列的 1 。12 写做XII，即为X+II。 27 写做XXVII, 即为XX+V+II。...
2022-03-22 14:27:46
101
原创 力扣简单算法题:回文数
给你一个整数 x ，如果 x 是一个回文整数，返回 true ；否则，返回 false 。回文数是指正序（从左向右）和倒序（从右向左）读都是一样的整数。 例如，121 是回文，而 123 不是。示例 1：输入：x = 121输出：true示例 2：输入：x = -121输出：false解释：从左向右读, 为var isPalindrome = function(x) { var arr = x.toString().split(''); ...
2022-03-22 14:22:08
102
原创 力扣简单算法题:两数之和
给定一个整数数组 nums 和一个整数目标值 target，请你在该数组中找出 和为目标值 target 的那 两个 整数，并返回它们的数组下标。你可以假设每种输入只会对应一个答案。但是，数组中同一个元素在答案里不能重复出现。你可以按任意顺序返回答案。示例 1：输入：nums = [2,7,11,15], target = 9输出：[0,1]解释：因为 nums[0] + nums[1] == 9 ，返回 [0, 1] 。var twoSum = function(nums, t.
2022-03-22 13:54:51
246
前端可视化素材包，用于可视化开发
2024-08-01
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人