- 博客(44)
- 收藏
- 关注
RSS订阅原创 以JavaScript中的执行上下文角度浅析this指向问题
JavaScript中的作用域浅析JavaScript 中的执行上下文js中代码的执行过程执行上下文变量对象作用域链this相关知识点JavaScript的任务队列toLearnJavaScript 中的执行上下文JavaScript代码执行过程中，存在执行上下文，但是其具体是如何运行的以及包含了何种概念，笔者之前还没搞清楚，而且尤其一些js中的this指向问题仍有些糊涂，因此，本文将大概分析执行上下文的组成，并从执行上下文的角度切入去分析this的指向问题。js中代码的执行过程JavaScript
2021-04-04 17:28:12
238
翻译 neo4j的graph config params 翻译
来源：Neosemantics ReferenceGraph Config Params (全局配置)call n10s.graphconfig.init( params )以下这些配置在Neo4j图谱的整个生命周期都起作用，贯穿import/export/delete/preview/stream这些API的调用过程。handleVocabUris值（默认）：‘SHORTEN’, ‘SHORTEN_STRICT’, ‘IGNORE’,‘MAP’,‘KEEP’ (‘SHORTEN’)'.
2021-04-01 10:41:48
831
4
原创 node 读写文件
最近在完成一个从文件提取数据的繁杂任务时，发现node真的非常万能，竟然可以读/写文件，为此简单记录下其中遇到的一些使用心得。读取文件基本原理就是通过引入fs的模块，实现对文件的读取。node 已经内置了fs 模块，可以通过官网一窥究竟：The fs module provides a lot of very useful functionality to access and interact with the file system.There is no need to install it
2020-07-25 12:12:26
935
翻译 JavaScript——不仅仅是解释性语言
编译(Compilation)JavaScript 通常被视为一种解释性语言，但是现代的JS引擎不仅仅解释JavaScript，而且会编译它。自从2009年，火狐将SpiderMokeyjs编译器添加到Firefox 3.5中后，所有人纷纷效仿这个idea。JavaScript 代码由内置JIT编译（即时编译或者动态编译）的V8引擎编译，从而提升了代码执行的速度。虽然这看起来有点不直观，但是自从2004年谷歌地图引入（上述）之后，JavaScript 已经由一个只能执行少数几个lines的语言进化为
2020-06-03 12:21:58
601
原创 create-react-app配置代理方法
creat-react-app下配置代理的方法：安装http-proxy-middleware$ npm install http-proxy-middleware --save在根目录的src下创建src/setupProxy.js文件，然后写入下边内容。const proxy = require('http-proxy-middleware');module.exports = function (app) { app.use( proxy('/api',{
2020-05-29 08:50:37
1420
原创 体验 JavaScript 函数式编程的优美——redux下compose函数
背景 本以为对javascript掌握还算可以，但是当看了Redux库的applyMiddleware（中间件）的代码后，我深刻地认识到了javascript是可以使用地这么灵活，js 下的函数式编程是这么的美妙。每每看到这段二十来行的代码，都会细细品味（自己菜看不懂）。applyMiddleware 的作用中间件之所以是中间件，表面上的dispatch(action)，实际上中间件已经将...
2020-04-11 16:35:05
235
1
翻译 history.go(-1) 页面跳转，表单却会自动保存检索信息溯源(autocomplete 属性)
背景：SPA 应用，大体是一个有检索表单及列表条目展示的页面。每个条目有链接，点击会切换路由并跳转到条目的详情页面。详情页面有返回按钮，可以返回列表检索的界面。问题：此前的应用从详情页面返回列表，没有实现保持检索后状态的功能，但是现在准备去实现的时候发现，返回（通过标题中的history.go(-1)实现）之后竟然会自动保存检索的表单信息，这是为什么？最终geogle 在 Stack Over...
2020-03-12 22:18:17
1063
原创 TS——总结函数类型的定义方法
1 函数声明的类型定义function say(person: string, content: string): boolean { if (person === '' || content === '') return false; console.log(`${person}say:${content}`); return true;}延伸出——对象方法...
2020-02-22 17:39:24
15092
原创 vscode + leetcode 刷题（2）
1 添加git 控制版本在所选择的文件目下，右键选择git，依次输入下面的命令，git init // git add -A 即可将所有的文件变动添加git add README.mdgit commit -m "first commit"git remote add origin https://github.com/zhoushaokun/leetcode.gitgit...
2020-01-05 22:08:29
923
原创 VSCode+leetcode 刷题（1）
注：请先安装 nodejs 的环境，具体步骤见：https://www.runoob.com/nodejs/nodejs-install-setup.html1 vscode 下载安装vscode官网：https://code.visualstudio.com/双击下载后的文件，一直下一步安装。下一步之前，检查电脑是否安装python环境：Win+R 打开运行，输入CMD 打开...
2020-01-04 21:56:05
2417
原创 angularJS-记一次如何解决父子controller 之间异步嵌套的问题
问题描述：父组件需要发送异步请求获取数据，而子组件也需要获取这个数据进行渲染工作。方案探究：首先想到的办法是将父组件获取到的数据 data 放在 service 中，然后子组件再注入 service ，从service 中取数据 data。最先想到就是这个方法，因为对于 controller 之间的通信，最常用的办法就是通过 service 这个“桥梁”。但是通常父、子组件渲染完成之后，数据还...
2019-12-23 09:29:56
211
原创 JS单例模式
curry 实现惰性加载单例的方法：1 创建得到单例的工厂方法 var getSingle = function(Contructor) { var result = null; return function() { return result || (result = new Contructor()); ...
2019-12-01 17:31:43
98
原创 antd pro 的使用总结（2）
1d.tsdeclare 关键字 主要用来生命全局变量。更多关于declare 的知识：官方文档注意：nameSpace 的一些知识declare namespacenamespace 是 ts 早期时为了解决模块化而创造的关键字，中文称为命名空间。由于历史遗留原因，在早期还没有 ES6 的时候，ts 提供了一种模块化方案，使用 module 关键字表示内部模块。但...
2019-11-30 20:07:36
913
原创 antd pro 的使用总结（1）
1 model的分类model 分两类，一是全局 model，二是页面 model。全局 model 存于/src/models/目录，所有页面都可引用；页面 model 不能被其他页面所引用。但是又发现了 dva 官方文档这样写注意：如果当前应用中加载了不止一个model，在其中一个的effect里面做select操作，是可以获取另外一个中的state的。所以，借助这个...
2019-11-30 11:45:53
1187
转载 使用formdata模拟表单提交
1 原生下var formData = new FormData();var defaultYearValue = "2019";formData.append("selectYear", defaultYearValue);var request = new XMLHttpRequest();request.open("POST", url);request.send(form...
2019-11-26 15:40:13
571
转载 http状态码——302（补充303/307）
请求重定向会导致请求不去执行成功的回调函数，而是再次发送一次请求。项目中遇到了http返回状态码为 302 的情况，之前学习过基础知识知道是重定向，但是没有在实际项目中碰见，今天碰见了，那么就作为一个知识点记下来吧！具体问题是：开发使用的架构http返回的是html文件而非json数据，请求之后页面会重新加载，但由于是重定向（而非 200 ），所以发送的请求不会进入到 success 的回...
2019-11-13 19:22:31
1678
原创 数组中插入另外一个数组——（纯函数方式实现）
js中自带的api——splice虽然可以实现插入，但是结果会影响到原有的数组，在 react 的reducer中就不能直接对state中的数组这么操作（保证纯函数的原则）。因此可以借助 concat 和 slice 的 api 实现不影响原有数组内容的插入操作。 Array.prototype.insertArray = function (index, insertArr) { ...
2019-11-02 11:05:28
626
原创 angularJS一些总结
1 angularJS实现js控制input获取焦点questionnaireDirectives.directive('setfocus', function(){ return { restrict: 'EA', replace: false, scope: { isBlur:"=" }, ...
2019-10-24 17:10:14
114
原创 ES6下几种引入模块和导出模块的方式总览
1 exportexport命令用于规定模块的对外接口来自-http://caibaojian.com/es6/module.html变量的方式一//导出---statics下test.jsxexport const a = 1; //正确//引入import { a } from "./statics/test"变量的方式二//导出----statics下te...
2019-10-12 19:29:12
384
原创 图片上传与下载展示的总结
1 上传图片上传图片有两种方式：借助 form 和 post首先新建一个formData 的对象，然后将读取到的文件作附到表单上，接下来提交表单。 var formdata = new FormData(); formdata.append('file', img, img.name); xhr.open('P...
2019-09-28 17:39:48
351
原创 函数表达式
1块级作用域js 将 function 关键字当作一个函数声明的开始，而函数声明后面不能跟圆括号，然而，函数表达式的后边可以跟圆括号。//错误的写法function myFunc() { /*....*/}() function () { /*....*/}//正确的写法(function myFun(){ /*....*/})();(functi...
2019-08-28 16:49:37
307
原创 react-redux库的使用
目录里边有用到的代码：https://github.com/redux-utilities/redux-promise/blob/master/src/index.js 自己照着http://todomvc.com/写的 todo-list 代码在https://github.com/zhoushaokun/to-do-list上边1react-redux 的思想——将所有组件分...
2019-08-18 10:53:40
238
原创 react学习总结——react-router库的使用
目录1 概念2 基本的使用3路由传参4 Switch5 component与render1 概念Router 路由器组件，用来包含各个路由组件，管理路由。Router 组件本身知识一个容器，真正的路由需要通过 Route 组件定义。现在典型的应用都使用 <BrowserRouter>、<HashRouter>等，对于低级接口 <Ro...
2019-08-11 20:04:05
409
原创 react学习总结
目录1 react生命周期2 关于组件 className 设置的问题3 react 中实现一些动画的效果4 encodeURIComponent()5 react项目开发步骤推荐6 webpack 的特色与功能1 react生命周期react 组件的生命周期整个过程如下：2 关于组件 className 设置的问题对于自定义的组件，如果在组件...
2019-08-11 10:08:54
307
原创 框架下元素className操作的方法汇总
JS原生 parent.className = parent.className + " newClass"; Jquery $(selector).addClass("new1 new2"); react下 // 方法一 ES6的模板字符串className = {`title ${condition ? "active" : ""}`};// 方法二 数...
2019-08-04 10:09:55
317
原创 newQuote练习
1实现自定义动画通过jQuery的animate函数来实现params是一个用大括号 包起来 的最终样式集合，也就是说能同时控制多个效果发生。speed是关于速度的参数。easing是关于速度的函数fn回调函数使用时注意：实现多个元素一起同时进行动画$("#div1").animate({width:"200px"}, 1000);$("#div2").ani...
2019-07-07 18:17:42
145
原创 JavaScript中的模块化
目录1ES6之前的模块化策略2ES6的模块化1ES6之前的模块化策略模块化可以减少全局变量的使用，方便代码的维护和书写。这二者的区别主要在于：CommonJS对模块的加载时采用的是同步（synchronous）的方式，而AMD对模块的加载采用的是异步（Asynchronous）的方式。因为在服务器端，加载的时延主要是对硬盘的读写，而在客户端，加载的时延主要的是网络传输...
2019-06-30 10:27:54
187
原创 ES6学习总结（2）
------------------2019年6月29日目录1对象的遍历2Iterator和for...of2.1set和map2.2Iterator的使用1对象的遍历首先指出symbol属性的概念，symbol是ES6引入的一种新的原始数据类型（原始数据类型：保存在栈（stack）中的简单字段如number，boolean，string；引用数据类型，也就是保存在...
2019-06-29 20:37:15
147
原创 ES6学习总结(1)
----------写于2019年6月21日目录----------写于2019年6月21日1let与const2变量的结构赋值2.1数组的结构赋值2.2对象的结构赋值2.3圆括号问题3函数参数的默认值3.1参数的默认位置3.2函数参数长度3.3作用域4扩展运算符——...1let与const相比var，let有以下不同（1）let只在所...
2019-06-22 11:42:23
138
原创 关于内置对象与构造函数的若干问题
1String按道理是一个构造函数的名称，但为什么也具有一些属性和方法？这是之前在学习String的包装类时，遇见一个问题，这是因为任何函数实际上都是Function类的一个实例，所以f.__proto === Function.prototype,返回的是true，如下Function.prototype作为一个对象又是Object类的一个实例，所以Function.protot...
2019-06-22 10:56:06
290
原创 用匿名函数去包含一个事件响应函数
1解决动态事件函数不能传参问题转自，https://blog.csdn.net/q5706503/article/details/82989804，自己验证如下，如想完成点击按钮后，窗口内弹出特定的内容，可以是其他节点对象的属性值。代码如下， var btn2 = document.getElementById("btn2"); func...
2019-05-30 09:05:10
246
原创 原型和js中this的理解
原型和this function Person (name, age, sex) { this.name = name; this.age = age; this.sex = sex; } Person.prototype.name = "proto"; Person.prototype.sayName = function(){ al...
2019-05-30 08:47:59
237
原创 目前所遇到兼容性问题的解决方法
1属性不兼容如获取元素的样式，IE浏览器支持 obj.currentStyle.width等的方式读取元素样式表内的样式，其他浏览器支持 window.getComputedStyle(元素对象名，null).width的方式读取，因此兼容函数可以封装如下 function getStyle(obj, name){ return getComputedStyle(obj, n...
2019-05-30 08:13:52
1955
原创 HTML&CSS学习总结+js学习总结（3）
-----2019年5月25日目录1遍历对象的属性2js中的作用域2.1变量作用域2.2函数作用域2.3函数闭包3DEBUG4this的情况5对象的创建5.1工厂模式5.2构造函数模式5.3原型创建对象6数组（Array）7函数8Date对象9window和Global对象10包装类11DOM操作1遍历对象的属性...
2019-05-25 16:25:11
817
原创 关于浮动先后问题的一些总结
浮动前后元素显示浮动float会脱离正常的文档流,但是还会占有正常文档流的文本空间.(1)不浮动后加浮动.浮动元素是否浮动,样式看起来没什么区别,但是浮动元素会对后边元素产生影响.(2)浮动后加浮动.浮动元素之间左右近邻.(3)浮动后加不浮动.同样浮动元素会被未浮动的元素覆盖掉关于(1)和(3)之间是有区别的.一般我们实现两列布局使用的是左右浮动.<!D...
2019-05-25 09:08:33
317
原创 写代码中的一些总结
1关于数组索引的使用在关于一个点击“上一个”、“下一个”按钮，实现图片切换的小测试中。结构代码如下<div id="contanier"> <img src="img/1.jpg" alt="图片1" id="pic"> <button id="lastPic">上一张</button> <button id="nex...
2019-05-23 22:41:59
716
原创 HTML&CSS关于布局
1布局关于浮动与定位的区别：元素进行浮动后，会按照浮动流的先后顺序进行排列，而绝对定位则是每一个元素都独立存在于其他所以元素。所以在日常的选择中，固定分布的布局尽量使用定位(relative/absolute)，而浮动则在导航条等横式布局中运用得多一些。1.1单列布局消除浏览器的默认样式body{margin:0; padding:0;}块状元素水平居中，0代表上下方向，aut...
2019-05-18 12:35:18
117
原创 sublime使用笔记
1goto-anythingctrl+P直接输入文件的名称或者路径，实现快速定位文件，sublime可以直接列出所有的文件css文件中，@符号列出文件中所有包含的css选择器，如，@body选择到body选择器这在js文件中，@函数名，实现直接定位到函数所在代码区域#选择器2多行游标Ctrl+D、Ctrl+K、ALT+F3、Shift和alt按钮多行游标选择，...
2019-05-12 20:51:20
526
原创 HTML&CSS学习总结（1）
（红色重要字体，绿色是自己需要继续改进和探究的地方）——2019年5月10日 星期五目录目录1编译器安装安装插件遇到的问题解决方法2Emmet插件3HTML基本知识3.1html元素3.2绝对路径和相对路径3.3css文件的四种引入方式3.4a标签中的target属性值3.5img标签3.6块级元素和内联元素3.7表单注意只能对表单元素绑定...
2019-05-10 21:39:44
495
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人