- 博客(12)
- 收藏
- 关注
原创 个人笔记(随便看看)
oninput="value=value.replace(/[^\d]/g,'')" 只能输入数字在谷歌浏览器先输入文字(虽然不会显示在输入框中)在输入数字 拿到的值会是undefined在火狐浏览器中 不会出现候选字 可以使用。
2022-11-03 15:29:26
309
原创 CSS的object-fit 属性
scale-down 保持原有尺寸比例 内容的尺寸与none或contain 中的一个相同,取决于它们两个之间谁得到的对象尺寸会更小一些。object-fit 属性指定元素的内容如何去适应指定容器的高度和宽度。fill 默认,不保证保持原有的比例,内容拉伸填充整个内容容器。cover 保持原有尺寸比例,但部分内容可能被剪切。contain 保持原有尺寸比例。inherit 从该元素的父元素继承属性。none 保留原有元素的长度和宽度。initial 设置为默认值。
2022-11-02 13:37:26
261
原创 Vue声明式路由
在vue3中的声明式路由 <router-view class="page" />router-view是一个视图容器 (通常叫做一个坑 用来放vue组件 ) <router-link to="/">首页</router-link>router-link在浏览器中会默认渲染为 a 标签这样在a标签里面通过href属性跳转的页面 href属性写一个#号叫锚点跳转vue的路由跳转都是基于原生js中的 pushState这个属性 是实
2022-03-17 00:39:11
2029
5
原创 CSS样式重置
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, .
2022-03-11 12:04:42
157
原创 用VUE框架 写一个eCharts图表
我们这里用npm install echarts --save引入我们的 eCharts我们也可以再官网上看到eCharts的下载 和引入方式ECharts的基础配置在官网给出了我们许多示例:链接我们都可以直接拿来用,但是里面的一些配置我们可以根据自己的需求来修改,所以我们需要了解ECharts的基础配置。主要配置(常用的)官网配置项参考文档:链接需要了解的主要配置:series xAxis yAxis grid tooltip title legend ...
2022-03-11 10:47:49
2755
5
原创 常见错误码介绍
1**:请求收到,继续处理2**:操作成功收到,分析、接受3**:完成此请求必须进一步处理4**:请求包含一个错误语法或不能完成5**:服务器执行一个完全有效请求失败100——客户必须继续发出请求101——客户要求服务器根据请求转换HTTP协议版本200——交易成功201——提示知道新文件的URL202——接受和处理、但处理未完成203——返回信息不确定或不完整204——请求收到,但返回信息为空205——服务器完成了请求,用户代理必须复位当前已经浏览过的文件206——服务器已经完成
2022-03-11 09:49:45
605
原创 改变this指向的三种方法
<script> function Parent(money, house) { this.money = money this.house = house } // let obj = {} function Son() { this.type = '孩子' // call的第一个参数是要修改的this指向的对象 后面是给调用call方法的函数传递的参数 参数以散落的形式传递 // Parent.c..
2022-03-10 17:42:04
374
原创 (ES6)的解构赋值
解构赋值是对赋值运算符的扩展,他是一种针对数组或者对象进行模式匹配,然后对其中的变量进行赋值。es6可以根据一定的规则,从数组或变量中提取值赋给变量,字符串也可以直接进行结构赋值无论对象还是数组,两边的数据类型和数据结构都必须保持一致1、数组的解构赋值是按照索引值一一对应的,如果多层嵌套,结构也必须保持一致不想要的书局可以再结构时用 ,逗号隔开 空格表示2、字符串的解构遵循数组的方式,因为他同样具下标和length3、解构的默认值:数组,对象,字符串都是一样的...
2022-03-10 17:35:14
1394
原创 用Vue的自定义指令完成拖拽效果
直接上代码 先在main.js中定义指令import Vue from "vue";import App from "./App.vue";import store from "./store";Vue.config.productionTip = false;Vue.directive("drag", { // bind() { // }, inserted(el, binding, vnode) { // console.log(el) el.styl...
2022-03-10 17:11:55
1259
2
原创 自定义指令的理解
vue中除了核心功能内置的指令外,也允许注册自定义指令。有的情况下,对普通DOM元素进行底层操作,这时候就会用到自定义指令。自定义指令又分为全局的自定义指令和局部自定义指令。Main.js全局自定义指令是通过Vue.directive('第一个参数是指令的名称',{第二个参数是一个对象,这个对象上有钩子函数}) Vue.directive('focus', { // el:指令所绑定的元素,可以用来直接操作 DOM。 //binding:一个对象,包含以下 property:
2022-03-10 16:57:15
521
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人