- 博客(131)
- 收藏
- 关注
RSS订阅原创 JavaScript深浅拷贝
将一个对象从内存中完整地拷贝出来一份给目标对象，并从堆内存中开辟一个全新的空间存放新的对象，且新对象的修改并不会改变原对象，二者实现真正的分离。// 如果属性是原对象的直接属性（不是继承的属性），则将它赋值给新对象。1. js浅拷贝只是创建了一个新的对象，复制了原有对象的基本类型的值。2. 深拷贝的原理和实现。
2024-01-15 19:50:24
331
原创 JavaScript数据类型、判断、检测
除了undefined、null、false、''、0、NaN 转换出来都是false，其他都是true。typeof可以判断基础数据类型（null除外），引用数据类型，除了function，其他也无法判断。instanceof可以准确的判断复杂引用数据类型，但是不能正确判断基础数据类型；1. 基础类型存储在栈内存中，被引用或者拷贝时，会创建一个完全相同的变量。2. 引用类型存放在堆内存中；存储的是地址，多个引用指向同一个地址。关系操作符：>、<、>=、<=逻辑运算符：&&、||、！if/while条件。
2024-01-12 15:29:53
400
原创 nodejs 如何获得网络文件的大小
某些特定的情况下，nodejs作为server需要获取网络文件的大小，开始误区是想把远程文件下载带本地磁盘，然后在读取本地文件就可以知道文件具体大小，但是这里有个很重要的问题就是：下载文件是漫长的，是不符合我们现有的需求那么怎么办呢？废话不多说切入正题......
2022-06-09 19:02:58
1876
原创 npm 常用命令
1. 创建一个文件包2. npm init3. 创建一个index.js 文件，并写入一些要实现的代码4. npm install -g5. npm link6. npm login7. npm publish8. npm version patch // 更新版本9. npm update gulp //可以把当前目录下node_modules子目录里边的对应模块更新至最新版本 10. npm unpublish [email protected] // .
2022-02-27 20:26:25
5302
原创 centos上安装node和启动node服务
一、找好安装位置，我这里是：/usr/local/temp二、去node官网下载Linux镜像或者通过命令直接下载wget https://npm.taobao.org/mirrors/node/v12.16.1/node-v12.16.1-linux-x64.tar.gz三、解压tar -xvf node-v12.16.1-linux-x64.tar.gz四、进入解压后的文件执行命令切换路劲：cd node-v12.16.1-linux-x64.tar...
2021-10-02 20:29:23
2447
1
原创 centos7 安装7z压缩命令
命令： yum install p7zip p7zip-plugins压缩test文件夹7za a -t7z -r test.7z test#a 代表添加文件／文件夹到压缩包-t 是指定压缩类型，这里定为7z，可不指定，因为7za默认压缩类型就是7z。-r 表示递归所有的子文件夹解压文件 x 代表解压缩文件，并且是按原始目录树解压（还有个参数 e 也是解压缩文件，但其会将所有文件都解压到根下，而不是自己原有的文件夹下） #-r 表示递归解压缩所有的子文件夹 #
2020-06-17 17:18:49
1164
原创 token：jsonwebtoken在koa中使用
1：客户端通过用户名和密码登录 2：服务器验证用户名和密码，若通过，生成token返回给客户端。 3：客户端收到token后以后每次请求的时候都带上这个token，相当于一个令牌，表示我有权限访问了 4：服务器接收（通常在拦截器中实现）到该token，然后验证该token的合法性。若该token合法，则通过请求，若token不合法或者过期，返回请求401请求失败。1.token相比于session，它无需保存在服务器，不占用服务器内存开销。2.token可以在服务器集群中很好的使用：无.
2020-06-05 15:49:11
476
原创 Koa增删改查（curd）
数据库的基本操作莫过于是crud ，（增删改查）；本文记录日常操作，便于以后查阅1.增（INSERT INTO 语句）语法：INSERT INTO 表名称 VALUES (值1, 值2,....)我们也可以指定所要插入数据的列INSERT INTO 表名称 (列1, 列2,...) VALUES (值1, 值2,....)2.删 （DELETE 语句）语法：DELETE FROM 表名称 WHERE 列名称 = 值可以在不删除表的情况下删除所有的行。这意味着表的结构
2020-06-04 17:41:15
1166
原创 mongodb 命令小计
mongodb 简单的命令记录，便于以后查询show dbs :显示当前数据库show users 切换当前库下，使用该命令显示当前库下有哪些用户use 数据库名称： 切换数据库db.users.insert({"username":"zhangsan","age":18}) 在users集合中增加一条记录（如果当前切换的数据库不存在也会自动创建创建一个数据库）show collections : 查看当前数据库有哪些集合db.dropDatabase() 切换当前数据库执行这个命令，...
2020-05-26 23:55:27
138
原创 for...of 之迭代
迭代协议：规定了迭代与实现的逻辑；迭代器：具体迭代试下的逻辑；迭代对象：可被迭代的对象 [Symbol.iterator] 方法迭代语句：for...of 根据迭代对象的迭代器具体实现迭代对象数据；（for...in 以原始插入的顺序迭代对象的可枚举属性）例子： let obj = { name: 'zhangsan', age: 18, }; // 迭代协议 obj[Symbol.iterator] = function () { ...
2020-05-25 16:02:12
198
原创 symbol 类型
基本数据类型：Number、String、Boolean、Null、Undefined、Object、SymbolSymbol：作用：属性私有化，保护数据Symbol类型的值通过symbol函数生成，相同Symbol函数返回的值是惟一的Symbol('aa') != Symbol('aa')例子如下： /* Symbol 实现 属性私有化 */ let Person = (function () { let _gender = Symbol('gender'); .
2020-05-25 13:46:18
255
原创 koa中cookie中无法设置中文的解决方案，base64位编码解决
koa中设置cookie 无法设置中文的解决方案之base64编码解决router.get('/home', async ctx => { let username = new Buffer('中国').toString('base64'); ctx.cookies.set('username',username); ctx.body = 'home';});router.get('/news',ctx=>{ let username = ctx.cookies.ge
2020-05-25 12:16:51
291
原创 拖拽-上传
拖拽上传事件：ondragenter 拖着东西进入；ondragleave 拖着东西离开；ondragover 悬停；ondrop 松手；小demo：client端代码：<!DOCTYPE html><html lang="en"><head> <meta chars...
2020-04-24 16:46:55
165
原创 nodejs：express file upload demo
这个小demo，是基于nodejs express框架实现文件上传客服端代码：<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"></head><body> 用户：<input type="text" id="user"&g...
2020-04-24 15:03:11
307
原创 socket.io 小demo
websocket，小demo；记录；便于以后查看：服务端nodejs<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <script src="http://localhost:3000/socket.io/socket.io.js" charset...
2020-04-22 12:18:07
463
原创 随笔百度jsonp请求
随笔加载百度请求；无他随笔记录<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" con...
2020-04-18 23:08:37
353
原创 半原生的上传文件小demo
<template> <div class="exportFile"> <div> <h4>选择导入文件</h4> <span>(请选择excel文件导入)</span> <div class="chooseFile"> <labe...
2019-09-06 17:02:54
125
原创 elementUI下的时间选择控件前后30天选择的控制小Demo
<template> <div class="block"> <el-date-picker v-model="value1" :editable="false" :picker-options="pickerBeginDateAfter" @change="getQueryType" @foc...
2019-09-05 15:00:56
510
原创 富文本添加超链接
1.window.getSelection/document.getSelection：返回一个Selection对象，表示用户选择的文本范围或光标的当前位置。2.window.getSelection().getRangeAt(index)/document.getSelection().getRangeAt(index)：返回一个包含当前选区内容的区域对象。3.window.getS...
2019-09-05 10:27:06
4360
原创 vue项目中input框自动获取焦点的随记
此文章的记录主要为了以后如果遇到相同的开发问题，可以快速的解决问题：vue如何自动获得input框的焦点呢？官网给出的答案是：自定义指令：v-focus// 局部指令directives: { focus: { // 指令的定义 inserted: function(el){ el.focus() } ...
2019-08-12 10:53:09
557
原创 mongodb初次使用
本文档的记录主要是为了以后新项目中方便自己查看；1.在c盘（或则任意盘）下建立：data文件夹 ->db文件夹2.在dos下通过命令mongod启动数据库3.在新开一个dos窗口输入mongo：连接数据库；exit退出连接4.简单命令：show dbs ： 查看当前有哪些数据库db ： 查看当前使用哪个数据库use 数据库名称： 切换数据库db.students....
2019-08-04 17:00:41
229
原创 js reduce数组对象去重和js函数中获取异步操作的结果
此两个方法的记录主要是便于以后自己在新的项目中使用；reduce数组对象去重：const person = [ {id: 1,name: 'xiaoming'}, {id: 2,name: 'xiaohong'}, {id: 3,name: 'xiaobai'}, {id: 1,name: 'xiaoming'}, {id: 4,name: 'xi...
2019-08-04 14:33:37
483
原创 vue中限制一个input框只允许输入数字的简单demo
1.来个输入框，用的是ElementUi组件<el-input type='number' maxlength='2' @keydown.native='onlyNum' style='width: 40px' size='small' v-model.number='num' @change='validNum'></el-input>onlyNum(eve...
2019-07-26 11:39:21
3140
原创 常用网站记录，方便以后自己查询用
vueUI组件记录：http://v1.iviewui.com/https://element.faas.ele.me/#/zh-CNMDN web docs网站：https://developer.mozilla.org/zh-CN/docs/WebW3school网站记录http://www.w3school.com.cn/html/index.aspwebstor...
2019-06-12 15:35:53
392
原创 $.ajax与axios参考与配置比较
前端项目中跨域请求不得不用到Ajax请求，Jquery配置如下；const ajaxPost = (url,params) => { return new Promise(function (resolve,reject){ $.ajax({ type: 'POST', dataType: 'json', ...
2019-06-10 13:51:00
731
原创 实现：关闭浏览器前，刷新浏览器前，切换浏览器tab，最小化浏览器等骚操作向后台发送请求（vue项目）
实现：关闭浏览器前，刷新浏览器前，切换浏览器tab，最小化浏览器等骚操作向后台发送请求（vue项目）对于以上用户骚操作，向后台发送最后的指令，这里只做简单的记录关闭浏览器和刷新浏览器在vue的生命钩子create函数中实现：通过window.onbeforeunload事件实现，这里要特别注意的是，接口请求必须是同步的created() { window.onbeforeun...
2019-06-06 18:06:49
953
原创 Vue中优雅的使用 icon字体图标
一，components路径下创建一个IconSvg.vue组件，内容如下：<template> <svg class="svg-icon" aria-hidden="true"> <use :xlink:href="iconName"></use> </svg></template><scr...
2019-05-13 16:59:00
1968
1
转载 .gitignore配置规则 及其 git rm -r --cached 去掉已经托管在git上的文件
git update-index --assume-unchanged file_path 去除git对某个文件的追踪git update-index --no-assume-unchanged file_path 恢复git对某个某个文件的追踪一，配置gitignore文件二，git rm -r --cached 文件名三，git add .四，git commit...
2019-05-13 14:43:10
1507
转载 vue里面父组件如何修改子组件样式
原文链接：https://blog.csdn.net/csdn_yudong/article/details/79087236在使用 vue 的开发中，我们有时会引用外部组件，包括 UI 组件（ElementUI、iview）。当 <style> 标签有 scoped 属性时，它的 CSS 只作用于当前组件中的元素。但是在父组件中添加 scoped 之后，父组件的样式将不会渗透...
2019-01-06 22:30:52
1208
转载 JavaScript 复制对象【Object.assign方法无法实现深复制】
原文章地址：https://www.cnblogs.com/libin-1/p/6845458.html在JavaScript这门语言中，数据类型分为两大类：基本数据类型和复杂数据类型。基本数据类型包括Number、Boolean、String、Null、Undefined、Symbol（ES6 新增），而复杂数据类型包括Object，而所有其他引用类型（Array、Date、RegExp、F...
2019-01-05 23:34:54
289
转载 px2rem-loader（Vue:将px转化为rem，适配移动端）
转载：https://www.cnblogs.com/WQLong/p/7798822.html1.下载lib-flexible使用的是vue-cli+webpack，通过npm来安装的npm i lib-flexible --save2.引入lib-flexible在main.js中引入lib-flexibleimport 'lib-flexible/flexible...
2018-12-30 13:14:41
407
转载 ES5 数组方法every和some
摘自： https://www.cnblogs.com/leejersey/p/5483247.htmlArray.prototype.every()概述every() 方法测试数组的所有元素是否都通过了指定函数的测试。语法arr.every(callback[, thisArg])参数callback用来测试每个元素的函数。thisArg执行 callb...
2018-12-25 14:23:11
169
原创 [Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available
在webpack.base.conf.js添加一行代码： 'vue$': 'vue/dist/vue.esm.js' , ，然后重新运行编译就可以了
2018-12-24 19:30:24
207
转载 vue项目本地服务器设置既能localhost访问又能手机ip访问
原文链接：vue项目本地服务器设置既能localhost访问又能手机ip访问在初始化完一个vue项目(基于vue-cli 和webpack)之后，我们可以通过 npm run dev来让这个项目跑起来。我们在浏览器里输入localhost:8080就可以访问该项目了。但是要是手机想访问的话，就得通过ip地址，但当我输入ip地址进行访问时，却发现不行。于是我找项目的配置文件，发现...
2018-11-25 21:26:47
1194
转载 滑动时候警告：Unable to preventDefault inside passive event listener
移动端Web界面滚动性能优化 Passive event listeners最近更新了ios11.3,项目上发现这么一个问题，“我的”页面和两个列表页的滚动出现了问题，滚动时候不仅滚动了希望滚动的部分，整体的页面也跟随者上下滚动，整个页面非常卡顿。这两个页面都用了touch事件 控制台打印如下警告：[Intervention] Unable to preventDefault ins...
2018-11-23 23:48:23
366
原创 按钮缺口半圆的实现
利用浮动配合伪元素来实现，代码如下<!DOCTYPE"><html> <head> <title> New Document </title> <meta charset="UTF-8"> <meta name="hsw"> &
2018-11-19 22:50:49
775
转载 CSS清除浮动的方法优缺点分析
1、父级div定义height<style type="text/css"> .div1{background:#000080;border:1px solid red;/*解决代码*/height:200px;} .div2{background:#800080;border:1px solid red;height:100px;margin-top:10px}...
2018-11-19 15:11:30
90
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人