自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(57)
  • 资源 (2)
  • 收藏
  • 关注

原创 vue 爷孙组件消息传递之 $attr

【代码】vue 爷孙组件消息传递之 $attr。

2023-12-25 15:13:59 417

原创 Es6新特性

8.Math.sign // 判断一个数到底是正数、负数、还是零(正数返回1、负数返回-1、0返回0)3、默认引入:import{default as m3} from “./src”;5.Number.parseInt(), Number.parseFloat() // 字符串转整数。1.export 命令用于规定模块的对外接口(有3种暴露方式:分别暴露、统一暴露、默认暴露)3.Number.isFinite() // 检查一个数值是否为有限的。2.import 命令用于输入其他模块提供的功能。

2023-12-04 10:29:12 1014

原创 带清除按钮的输入框

带关闭按钮的输入框

2023-07-10 14:46:10 952

原创 URLSearchParams 获取浏览器地址参数

URLSearchParams官网let params = new URLSearchParams(document.location.search.substring(1));let name = params.get("name"); // is the string "Jonathan"let age = parseInt(params.get("age"), 10); // is the number 18

2022-01-21 12:45:53 386

原创 学习vuex

vuex 官网npm install vuex --saveimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const store = new Vuex.Store({ state: { count: 0 }, mutations: { increment (state) { state.count++ } }})现在,你可以通过 store.state 来获取状态对象,

2021-12-27 15:11:19 170

原创 ag-grid表格如何使用?

1、自定义标题// tableHeaderCustom.vue"<template> <div class="clearfix" style="font-weight: 400"> <span class="pull-left">{{ params.displayName }}</span> <Poptip trigger="hover" :transfer="true" :content="params.toolTipText"

2021-10-13 14:06:57 983

原创 webstorm 上面的get操作

1、webstorm 如何回滚代码到某次提交?2、 对比当前分支与别的分支的差异

2021-10-13 13:50:21 158

原创 element ui 表格错位问题

this.$nextTick(() => { this.$refs.tableRef.doLayout() })

2020-11-13 18:27:26 237

原创 将数组里面相同的值的数据进行分组展示

原数据是这样结果是这样 var data = [ { base_color_name: '白底深蓝色', base_size_code: '40', main_ratio: '', ratio: '' }, { base_color_name: '白底深蓝色', base_size_code: '41', .

2020-11-04 17:40:35 1262

原创 element ui 中表格数据大时页面卡顿,出现白屏问题解决

使用umyui 插件umyui文档地址<u-table use-virtual show-body-overflow="title" show-header-overflow="title" :data="tableData" :span-method="arraySpanMethod" :cell-class-name="tableRowClassName" border style="width: 100%"

2020-10-26 09:50:07 4069

原创 1、获取当前周的数字形式,2、获取离今天最近得一天。

/** * 获取离今天最近得一天 */ getNextTime() { if (this.form.day_of_week.length) { const weekArrOfNumber = this.form.day_of_week.map(ele => this.weekList.find(o => o.label === ele).value) const currDate = this.getWeek(new D..

2020-09-19 14:32:41 259

原创 vue跳转当前页面不刷新问题

利用provide 和inject 解决:vue跳转当前页面不刷新问题App.vue<template> <div id="app"> <router-view v-if="isRouterAlive" ref="route" /> </div></template><script>export default { name: 'App', provide() { return {

2020-09-09 13:35:01 630

原创 vue 学习笔记

1、指令v-bind:titlev-bind:src —— 还可以写成: :src=''v-on:click —— 还可以写成: @click='' 阻止点击事件继续传播:@click.stop=''v-ifv-else-ifv-elsev-showv-for ——v-for="(item, index) in items"v-modelv-htmlv-text2、计...

2020-08-27 17:31:52 97

原创 vue 路由

中文文档:https://router.vuejs.org/zh/下载地址:npm install vue-router --save1、相关API说明1) VueRouter(): 用于创建路由器的构造函数new VueRouter({// 多个配置项})2)路由配置routes:[ { // 一般路由 { path: '/foo', component: Foo }, { path: '/bar', component: Bar } }]3)注册路由器i

2020-08-07 16:05:03 115

原创 vue 组件通信

1、父组件给孙组件传递消息// 父组件<template> <aaa foo="Hello, world" coo="Hello,rui" /></template><script>import aaa from '@/views/supplementary/baseSetting/sizeRatio/aaa'export default { name: 'parent', components: { aa

2020-05-13 13:46:35 155

原创 vue-过滤器

1、如何在js里面使用局部过滤器?console.log(this.$options.filters['changeCapitalLetter'](data.stop_type))2、如何在js里面使用全局过滤器?import { $getExecuteStatus } from '@/utils/vue-filters'console.log($getExecuteStatus('WAIT_RELEASE'))...

2020-05-12 11:17:39 107

原创 vue如何显示小于12px的字体,利用canvas

组件部分<template> <view><canvas :style="{ width: canvasWidth + 'px', height: canvasHeight + 'px' }" canvas-id="textCanvas"></canvas></view></template><script&g...

2020-02-21 17:19:52 2073

原创 前端面试题整理

JS1、ajax 原理Ajax的基本原理总结2、原型和原型链原型和原型链3、深拷贝浅拷贝JS的深拷贝和浅拷贝4、继承有几种方式JS继承的几种方式5、闭包JS闭包6、阻止事件冒泡,和默认事件阻止事件冒泡,阻止默认事件7、数组去重、对象去重8、数组有哪些方法9、promise10、如何准确判断一个变量是数组类型...

2019-12-19 09:40:06 82

原创 字符串首字母大写

let name = 'hello'name.charAt(0).toUpperCase() + name.slice(1)

2019-12-16 19:33:17 242

原创 描述new一个构造函数的过程

function Person(name,age) { this.name = name; this.age = age; return this} function dd(argument) { var obj1 = {} obj1._proto_ = Person.prototype // 重点 Person.call(obj1,'aaa',33) // 重点 retu...

2019-12-16 19:30:58 747

原创 如何准确判断一个变量是数组类型

var arr=[];console.log(arr instanceof Array) // true console.log(Array.isArray(arr)) // true

2019-12-16 19:27:51 205

原创 js 单例

/** Q5: 写一个类Sequence,用于生成连续的号码,用法如下: var sequence1 = new Sequence(); sequence1.next() --> return 1; sequence1.next() --> return 2; 在另一个模块中: var sequence2 = new Sequence(); se...

2019-12-14 11:29:48 170

原创 ES6的学习笔记

1、let const 关键字作用:与var 类似,用于声明一个变量特点:在块级作用域内有效不能重复声明不会预处理,不存在变量提升应用:循环遍历加监听使用let 取代var是趋势// 通过let 使点击按钮获取对应索引值 (块级作用域)let btns = document.getElementsByTagName('button')for (let i ...

2019-12-10 00:08:51 85

原创 闭包的理解

1、闭包1、如何产生闭包?一个嵌套的函数,其子函数引用了父函数的变量或函数时,就产生了闭包。function a(){ var name = 'suzy'; function b(){ // 执行函数定义就可产生闭包,无需调用内部函数。 console.log(name) } return b}a()2、常见的闭包// 将子函数作为父函数的返回值function...

2019-12-09 18:42:55 67

原创 js 防jquery中的 .html() 方法

(function() {/* * 只支持 class 和 id * obj : 类名 或 id名* value : 可选参数*/window.$ = function(obj) { return { html: function(value) { var isClass = obj.indexOf('.') != -1; var isId = obj.indexOf...

2019-12-02 17:55:46 135

原创 单选框样式

// 单选框样式input.radio-type[type=“radio”]{width: 20px;height: 20px;-webkit-appearance: none;position: relative;&:before {content: ‘’;width: 18px;height: 18px;border: 1px solid #ffa900;disp...

2019-11-20 17:01:20 533

原创 js 笔记

1、js 中有几种数据类型6种:1、String2、Number3、Boolean4、Null5、Undefined6、Object(Object 是 引用数据类型,其他的是基本数据类型)2、

2019-11-20 16:50:32 136

原创 开关 纯css写

开关 css<label class="switch"> <input type="checkbox" checked> <div class="slider round"></div></label>.switch { position: relative; display: inline-block; ...

2019-11-20 14:24:55 84

原创 创建vue项目

1、创建Vue项目npm install -g vue-clivue init webpack vue_democd vue_demonpm installnpm run dev2、3、4、

2019-09-23 17:38:54 113

原创 git 生成公钥 :

1、git 生成公钥 :ssh-keygen -t rsa -C ‘shuzhen.cai@putiandi.com’2、配置小乌龟的免密登录:1、 找到小乌龟安装地址 bin目录 :一般在 (C:\Program Files\TortoiseGit\bin)2、找到 puttygen.exe 这个文件3、点击 load 导入之前生成的私钥3、 点击 ‘save private key...

2019-09-18 15:09:09 192

原创 小程序学习笔记

1、父组件给子组件传递消息<!--index.wxml--><my-date my-data='这个是来自父组件的消息'></my-date>// my-component.jsComponent({ properties: { myData: { type: String, value: '', // show...

2019-09-18 14:49:20 84

原创 小程序-封装日历组件-选择日期区间

1、登入微信公众平台2、找到设置—第三方设置—点击“添加插件”—找到“极点日历”3、接下来我们可以写代码了// app.json"plugins": { "calendar": { "version": "1.1.0", "provider": "wx92c68dae5a8bb046" // AppID } }// index.json ...

2019-09-18 14:28:02 1909

原创 AngularJs 学习笔记

AngularJS 有哪些特性?MVC模式模块系统指令系统依赖注入List item双向数据绑定1、指令ng-appng-controllerng-clickng-modelng-repeat2、依赖注入(服务)$scope$ scope.$watch —— 有三个参数:1、监听地对象 2、监听回调 3、是否进行深度地监听:true 或 false$ s...

2019-09-06 10:14:30 262

原创 如何用echarts画出深度图

深度图—— echartsvar arr1 = [ [ 0.02247371, 2789.357 ] , [ 0.02250001, 2786.6045 ], [ 0.02293319, 2777.489 ], [ 0.02321, ...

2019-07-30 14:48:56 1533

原创 设置复选框样式

复选框样式设置.option-input { -webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;width: 0.9rem;height: 0.9rem;background: #FFFFFF;border: 1px s...

2019-07-29 21:39:08 1058

原创 发送验证码倒计时

发送验证码倒计时 var i=60; (function countdown(){ i--; console.log((i<10?('0'+i):i)+' 秒后重新获取') if(i>0){ setTimeout(countdown,1000); }else{ c...

2019-07-29 21:35:40 104

原创 火狐浏览器下 select 选中时有虚线框问题

火狐浏览器下 select 选中时有虚线框问题:select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000;}

2019-07-29 21:33:45 451

原创 30-40之间的随机数 js

随机数: var max = 40; var min = 30; console.log(Math.floor(Math.random()*(max-min+1)+min));

2019-07-29 21:31:27 3181

原创 angular6 管道pipe如何在ts文件里面使用?

1、ts文件里面引用new ToFixedPipe().transform(i.totalTradeAmount ? i.totalTradeAmount : 0, 8)2、html里面引用{{data.balance | toFixed: 8}}

2019-07-29 21:27:50 4057

原创 遍历对象

遍历对象Object.keys(res.data).forEach(key => { this.errorMessage[key] = res.data[key].join(); this.validateForm.controls[key].setErrors({[key]: true});});

2019-07-29 21:25:57 113

爷孙组件直接消息传递-$attrs

爷孙组件直接消息传递-$attrs

2023-12-25

vue-devtools-5.3.4

vue-devtools-5.3.4

2023-08-23

vue-devtools

vue-devtools chrome浏览器插件

2023-08-22

下拉输入框,可以下拉选择,也可以手动输入值

可以下拉选择也可以手动输入值

2023-07-27

tooltip的2种写法,一种纯css,一种 js

tooltip的2种写法,一种纯css,一种 js

2023-07-10

可以输入的下拉框,输入调接口,查询下拉框数据

可以输入的下拉框,输入调接口,查询下拉框数据

2023-07-10

线程导航+锚点跳转,点击锚点跳转到对应位置

线程导航+锚点跳转,点击锚点跳转到对应位置

2023-07-10

带清除按钮的输入框,可以点击清除按钮清空输入框

带清除按钮的输入框,可以点击清除按钮清空输入框

2023-07-10

小程序日历选择插件(选择日期区间).zip

时间区间,如:2019-10-12~2019-11-01,根据极点日历自己封装的小组件。

2019-09-18

canvas1.html

当文字超出一定数量时,在固定区域缩放字体大小

2019-07-29

空空如也

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

TA关注的人

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