chengzi_jiaotang的博客

原创 前端项目资源目录

前端项目资源目录

原创 git 常用命令

git 常用命令

原创 方法总结——

1.生成id2.数组对象排序 var newId = "xxxx-4xxx-yxxx-xxxxxxx".replace(/[xy]/g, function (c) { var r = (Math.random() * 11) | 0, v = c == "x" ? r : (r & 0x3) | 0x8; return v.toString(16); });

原创 UTC 时间转当地时间（GMT）

function datetimecut (UTCDateString){ if(!UTCDateString){ return '-'; } function formatFunc(str) { return str > 9 ? str : '0' + str } var date2 = new Date(UTCDateString); var year = date2.getFullYear(); var m.

原创 element ui 表格头部添加按钮

首先绑定函数 <el-table-column align='center' prop="dataSource" width="200" :render-header="renderHeader">　　　</el-table-column>然后在方法中引用 methods: { renderHeader(h) { return( ...

原创 vue中a 标签防止钓鱼网网站

<a :href="url" target="_blank" rel="noopener noreferrer">{{url}}</a>那么 rel="noopener noreferrer" 只要是，如果a标签属性target值为_blank，那么为rel属性添加上此值“noopener noreferrer”来防止钓鱼网站，添加上此属性 window.opener就不会获取到值。安全意识问题。...

原创 before Upload后触发了 beforeRemove的解决办法

beforeRemove(file) { if (file && file.status === "success") { //移除方法 return this.$confirm(`确定移除 ${file.name}？`); } },意思是 在满足before Upload的条件后 file.status 的状态为 success ...

原创 element ui 去除上传文件时的动画

.el-upload-list__item { transition: none ;}

原创 前端学习网站及轮子总结

一、http://itrain.top/ 该网站主要分享一些技术要点，内容讲解很详细、易懂。但是该网站似乎后续没有继续更新的内容。

原创 WEB前端开发技术栈

网图一张而已！

原创 正则表达式

原创 px er rem 的区别

css中单位px和em，rem的区别：1、px是相对长度单位，它是相对于显示器屏幕分辨率而言的。优缺点：比较稳定和精确，但在浏览器中放大或缩放浏览页面时会出现页面混乱的情况。2、em是相对长度单位，EM是相对于父元素来设计字体大小的。如果当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。优缺点：em的值并不是固定的，它会继承父级元素的字体大小。3、rem是CSS3新增的一个相对单位，REM是相对单位，是相对HTML根元素。这个单位可谓集相对大小和绝对大小的优点于一身

原创 HTTP浏览器输入URL后发生了什么

1.DNS域名解析；2.建立TCP连接；3.发送HTTP请求；4.服务器处理请求；5.返回响应结果；6.关闭TCP连接；7.浏览器解析HTML；8.浏览器布局渲染；

原创 vuex和sessionstorage的区别

下面看戏vuex存储和本地存储(localstorage、sessionstorage)的区别1.最重要的区别：vuex存储在内存，localstorage则以文件的方式存储在本地2.应用场景：vuex用于组件之间的传值，localstorage则主要用于不同页面之间的传值。3.永久性：当刷新页面时vuex存储的值会丢失，localstorage不会。注：很多同学觉得用localstorage可以代替vuex, 对于不变的数据确实可以，但是当两个组件共用一个数据源（对象或数组）时，如果其中一

原创 数组扁平化处理

数组扁平化是指将一个多维数组变为一个一维数组const arr = [1,[2,[3,[4,5]]],6] // => [1,2,3,4,5,6]** 方法一：使用flat()**const res1 = arr.flat(Infinity)

原创 js的作用域

作用域说明：一般理解指一个变量的作用范围1.全局作用域 （1）全局作用域在页面打开时被创建，页面关闭时销毁 （2）编写在script标签中的变量和函数，作用域为全局，在页面的任意位置都可以访问到 （3）在全局作用域中有全局对象window,代表一个浏览器窗口，由浏览器创建，可以直接调用 （4）全局作用域中声明的变量和函数会作为window对象的属性和方法保存2.函数的作用域 （1）调用函数时，函数作用域被创建，函数执行完毕，函数作用域被销毁 （2）每调用一次函数就会创建一个函数的作用域，他们之间是相

原创 js this指向问题

函数名直接调用 函数里的this都指向window function get(content){ console.log(content) } get('世界') // 等同于 get.call(window,'世界')函数作为对象的方法被调用（谁调用 指向谁） var oerson = { name:'张三', run:function (){ console.log(thi

原创 enent-loop

## js语言特点单线程 解释性语言## event-loop事件循环机制由三部分组成调用栈 微任务队列 消息队列+ event-loop开始的时候 会从全局一行一行的执行 遇到函数调用 会压入到调用栈中 被压入的函数称之为帧 当函数返回后会从调用栈中弹出 function fun1(){ console.log(1) } function fun2(){ console....

原创 那些操作会造成内存的泄露？

1.闭包2.意外的全局变量3.遗忘的定时器4.脱离的dom引用

原创 手写防抖函数

// 定义 ： 当持续的触发事件 一定事件内没有再次触发事件 事件处理函数才会执行一次 var input = document.getElementById('input') function debounce(delay){ let timer return function ( value){ clearTimeout(timer) timer = se..

原创 手写深克隆

let obj = { a:1, b:[2,3] } function deepClone (obj){ let cloneObj = {} if(obj === null) return obj // 因为typeof在检测null时 也是object 并且这里要用全等 if( obj instanceof Date) return ...

原创 数组方法相关内容笔记

一、找最大值和最小值const numbers = [9, 4, 7, 1];Math.min(...numbers); // 1Math.max(...numbers); // 9

原创 谷歌浏览器使用记住密码功能 导致input 输入框样式改变的解决办法

使用到谷歌浏览器的记忆功能时 选择的内容为浏览器保存的内容时 会导致样式改变！// 在使用浏览器保存的数据时 输入框的样式input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill { // 字体颜色 -webkit-text-fill-color: @c_text_fff !important; // 背景颜色 background-color:transparen...

原创 vue项目中常用的函数命名

get 获取/set 设置,add 增加/remove 删除create 创建/destory 移除start 启动/stop 停止open 打开/close 关闭,read 读取/write 写入load 载入/save 保存,create 创建/destroy 销毁begin 开始/end 结束,backup 备份/restore 恢复import 导入/export 导出,split 分割/merge 合并inject 注入/extract 提取,attach 附着/det.

原创 vue项目中表格数据本地分页

项目中某些情况我们需要将所有数据从服务器上请求下来，在本地做处理，此时就需要我们在本地数据分页。本地分页其实很简单，如图： <el-table class="tabl" :data="dataList.slice((pageNumber - 1) * pageSize, pageNumber * pageSize)" border ref="Table" align="center"></el-table>其中 dataList是我们从服务器请求回来...