Colyn Yu-CSDN博客

原创 Daily summary

constconst 声明的对象改变其属性值，是可以的，因为内存地址没变。如果要使其对象的属性不能改变，使用Object.defineProperty 设置不可写，也可使用Object.freeze()进行冻结。如果冻结嵌套对象可以自定义递归冻结函数。function myFreeze(obj) { Object.freeze(obj) Object.keys(obj).forEach((key) => { if (typeof obj[key] =.

2020-11-10 15:25:59 318

原创灵魂问题

问题：筛选功能，有一个固定的分类，其他分类为后台数据，删除或添加后，要调用请求分类列表接口，如何优雅解决 // Bad Code getList(){ result = 后台数据 this.sideData = [ { id: 1, name: "全部分组" } ]; this.sideData = this.sideData.conca

2020-11-10 15:24:45 202

原创本人重装后的一些操作需求

制作U盘启动盘下载官方工具即可，按步骤走就行，注意U盘备份，制作过程会格式化U盘https://www.microsoft.com/zh-cn/software-download/windows10?36261b60-2f68-4336-abe2-4b00f210b6aa=True制作完成后，电脑开机时，选择U盘启动，按步骤安装即可。重装好后，C盘下会有Windows.old，...

2019-05-30 21:20:05 201

原创前端工具方法

文本框根据输入内容自适应高度 * 文本框根据输入内容自适应高度 * @param {HTMLElement} 输入框元素 * @param {Number} 设置光标与输入框保持的距离(默认0) * @param {Number} 设置最大高度(可选) */ var autoTextarea = function (ele

2021-06-28 15:43:51 97

原创 Vue 兼容

//transpileDependencies:[/node_modules\/@bingoit/]transpileDependencies:[/[/\\]node_modules[/\\]@bingoit[/\\]/]

2021-06-04 10:45:15 152

原创原生JS操作DOM方法

dom.parentNode; //得到父节点dom.nextSibling; //获得下一个兄弟节点dom.previousSibling; //得到上一个兄弟节点dom.firstChild; //获得第一个子节点dom.lastChild; //获得最后一个子节点dom.parentNode; //获得父节点dom.nextSibling; //获得下一个兄弟节点dom.previousSibling; //得到上一个兄弟节点dom.firstChi.

2021-04-12 17:17:14 173

原创工具函数

// 导出文件const exportFile = blob => { //处理返回的excel文件 const reader = new FileReader(); reader.readAsDataURL(blob); // 转换为base64，可以直接放入a标签href reader.onload = e => { // 转换完成，创建一个a标签用于下载 let a = document.createElement("a"); a.styl.

2021-02-25 09:24:03 78

原创技巧

百度网盘在线观看倍速播放方法浏览器开发者工具Console中运行一下代码videojs.getPlayers("video-player").html5player.tech_.setPlaybackRate(1.5)

2020-02-12 13:37:39 132

原创 git操作

clone 项目git clone xxx.git1、查看本地分支$ git branch* master*标识的是你当前所在的分支。2、查看远程分支git branch -r3、查看所有分支git branch -a2、本地创建新的分支git branch [branch name]3、切换到新的分支git checkout [branch nam...

2019-08-19 09:09:25 102

原创 8.13

在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。异步执行nextTick的主要应用的场景及原因。在Vue生命周期的created()钩子函数进行的DOM操作一定要放在Vue.nextTick()的回调函数中在created()钩子函数执行的时候DOM 其实并未进行任何渲染，而此时进行DOM操作无异于徒劳，所以此处一定要将DOM操作的js...

2019-08-13 16:42:47 126

原创 8.6记录

vue生命周期：1. 在beforeCreate和created钩子函数之间的生命周期在这个生命周期之间，进行初始化事件，进行数据的观测，可以看到在created的时候数据已经和data属性进行绑定此时el还没初始化2.created钩子函数和beforeMount间的生命周期首先会判断对象是否有el选项。如果有的话就继续向下编译，如果没有el选项，则停止编译，也就意味着停止了生...

2019-08-07 13:34:20 97

原创 Vue知识点

指令v-example="value" —— 这样可以传值到指令中，指令会根据value值来操作html<div v-if="boolValue">boolValue为true时会显示</div>v-example="'string'" —— 使用字符串作为表达式<p v-html="'<h1>Hello word</h1>...

2019-07-31 11:03:07 546

原创 Git

在Windows上安装Git$ git config --global user.name "Your Name"$ git config --global user.email "[email protected]"注意git config命令的--global参数，用了这个参数，表示你这台机器上所有的Git仓库都会使用这个配置，当然也可以对某个仓库指定不同的用户名和Emai...

2019-07-27 15:24:48 89

原创 JavaScript 的 prototype、proto与constructor

prototype：显式原型，__proto__: 隐式原型constructorconstructor 属性返回对创建此对象的数组函数的引用，格式：object.constructor*constructor属性的含义就是指向该对象的构造函数，所有函数（此时看成对象了）最终的构造函数都指向Function。__proto__*__proto__属性的作用就是当访问一个对象的属...

2019-07-27 15:24:04 251

原创面试

JSON与JS对象互相转换1. jQuery插件支持的转换方式$.parseJSON( jsonstr ); //jQuery.parseJSON(jsonstr),可以将json字符串转换成json对象2. 浏览器支持的转换方式(Firefox，chrome，opera，safari，ie9，ie8)等浏览器：JSON.parse(jsonstr); //可以将json字符串转...

2019-07-17 10:49:56 99

原创 Chrome浏览器

Chrome浏览器实现网页长截图第一种：按下F12，再如图：第二种：按下F12，再按下快捷键组合Ctrl+Shift +P(Windows) 、Command+Shift+P(Mac)，然后在命令行中输入"Screen"，选择以下选项◆整个网页：Capture full size screenshot◆节点网页：Capture node screenshot...

2019-07-08 16:05:23 203

原创 vue入门

1.安装node.js,检测版本node -v,还要检测包管理工具npm -v网下载安装node.js后，就已经自带npm（包管理工具）了2. 安装webpack，打开命令行工具输入：npm install webpack -g，安装完成之后输入 webpack -v，如下图，如果出现相应的版本号，则说明安装成功。npm install webpack -g //安装全局webp...

2019-07-01 09:02:47 97

原创 VSCode

VSCode设置成中文语言环境快捷键【Ctrl+Shift+P】，在弹出的搜索框中输入【configure language】，选择搜索出来的【Configure Display Language】，发现只有en，另一个提示是安装其他，我们选择安装其他，选择中文简体，安装，重启即可Visual Studio Code 安装插件在vscode中，点击左边那排按钮最下面的一个VSC...

2019-06-27 18:03:51 314

原创 Photoshop CC 2018安装&破解

1.解压安装包2.运行Set-up.exe（可以右键管理员身份运行）3.可能要登录Adobe ID，要的话就登录吧，没有就注册4.进入安装界面，耐心等吧5.这个时候，可能让你登录，我的出现了登录失败，说什么没联网或者时间不对，但是我连网了、时间也对，我就取消了，又Set-up.exe一次，这次就好了，并且在没有强制要我登录，直接就有暂不登录的选项，很神奇6.回到正题。安...

2019-06-26 12:56:07 2478

原创 office解决

word 2016文字尾部空格下划线不显示文件 --> 选项-->高级 -->以下对象的布局选项 -->为尾部空格添加下划线（打上勾）word插入图片，图片被遮住设置行距为单倍行距...

2019-06-22 14:17:35 244

原创 Navicat报错

Varchar设置默认值报错解决办法：设置默认值时一定要用单引号或者双引号把默认值包起来运行SQL文件，没有选择数据库在sql文件前加入CREATE DATABASE IF NOT EXISTS '数据库名' default charset utf8 COLLATE utf8_general_ci;use '数据库名';...

2019-06-21 22:11:44 533

原创 div与文字左右垂直居中

div左右垂直居中.allCenter{ text-align: center; /*让div内部文字水平居中*/ line-height: 50px;/*让div内部文字垂直居中*/ width: 120px; height: 50px; margin: auto; position: absolute; top: 0...

2019-06-17 22:04:46 613

原创 JSclass属性操作、cookie操作

添加classdocument.getElementById("ID名").className+=(" 新添加的类名");新添加的类名前最好加一个空格删除classdocument.getElementById("类名").getAttribute("class").replace(new RegExp( "(\\s|^)删除的类名(\\s|$)" )," ");设置 co...

2019-06-16 22:45:52 228

原创 Java的==和equals方法

推荐：字符串比较用equals()1.基本数据类型，也称原始数据类型。byte,short,char,int,long,float,double,boolean他们之间的比较，应用双等号（==）,比较的是他们的值。2.复合数据类型(类)当他们用（==）进行比较的时候，比较的是他们在内存中的存放地址，所以，除非是同一个new出来的对象，他们的比较后的结果为true，否则比较后结果为f...

2019-05-26 12:14:35 70

原创禁止textarea拉伸

禁止textarea拉伸style="resize:none"autofocus autofocus 规定在页面加载后文本区域自动获得焦点。 cols number 规定文本区内的可见宽度。 disabled disabled 规定禁用该文本区。 form form_id 规定文本区域所属的一个或多个表单。 maxlengt...

2019-05-26 11:23:54 620

转载 PHP文件上传

一、文件上传的前端表单<form action="upload_file.php" method="post" enctype="multipart/form-data"> <input type="file" name="file" id="file"><br> <input type="submit" name="submi...

2019-05-17 17:37:12 162

原创 PHP date()

date() 函数格式化本地日期和时间，并返回已格式化的日期字符串。date(format,timestamp);format必需。规定输出日期字符串的格式。可使用下列字符： d - 一个月中的第几天（从 01 到 31） D - 星期几的文本表示（用三个字母表示） j - 一个月中的第几天，不带前导零（1 到 31） l（'L' 的小写形式）- 星期...

2019-05-17 17:36:36 1239

原创 Ajax+Mysql+PHP分页

Mysql部分分页核心就是从结果集截取第M~N条记录mysql语句 limit M offset NM指pageSize，即每页显示条数；N指pageSize*(pageIndex-1)，即从哪里开始当offset的N超过数据集的总量，不会报错，只会返回空结果集；当只有limit M 没有N时，不会报错，相当于offset 0limitN，M 等同于 limit M offs...

2019-05-17 17:35:26 269

原创 forward()与sendRedirect()区别

区别 forward() sendRedirect() 是否能读取转向前request对象通过setAttribute()方法设定的属性值是否转向后地址栏显示的地址转向前，原Servlet的地址所转向到的Servlet或者JSP页面的地址是否可以转向到本Web应用之外的页面或者网站否是转向速度相对...

2019-05-11 17:18:19 786

原创优化网页性能

优化CSS默认情况下CSS会被当作阻塞渲染的资源来处理，可以使用媒体类型和媒体查询来标识CSS的某些部分为非阻塞渲染的：<link href="main.css" rel="stylesheet" media="print"><link href="style.css" rel="stylesheet" media="(min-width:768px)">第...

2019-05-10 11:10:14 179