自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(30)
  • 收藏
  • 关注

原创 css 中 background-size 属性

1.background-size: 100% 100%;(如果只设置一个值,则第二个值会被设置为 “auto”)2.background-size: cover;把背景图像扩展至足够大,使背景图像完全覆盖背景区域(某些部分也许无法显示在背景定位区域中)3.background-size: contain;把图像图像扩展至最大尺寸,使其宽度和高度完全适应内容区域(可能会在定位的区域中留白)...

2020-11-18 22:37:20 17

原创 vue cli3 配置全局sass变量

1.新建variables.scss文件,注册变量2.配置到预加载在vue.config.js中添加你要预加载的全局css变量, 注意import你的文件路径css: { loaderOptions: { sass: { additionalData: '@import "@/styles/variables.scss";' } }}由于 sass-loader 版本不同,loaderOptions 中的 addition

2020-11-17 11:15:30 18

原创 前端利用scss实现一键换肤功能

1.要实现系统的一键换肤功能,首先要将颜色作为变量提取出来,并为两种主题配置颜色variables.scss//浅色主题$light-theme: ( base-color: #000, background-color: #ccc);//深色主题$dark-theme: ( base-color: #fff, background-color: #000);//定义映射集合$themes: ( light

2020-11-13 16:19:26 49

原创 CSS选择器

1.子选择器:>article下所有section(子子孙孙)article section { margin: 5px } 只有紧跟着article的section(紧跟着的子)article > section { border: 1px solid #ccc } 2.同层相邻组合选择器:+只有紧跟着header的p元素(紧跟着的同层)header + p { font-size: 1.1em } 3.同层全体组合选择器:~所有跟在article

2020-11-12 13:14:10 11

原创 JavaScript的事件循环(Event Loop)

一:任务队列所有任务可以分为两种:一种是同步任务,另一种是异步任务。同步任务:在主线程上排队执行的任务,只有前一个任务执行完毕,才能执行后一个任务。异步任务:不进入主线程、而进入"任务队列"(task queue)的任务,只有"任务队列"通知主线程,某个异步任务可以执行了,该任务才会进入主线程执行。二:JavaScript的运行机制(1)所有同步任务都在主线程上执行,形成一个执行栈。(2)主线程之外,还存在一个“任务队列”。只要异步任务有了运行结果,就在“任务队列”之中放置一个事件。(3)一旦

2020-10-29 13:58:09 27 1

原创 APP

1.安装cordovanpm install -g cordova2.创建项目cordova create testdemo com.yourname.testdemo TestDemo3.进入项目cd testdemo4.添加平台cordova platform add android5.调试运行cordova run android6.打包生成wwwcordova build android7.在MyApp中写vue项目8.修改文件:修改Vue项目config/i

2020-10-23 14:01:07 28

原创 ES6

1.let和const1.let1.1不存在变量提升,需要先声明再使用1.2暂时性死区,只要块级作用域内存在let命令,它所声明的变量就“绑定”(binding)这个区域,不再受外部的影响。1.3不允许重复声明2.const2.1声明一个只读的常量。一旦声明,常量的值就不能改变。2.2const实际上保证的,并不是变量的值不得改动,而是变量指向的那个‘内存地址’所保存的数据不得改动。...

2020-10-19 16:13:36 45 1

原创 深浅拷贝

1.浅拷贝赋值运算符 “ = ” 实现的是浅拷贝,只拷贝对象的引用,而未复制真正的值。(两个值之间会相互影响)2.深拷贝深拷贝就是对目标的完全拷贝,不像浅拷贝那样只是复制了一层引用,就连值也都复制了。(只要进行了深拷贝,它们谁也不会影响谁)2.1递归:利用递归来实现每一层都重新创建对象并赋值deepClone(source: any){ const targetObj = source.constructor === Array ? [] : {}; // 创建对象:并判断复制的目标是

2020-10-16 15:48:11 21

原创 flex布局的使用

2020-10-10 15:43:28 16

原创 3D柱状饼图:Highcharts

想要实现3D柱状饼图,使用了Highcharts,效果图如下:代码如下:<!doctype html><html lang="en"> <head> <script src="https://code.highcharts.com.cn/highcharts/highcharts.js"></script> <script src="https://code.highcharts.com.cn/

2020-09-29 14:24:06 57

原创 iview 文件的上传和下载

一:上传文件1.html//action: 上传的地址,必填//data: 上传时附带的额外参数//on-success: 文件上传成功时的钩子,返回字段为 response, file, fileList<Upload :action= "env + '/Manage/upload'" :data="{companyId: row.ID}" :on-success="success"> <

2020-08-27 16:06:30 132

原创 vue中$router.push打开新窗口

//点击排口rowClick(params: any) { let url = this.$router.resolve({ path: '/main/portInfo', query: { sbid : params.sbId } }); window.open(url.href, '_blank');}

2020-08-24 15:48:41 193

原创 element表格

element表格1.html: 用v-for循环表头<el-table :data="tableData" stripe style="width: 100%"> <el-table-column v-for="item in tableColums" :prop="item.prop" :label="item.label" wid

2020-08-21 14:03:09 68

原创 echarts的基本配置

echarts的配置option = { title: { text: '分发对象统计排行', textStyle: { color: '#ffffff', fontSize: 36, fontWeight:'bold', } },

2020-06-19 13:23:29 119

原创 promise

PromisetestPromise() { return new Promise(function (resolve, reject) { //做一些异步操作(可以是一个post请求) setTimeout(function () { console.log('执行!'); console.log('1')...

2020-01-07 17:42:29 47

原创 定时器

每隔五秒打印 0-10var index = 0;setInterval(function () { //如果大于10, 则重新赋值为0 if (index > 10) { index = 0 } console.log(index); index++;}, 5000);每隔五秒 调用一次后台接口window....

2019-12-27 13:47:29 42

原创 iview表格设置表头

使用 renderHeader 渲染表头的显示内容:renderHeader: (h, params) => { return h('span', [ h('Button', { props: { type: 'success', size: 'small' ...

2019-12-25 16:33:06 573

原创 Avoid mutating a prop directly since the value will be overwritten whenever the parent component……

报错截图:报错原因:官方解释: 所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定:父级 prop 的更新会向下流动到子组件中,但是反过来则不行。这样会防止从子组件意外改变父级组件的状态,从而导致你的应用的数据流向难以理解。即在本项目中,子组件直接对 父组件的 current 进行了操作解决办法:定义一个本地的 data 属性并将这个 prop 用作其初始...

2019-12-20 11:46:28 52

原创 数组的常用方法

1.尾部push:推入var arr = [5,45,2,1];arr.push(10,20);console.log(arr); // [5, 45, 2, 1, 10,20]pop:删除数组的最后一个元素,并返回最后一个元素的值var arr = [5,45,2,1];arr.pop();console.log(arr); // [5, 45, 2]2.头部unsh...

2019-12-17 18:44:32 58

原创 前端数组去重

利用 indexOfvar arr = [1,2,3,4,2,3,4,2,1,5];var arrNew = []; //定义一个新的空数组for (var i = 0; i < arr.length; i++) { if (arrNew.indexOf(arr[i]) === -1) { arrNew .push(arr[i]); }}...

2019-12-16 17:27:22 75

原创 前端使用 for in 进行对象的遍历

对象:var test = { name : "zs", age: "18"}1.前端遍历某个对象:使用for in1.遍历属性名for(key in test) { console.log(key);}2.遍历属性值for (key in test) { console.log(test[key]);}注:遍历时,只能通过 test[value] 来...

2019-12-16 17:14:33 209

原创 angular上传文件

1.如果想要修改 ”选则文件“ 输入框的样式,可以通过 ”opacity: 0“ 将它的透明度改为0, html代码如下:<button ng-click="importBom()" class="grayColor"> <span>{{'导入'|translate}}</span> <input type="file" id="fil...

2019-11-14 15:12:43 81

原创 前端在页面中屏蔽”f5刷新键“和 ”f12键“

前端在页面中屏蔽 f5刷新键 和 f12键: created() { document.onkeydown = function (e){ var e = e || event; var nums = [116,123]; //f5:116 f12:123 for...

2019-11-04 11:42:20 388

原创 vuex的学习

1.state在组件的 computed 中引用store中的值:2.getter1.store 中的 getters :相当于是组件中的 computed(对已有的变量的操作)2.在组件的 computed 中引用getters中的值3.mutation1.store 中定义 mutations 方法(是对 state 的操作)2.在组件的 metho...

2019-10-21 21:43:26 60

原创 行内样式的高度是一个变量,并且让页面的高度随浏览器的高度发生变化

想要让页面的高度跟着浏览器的高度发生变化,可以将 height 设置成一个变量, 并通过 :style="{height: height}" 的形式给元素绑定html代码:<div style="position: relative;overflow: auto" :style="{height: height}"></div>高度:height: d...

2019-10-18 13:34:58 293

原创 前端渲染树形结构

html结构: <table cellspacing="0" cellpadding="0" border="0"> <tr v-for="item in dsList"> <td style="width:120px;"> <ch...

2019-09-25 14:42:19 871

原创 利用伪元素加入新内容

在元素前:加入一个小方块,后:加入“----后”<!DOCTYPE html><html><head><style>p::before{content:"";width: 12px;height: 12px;background-color: pink;display: inline-block;}p::after{co...

2019-09-24 17:32:03 84

原创 前端时间格式的转换 2019-09-09T16:00:00.000Z

时间格式的转换: 2019-09-09T16:00:00.000Z => 2019-09-10 00:00:00在输入框转换输入的值为 “2019-09-10” ,但是在传参时却变成了 “2019-09-09T16:00:00.000Z”。所以就要转换格式啦~转完之后再用 “substring” 截取一下就ok了。//转换时间格式 formateDate(...

2019-09-10 18:50:20 13355

原创 前端登录页面中密码传参通过 base64加密

DocumentjQuery.base64 = ( function( $ ) {     var _PADCHAR = “=”,    _ALPHA = “ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+...

2019-09-01 22:44:00 1087

原创 vue生命周期

beforeCreate: 表示刚初始化了一个 Vue 空的实例对象,在这个对象上,只有默认的一些生命周期函数和默认的事件,其他的东西都未创建。 注意:在 beforeCreate 生命周期执行的时候,data、methods 和 el 中的数据都还没被初始化,所以上述显示两个 undefined。created: 表示 data、methods 已经初始化好了,所以 this.msg ...

2019-03-18 22:25:50 61

空空如也

空空如也

空空如也

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

TA关注的人 TA的粉丝

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