- 博客(90)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 【深入理解ES6】Symbol
创建Symbol新增基础类型 Symbol，用于解决 私有属性 问题let firstName = Symbol()let person = {}person[firstName] = 'Nicholas'console.log(person["firstName"])注意， Symbol是原始值，不能 new Symbol()构建实例，只能是new Object(【Symbol 值】)Symbol 接受可选参数，用于描述该 Symbol 值内部存储在 [[Descr...
2022-05-04 19:49:46
470
原创 【深入理解ES6】解构
为何使用解构功能是数据访问更便捷// ES5 及以前let options = { repeat: true, save: false}let repeat = options.repeat, save = options.save;// -------------------------------------// ES6 解构let { repeat, save } = options对象解构let node = { type: 'Identifier
2022-04-16 09:28:04
481
原创 【深入理解ES6】对象
对象的分类普通对象（Ordinary Object）：具备Javascript 对象所有的默认内部行为。 特异对象（Exotic Object）：具备某些与默认行为不符的内部行为。 标准对象（Standard Object）：ES6中定义的对象，例如 Array、Date 等。既可以是普通对象，又可以是特异对象 内置对象(Build-in Object)：JS脚本中的环境对象（window、document等）对象字面量的扩充属性初始值简写// ES5function create.
2022-03-27 21:43:06
1434
转载 Vue 无法访问.env.development中自定义的 变量
process.env undefined Vue问题：自己定义的env变量命名有问题。官方文档是这么说的：Note that only variables that start with VUE_APP_ will be statically embedded into the client bundle with webpack.DefinePlugin.所以，定义变量的时候，需要以***VUE_APP_***开头。如：VUE_APP_SECRET=secret...
2021-03-05 10:16:32
1484
2
原创 9、vue中计算属性computer和普通属性method的区别是什么？（前端）
我们可以将同一函数定义为一个方法而不是一个计算属性。两种方式的最终结果确实是完全相同的。然而，不同的是计算属性是基于它们的依赖进行缓存的。只在相关依赖发生改变时它们才会重新求值。这就意味着只要message还没有发生改变，多次访问reversedMessage计算属性会立即返回之前的计算结果，而不必再次执行函数。计算属性computer初次执行函数后，值会存储缓存中，依赖项未改变，不会再执行函数而是从缓存中立即取出 method中的函数每次调用都会执行一次...
2021-02-07 09:07:18
1027
原创 8、webpack中的常见的loader以及作用的总结（前端）
用法module.exports = { module: { rules:[ { test: /\.ts$/, use: 'ts-loader'} ] }}常用的loader style-loader 将css添加到DOM的内联样式标签style里 css-loader 允许将css文件通过require的方式引入，并返回css代码 less-loader 处理less sass-load
2021-01-20 09:25:18
786
转载 node.js依赖express解析post请求四种数据格式
分别是这四种:www-form-urlencoded,form-data,application/json,text/xmlwww-form-urlencoded 这是http的post请求默认的数据格式，需要body-parser中间件的支持 服务器端的demo：var express = require('express');var app = express();var bodyParser = require('body-parser');app.use(bodyP
2021-01-19 11:27:06
379
1
原创 （前端）7、在css中link和@import的区别是什么？
<!-- link方式 --><link rel="stylesheet" rev="stylesheet" href="CSS文件" type="text/css" media="all" /><!-- @import方式 --><style type="text/css" media="screen"> @import url("CSS文件");</style>两者区别：（祖宗级）link是XHTML标签，除了加载C.
2021-01-18 09:22:06
165
原创 （前端）6、防抖节流原理、区别以及应用
防抖 - debounce原理：将多个函数调用合成为一个函数，并在设置一定的时间后仅被调用一次。应用：搜索框等待用户输入完成后，延迟一定时间在进行搜索功能。代码实现function debounce(fn, delay) { // 维护一个 timer，用来记录当前执行函数状态 let timer = null; return function() { // 通过 ‘this’ 和 ‘arguments’ 获取函数的作用域和变量 let contex...
2021-01-18 09:09:55
418
转载 (前端)5、vue-router的原理
vue-router核心实现原理1.实现一个静态install方法，因为作为插件都必须有这个方法，给Vue.use()去调用；2.可以监听路由变化；3.解析配置的路由，即解析router的配置项routes，能根据路由匹配到对应组件；4.实现两个全局组件router-link和router-view；（最终落地点）核心代码实现简版：let Vue;class KVueRouter { constructor(options){ this.$option..
2021-01-16 09:44:40
152
转载 实用javascript富文本编辑器
百度UEditor 官方网址：http://ueditor.baidu.com/website/ UEditor是由百度web前端研发部开发所见即所得富文本web编辑器，具有轻量，可定制，注重用户体验等特点，开源基于MIT协议，允许自由使用和修改代码... 2bootstrap-wysiwyg 官方网址：http://www.bootcss.com/p/bootstrap-wysiwyg/ bootstrap-wysiwyg 为Bootstrap定制的微型所见即所得（What
2021-01-15 12:38:11
398
原创 cookie 、localStorage 、sessionStorage 、vuex 比较
一、简介cookie 4K 有时效性 可服务器传递HTML5 Web Storage 5M 仅本地保存，不会自动发送服务器 隐私模式不可读取、不可被爬虫抓取localStorage 永久存储（除手动删除） 保存在硬盘 兼容IE8+ sessionStorage 临时存储 关闭页面即清空（刷新不清除）VUEX 保存在内存 刷新页面清除二、对于不同窗口，不同标签页，不同浏览器下的sessionStorage、localStorag、cookie的状...
2021-01-15 09:12:10
275
转载 （前端）4.浏览器的本地存储的cookie的了解
cookie是一种最原始也最简单的客户端存储方式，几乎所有的网站的都有使用cookie,各有各的用途，看到这篇文章的不少人也是都是使用过cookie的人同学吧，但是我们反问下自己，我们真的懂cookie了吗？我自己创建了一个网站，网址为http://ppsc.sankuai.com。在这个网页中我设置了几个cookie：JSSESSIONID，PA_VTIME，skmtutc，test。在 chrome 浏览器中打开这个网站，进入开发者模式，点击Resources栏 -> 选择cookies，
2021-01-14 09:21:04
1835
1
原创 （前端）2.在Webpack中，Loader和Plugin的区别是什么？
loader用于转换、将A文件进行编译形成B文件plugin用于处理打包过程中的自定义操作的扩展器，不直接操作文件Loaderwebpack自身只支持对于js和json类型文件的处理，而其他非js文件则需要通过loader转换成commonJS规范的文件后，才能被webpack进行解析例如： css-loader、sass-loader、style-loaderPluginwebpack打包编译过程中，对某些事件进行自定义操作，比如资源管理、bundle文件优化等例如： ug..
2021-01-14 09:14:06
312
原创 （前端）3.请解释React中props和state的区别？
props和state都是用于描述component状态的，并且这个状态应该是与显示相关的。1.State（由内部改变的）如果component的某些状态需要被改变，并且会影响到component的render，那么这些状态就应该用state表示。例如：一个购物车的component，会根据用户在购物车中添加的产品和产品数量，显示不同的价格，那么“总价”这个状态，就应该用state表示。2.Props（由外部传送的）如果component的某些状态由外部所决定，并且会影响到compon.
2021-01-14 09:11:55
201
原创 （前端）1.vue的双向绑定的原理是什么？
vue的双向绑定的原理是什么？（2020/01/12）前台UI数据改变实时反应在ViewModel上，后会通过ajax传到后台model上后台改变的也会通过ViewModel响应到前台UI上当data 有变化的时候它通过Object.defineProperty(）方法中的set方法进行监控，并调用在此之前已经定义好data 和view的关系了的回调函数，来通知view进行数据的改变 而view 发生改变则是通过底层的input 事件来进行data的响应更改...
2021-01-12 11:49:56
227
原创 axios中的POST请求，前端数据正常，但后端无法接受问题
在最近的项目开发中，突然发现 POST 请求异常，虽然一眼看见是id没传递导致的，明明前端传递了，可是后端怎么也接收不到。最终花费1天时间才找到问题的根源。通常我们会把 HTTP 请求分为三个部分：状态行、请求头、消息主体。协议规定 POST 提交的数据必须放在消息主体（entity-body）中，但协议并没有规定数据必须使用什么编码方式。所以数据的编码类型是存在分类 的 ，即请求头Content-Type 属性。常见的POST请求分类（https://blog.csdn.net/wgf19
2021-01-05 15:07:38
734
转载 POST 常见的数据提交方式
定义和用法enctype 属性规定在发送到服务器之前应该如何对表单数据进行编码。默认地，表单数据会编码为 "application/x-www-form-urlencoded"。就是说，在发送到服务器之前，所有字符都会进行编码（空格转换为 "+" 加号，特殊符号转换为 ASCII HEX 值）。enctype属性值值 描述 application/x-www-form-urlencoded 在发送前编码所有字符（默认） multipart/form-data
2021-01-05 14:51:36
1690
原创 用 Css3动画 绘制 水波纹DIV
效果图<!DOCTYPE html><html><head><style>@keyframes roll { form { transform: rotate(0deg); } to { transform: rotate(360deg); }}.shuiqiu { width: 200px; height: 200px; border-radius:
2020-12-08 09:32:04
546
原创 ceisum加载时报401异常
加载ceisum默认地形数据var viewer = new Cesium.Viewer(‘cesiumContainer’, {terrainProvider : Cesium.createWorldTerrain({requestWaterMask : true,requestVertexNormals : true});});如果报错：401在前面加上var viewer 的初始化代码前面加上：Cesium.Ion.defaultAccessToken = 个人的CEsi
2020-11-06 10:10:25
2176
转载 webpack打包报错：ERROR in multi ./src/main.js ./dist/bundle.js Module not found: Error: Can‘t resolve ‘.\
刚刚接触webpack就遇到好几个问题，成功安装最新版webpack和cli后，第一个打包就出现了问题，其实也算是语法错误当运行webpack .\src\main.js .\dist\bundle.js打包时，出现如下错误：产生错误原因：最新版本的webpack命令有所改变解决方法：在以前的命令里加个-o就可以啦运行webpack .\src\main.js -o .\dist\bundle.js...
2020-09-12 15:25:24
908
2
原创 滚动条滑动距离
let element = document.getElementById("Id")console.log("纵向" + element.scrollTop + "px")console.log("横向" + element.scrollLeft + "px")
2020-09-10 17:02:13
800
原创 .NET中 百度编辑器上传视频报Http请求错误
在使用百度编辑器上传视频的时候遇到一个很奇怪的问题，当视频大小在20M以下的时候，上传正常。当大于20M时，一直报Http请求错误。处理步骤：1.修改编辑器配置信息，如图所示，改成你想要的大小2.修改.net 配置文件，如下图所示3.这一步也是修改.net配置文件，但是如果没有这一步，怎么都没有用，如下图所示...
2020-09-10 10:08:29
721
原创 SQL转Linq工具的使用——Linqer 4.6
官方下载网站：http://www.sqltolinq.com/本文介绍版本为Linqer4.6第一步：下载下来，解压，双击安装.exe文件，运行界面如下。第二步：建立与数据库的连接点击左上角的New Connection，弹出对话框，填写Name，点击Connection String 下的省略号（...）弹出类似Microsoft SQL Server Management Studio的操作，其实就是链接一个数据库实例，填写账号密码，选择操作哪个数据库等Model 选择L.
2020-08-07 15:11:46
1392
1
转载 登录页面报警告： This page includes a password or credit card input in a non-secure context.
This page includes a password or credit card input in a non-secure context. A warning has been added to the URL bar. For more information, see https://goo.gl/zmWq3m.从网上找到的解决方案：1. 有http该为https，因为页面里面有input type是password，谷歌浏览器建议升级https传输密码2.将passwrod一栏
2020-08-06 09:02:59
1371
转载 地图偏移的起因
国家安全与地图保密插件民间纠编地图可能引起很严重的国家安全刑事问题1、偏移的起因：天朝测绘局以国家安全为理由，用法律的形式对所有在天朝发行的地图类产品加了强制性规范，要求所有地图类产品都必须使用国家测绘局的一种加偏移的算法，对地图的真实坐标进行加偏移处理，之后才可能通过审批准许上市。因此，天朝的所有官方及商用地图的坐标都是偏移的，这种偏移属于非线性的，偏移量在300至500米不等，偏移方向也不定。这种加过偏移的地图坐标就是所谓“火星坐标”。2、GPS接收机本身接收卫星的信号，计算出本机所在位置的经纬度，在没
2020-08-03 14:36:16
3624
转载 net start mysql 发生系统错误2 系统找不到指定的文件
以管理员身份运行，在命令行输入cd+mySQL的bin目录的安装路径C:\Windows\system32>cd C:\Program Files\MySQL\MySQL Server5.6\binC:\Program Files\MySQL\MySQL Server5.6\bin>mysqld --removeService successfully removed.C:\Program Files\MySQL\MySQL Server5.6\bin>mysqld --i
2020-07-31 14:06:16
997
1
原创 Cesium 3种取点方式
1. 椭球面坐标:获取当前点击视线与椭球面相交处的坐标，在加载地形的场景上获取的坐标有误差var earthPosition = viewer.camera.pickEllipsoid(event.position,viewer.scene.globe.ellipsoid);2.场景坐标:获取场景中任意点击处的对应的世界坐标，需要开启“地形深度检测”（在未开启“地形深度检测”的情况下只能在3DTile上准确获取空间坐标，开启“地形深度检测”后，viewer.scene.pickPosit.
2020-07-24 16:34:07
1486
转载 ES2020 系列：可选链 “?.“
可选链 "?."可选链?.是一种访问嵌套对象属性的防错误方法。即使中间的属性不存在，也不会出现错误。问题如果你才刚开始读此教程并学习 JavaScript，那可能还没接触到这个问题，但它却相当常见。例如，我们有些用户会有地址信息，但有一少部分用户并没有提供相关信息。那么我们就不能安全地读取到user.address.street：letuser={};//这个user恰巧没有addressalert(user.address.street);//Error...
2020-07-23 13:07:07
625
转载 C#连接操作MySQL数据库详细步骤 帮助类等（二次改进版）
首先在项目App.config 文件下添加节点 <connectionStrings> <add name="constr" connectionString="server=localhost;port=3306;user id=root;password=root;database=car;Charset=utf8;"/> </connectionStrings> 例如：然后在项目引用中添加MySQL.DAL.dll 类库.
2020-07-22 11:14:51
522
转载 ES2020 系列：空值合并运算符 ‘??‘
空值合并运算符 '??'空值合并运算符??提供了一种简短的语法，用来获取列表中第一个“已定义”的变量（译注：即值不是null或undefined的变量）。a ?? b的结果是： a，如果a不是null或undefined， b，其他情况。 所以，x = a ?? b是下面这个表达式的简写：x=(a!==null&&a!==undefined)?a:b;下面是一个更长一点的例子。假设，我们有一个用户，...
2020-07-21 08:51:32
376
转载 Cesium的pickEllipsoid和pickPosition的区别
最近实现Cesium手动绘制图形的功能，需要鼠标点击及移动时获取当前的空间坐标。实现的过程中发现了下面两种获取空间坐标的方式：viewer.camera.pickEllipsoid viewer.scene.pickPosition在Cesium Sandcastle给出的绘制示例中，采用了pickPosition的方式获取空间坐标，并给出如下注释：Csium绘制示例大致可理解为viewer.camera.pickEllipsoid 在加载地形的场景上获取的坐标有误差，用viewer.
2020-07-16 17:05:34
4354
1
原创 .NET :测试数据库勿忘关闭DataReader对象！！！
前阵子做疫情项目出现过一次，结果今天有犯了一个错误，做个备注，警戒自己！！！ /// <summary> /// 循环按照编号去取某个员工的某个指标的值 /// </summary> /// <param name="taskList"></param> /// <returns></returns> public static DataSet GetGroupExamineFormD
2020-07-10 13:03:23
176
转载 js用对象模拟switch
以前写switch：switch(foo){case"bar":alert("thevaluewasbar--yay!");break;case"baz":alert("boobaz:(");break;default:alert("everythingelseisjustok");}现在可以用对象进行模拟：varstuffToDo={"b...
2020-06-15 14:17:13
321
转载 vue核心之虚拟DOM(vdom)
一、真实DOM和其解析流程？ 浏览器渲染引擎工作流程都差不多，大致分为5步，创建DOM树——创建StyleRules——创建Render树——布局Layout——绘制Painting第一步，用HTML分析器，分析HTML元素，构建一颗DOM树(标记化和树构建)。 第二步，用CSS分析器，分析CSS文件和元素上的inline样式，生成页面的样式表。 第三步，将DOM树和样式表，关联起来，构建一颗Render树(这一过程又称为Attachment)。每个DOM节点都有a...
2020-06-11 10:17:15
598
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人