Zhou_xiaoqian-CSDN博客

原创 element ui上传图片，beforeUpload中获取图片宽高

【代码】element ui上传图片，beforeUpload中获取图片宽高。

2024-08-08 14:19:35 203

原创 postcss-px-to-viewport配置include不生效

查了很多资料，说是，虽然postcss-px-to-viewport文档上写了这个属性，但是源码没有更新，其实目前是不支持include这个属性的，大家可以配置exclude属性

2022-01-24 10:51:00 3018 1

原创 el-table底部边框颜色

el-table样式自定义，我给表格加了header-row-class-name和cell-class-name，但是表格底部边框颜色还是未修改；然后找找找，发现，底部边框的样式，在表格的::before属性里，只要给表格加个class（eg：.table），然后.table::before{ background-color: redl}就可以了...

2022-01-24 10:45:47 1285 1

在计算机科学中，柯里化（Currying）是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数，并且返回接受余下的参数且返回结果的新函数的技术理解就是，比如：//原函数function(fn, text) { //接受多个参数 return fn(text)}//柯里化后function(fn) { //接受一个单一参数(最初函数的第一个参数)(原函数第一个参数是fn) // 返回接受余下的参数（text） return function(t

2021-07-25 23:33:24 238

原创瀑布流及断层问题

2021-05-28 15:26:05 229

原创 charCodeAt()的一些用法

num = num * 10 + s[i].charCodeAt() - '0'.charCodeAt();//等价于num = num * 10 +Number(s[i])今天刷题，get了一个charCodeAt()的新用法就是，我们知道charCodeAt()是获取字符串的unicode编码，这个用法我一直以为是去除小数点相关的意思，因为有0.，结果，竟然是获取s[i]的整数，就是用s[i]的unicode编码，减去0的unicode编码，来获取s[i]的数字，相当于Numbe...

2021-05-13 18:40:40 2520

原创 axios取消请求

在开发过程中，会遇到tab切换问题，切换之后，如果之前的接口请求比较慢，就会还在继续请求，所以，axios提供了取消请求的方法；上代码：//接口调用getData() { const source = axios.CancelToken.source() this.source = source let option = {} //自己的请求参数 axios.get(url, { params: option, cancelToken: so

2021-04-23 14:54:54 291

原创看到一道小的面试题

// 输入数据const input = [ [1, 2, 2], [3, 4, 5, 5], [6, 7, 8, 9, [11, 12, [12, 13, [14] ] ] ], 10]// 输出数据expect = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14]console.log([...new Set((input.flat(Infinity)).sort((a, b) => a - b))])new Set 去重f.

2021-04-20 15:51:54 120

原创 export 和 export default 的区别

目前理解：export输出的是指定名字的变量export default输出的是整个模块//a.jsvar a = 1var b = 2export { a, b }//a1.jsimport { a } from 'a.js'//a2.jsimport { a, b } from 'a.js'//a3.jsimport { a as newA } from 'a.js'//b.jsexport default function() { console

2021-01-22 14:59:51 153

原创 vue-cropper裁切尺寸问题

vue-cropper中对裁切尺寸的控制有：autoCropWidth: "max", // 默认生成截图框宽度autoCropHeight: "max", // 默认生成截图框高度fixed: true, // 是否开启截图框宽高固定比例fixedNumber: [1, 1], // 截图框的宽高比例enlarge: 1, // 图片根据截图框输出比例倍数1、默认生成裁切框宽度、高度，应该不用说了吧，就是裁切框的宽高，如果设置了宽高，这时候裁切比例fixedNumber是不起作用的

2021-01-12 19:20:48 5437 5

原创基于vue的图片裁剪vue-cropper

安装npm install vue-cropper使用import VueCropper from 'vue-cropper'Vue.use(VueCropper)cropper样式：把它写在弹层里<el-dialog title="图片剪裁" :visible.sync="dialogVisible" append-to-body class="advertise-add-cropper" :close-on-click-modal="false">

2021-01-12 18:53:26 207 3

原创 $attrs 和 $linstener

首先，官方解释2.4.0 新增$attrs：包含了父作用域中不作为 prop 被识别 (且获取) 的 attribute 绑定 (class和style除外)。当一个组件没有声明任何 prop 时，这里会包含所有父作用域的绑定 (class和style除外)，并且可以通过v-bind="$attrs"传入内部组件——在创建高级别的组件时非常有用。$linsteners：包含了父作用域中的 (不含.native修饰器的)v-on事件监听器。它可以通过v-on="$lis...

2021-01-08 19:02:45 711

转载 NULL和undefined的区别

1、JavaScript的最初版本是这样区分的：null是一个表示"无"的对象，转为数值时为0；undefined是一个表示"无"的原始值，转为数值时为NaN。Number(undefined)// NaN5 + undefined// NaN2、null表示"没有对象"，即该处不应该有值。典型用法是：（1）作为函数的参数，表示该函数的参数不是对象。（2）作为对象原型链的终点。Object.getPrototypeOf(Object.prototype)// null

2020-12-03 16:50:53 202

原创 vuex的引入方式的整理

一、安装npm install vuex --save二、创建store.js文件import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)然后在main.js里引入store.jsimport store from "./store"new Vue({ router, store, render: h => h(App)}).$mount('#app')三、state、getter//

2020-09-24 17:36:39 1656 1

原创 VUE插件的简单应用

就简单的写一个插件吧，至于为什么，我们一起，慢慢理解首先，创建一个util.js文件const Loadding = data => { console.log(data)}export default { install(Vue, options) { Vue.prototype.$Loadding = Loadding }}然后，插件的引入在main.js中import util from "./util.js"Vue.u

2020-09-24 16:04:10 137

原创理解VUE混入——mixin

最近又复习了下vue的混入，之前总觉得很神圣，现在又回过头来看了一下。话不多说，直接上代码：创建mixin.js，内部代码如下：const mixin = { data(){ return { num: 10 } }, mounted(){}, methods: { mixinFunc() { console.log(111) } }}exp

2020-09-24 15:46:41 266

原创总结几个新的css3的点吧

都好久没有自己写css3了，感觉都快忘记了，最近看了几个特效，有几个方法，可以记录一下：1、@for $i from 1 through 7@for $i from 1 through 7 { &:nth-child(#{$i}) { background: nth($colors, $i); &::before { animation-delay: $i * 0.2s; }

2020-08-21 10:46:18 214

原创四年工作经验时候的一些想法——同事相处篇

小时候就想着，要写日记，把自己每个阶段的想法都记录下来，这样自己以后有了宝宝，可以结合自己当时的心境去和宝宝相处，但是我太懒了，哈哈哈，并没有执行，现在，我决定执行一下自己工作之后的一些心理感受，在不同的工作阶段是什么样的心态，如果以后有幸当个小Leader，也可以按照这些，去对待自己的下属；可能大家的工作经历不同，所以感受也不一样吧，我呢，就是一个普通的大学生，然后普通的毕业，做了普通的前端，进了普通的公司。先从和身边的同事相处开始吧。第一家公司，是一家比较老的游戏公司，员工年龄偏大，而且工作不

2020-07-10 17:46:15 346

原创 element el-radio 点击触发两次解决办法

今天遇到一个问题，就是关于element 里的 el-radio，如果在group上直接写change事件，就没办法获取这个值原来的值，所以需要把事件绑定在每一个radio上，就需要用@click.native = "changeEvent($event, id)"<el-radio-group v-model="radio"> <el-radio :label="...

2020-04-29 19:59:03 2660

原创 vue在index.js中判断是否为线上环境

好久没更啦，最近遇到一个问题，就是需要在管理系统里，做神策打点，然后需要判断是线上环境，还是测试环境，我定义了一个变量，const NODE_DOMAIN = process.env.NODE_DOMAIN || 'development';然后打包的时候用NODE_DOMAIN=production npm run build;解释一下之所以定义一个NODE_DOMAIN，而...

2020-04-29 10:52:18 1376

原创获取、修改、删除cookie

今天看了下关于cookie的问题，总结下呀之前总觉得cookie是个神奇的存在一、cookie可以管理登录状态如果我们的项目采用cookie来管理登录状态，这时候的cookie其实是后端种上的，前端无需做任何操作，当你点击了登录之后，后端会给种上cookie，然后，下次在发送请求的时候，cookie就直接带着了。总之就是，前端无需做任何操作二、操作cookie获取cooki...

2020-04-03 16:39:21 613

原创写一个方法判断该段字符串的括号是否完全闭合((1+2)(3+4))(5+6))(

function isClose(str){ let arr = str.split(""); if(arr.length < 1){ return } let num = 0 for(let i = 0; i < arr.length; i++){ if(arr[i]=="("){ nu...

2020-03-26 15:36:45 277

原创总结下常用的冒泡排序和快速排序

每次面试必问考点，每次面试前突击记住了，后来又会慢慢忘记，悄悄地告诉你一个能记得稍微长久点的办法，那就是，写一下哇，把循环过程写一下，就知道是怎么回事了，哈哈哈一、冒泡排序冒泡排序，就是两个循环啦，第一个循环就是，i从0到arr.length-1，第二个循环是j从0到arr.length-1-i，就老是忘记，然后我就在小本本上把循环都写了一下，发现好像就是这样function bSo...

2020-03-24 15:31:39 280

原创随机生成2-32之间的随机数，放到长度为5的空数组中

一、创建一个长度为5的空数组var arr = new Array(5);二、生成一个2-32之间的随机整数如果是细致的考虑，就需要包括[2，32]，(2，32)，(2，32]，[2，32)四种情况了，请自行解决，我们采用[2, 32]var rand = Math.floor(Math.random()*(32-2+1) + 2)三、将生成的随机数arr数组内，且arr内...

2020-03-23 13:36:52 953

原创闭包——谈一下对闭包的理解

只是对于目前自己能理解的程度，做了一个简单的记录如果在网上查闭包这个概念，给出的解释就是“能够读取函数内部变量的函数”；这个时候就需要我们知道局部变量和全局变量了。就比如我写一个函数：function f1 (){var a = 1;}console.log(a);这个时候的运行结果肯定是 not defined，这大家都应该知道，原因就是a是f1函数内部的局部变量，如果我们就是想打印a，那就需要...

2018-04-12 15:57:33 655

原创拼接数组和对象的方法

首先一个最好用的方法，就是扩展运算符...，对象和数组都可以用的[...arr1 , ...arr2 , ...arr3];{..obj1 , ...obj2 , ...obj3}这是ES6的方法，下面介绍ES5的方法，这个就不是共用的了首先是数组的拼接方法concatarr1.concat(arr2,arr3)再就是对象的拼接方法：Object.assign(obj1,obj2,obj3)...

2018-04-09 15:49:57 4438

原创如何判断一个对象为空

Object.keys()方法var obj = {};Object.keys(obj).length ==0;此方法是用来获取对象的属性值，返回一个数组；例：var obj = { 'a' : '000' , 'b' : '111'};Object.keys(obj)=['a','b'];var obj = { '100' : '000' , '2' : '111'};Object.keys(o...

2018-04-09 15:43:45 407

原创 for in 和 for of的区别

for in遍历的是数组的索引，Array.prototype.method=function(){ 　　console.log(this.length); } var myArray=[1,2,3,4,5,6,7]; myArray.name = "数组"; for(var index in myArray){ console.log(myArray[index]); ...

2018-03-19 14:20:15 329

原创如何判断一个object是不是array

1 从原型入手，Array.prototype.isPrototypeOf(obj);利用isPrototypeOf()方法，判定Array是不是在obj的原型链中，如果是，则返回true,否则返回false。这里是判断括号里的元素是不是前边的类型var obj = {};var arr = [];if(Array.prototype.isPrototypeOf(obj)){ console.lo...

2018-03-16 17:11:00 1377

原创 FLEX的用法"::

2018-03-16 14:24:59 327

原创用CSS来实现图形

梯形<div class="div01"></div>.div01{width: 50px ; height: 0 ;border: 30px solid transparent ;border-top: none ;border-bottom: 50px solid red ;}平行四边形<div class="div02">&l

2018-03-14 15:44:38 203

原创 sass变量

在各处看相关的文档，为了加深印象，就记录下来全局变量和局部变量sass中默认是全局变量$color : green ;p{ $color : red ; color : $color ; }此时color为reda{ color : $color; } color为red但也存在局部变量的特征：p{ $color : red ; color : $color ; } 此时color为reddiv{...

2018-03-13 15:45:52 203

Zhou_xiaoqian的博客