![](https://img-blog.csdnimg.cn/20200902153957383.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
WEB开发
web开发学习语言记录
Bennett 黄柏禧
止于至善
展开
-
前端知识点总结
前端一些常见的面试知识不作为学习渠道仅供查阅原创 2019-04-17 12:54:58 · 254 阅读 · 0 评论 -
html form 踩坑记
写了一个form,代码如下:<form action="http://127.0.0.1:8000/authenticate.php" method="post"> <div class="form-group"> <div class="form-label-group"> <input type="text" id="inpu...原创 2019-10-17 15:37:33 · 255 阅读 · 0 评论 -
Js undefined 与 null
参考链接:阮一峰字面意思:undefined:应该有一个值,但实际上为空null:此处没有值null原型链的末端将对象赋值null,表示将要把该对象回收(内存的方面)null是字面量undefined声明了但未赋值的变量将对象赋值为undefined不会导致其被回收属于window的属性...原创 2019-10-09 20:51:36 · 87 阅读 · 0 评论 -
JavaScript第十章
DOM树Node类型JavaScript中的所有节点类型都继承自Node类型。nodeType:Node.ELEMENT_NODE(1);Node.ATTRIBUTE_NODE(2);Node.TEXT_NODE(3);Node.CDATA_SECTION_NODE(4);Node.ENTITY_REFERENCE_NODE(5);Node.ENTITY_NODE(6);N...原创 2019-09-29 16:38:41 · 226 阅读 · 0 评论 -
《Javascript高级程序设计》阅读笔记 ----第7章
要理解JavaScript,必须理解函数执行环境与作用域链(栈)!!ES5以函数作为执行环境的划分,代码执行从外部到内部,执行环境从外部环境到内部环境依次堆栈,每个函数执行完毕,其执行环境对应的则出栈。闭包:内部执行环境引用了外部执行环境中的变量,因此外部执行环境的变量不会被销毁。关于this和that的问题函数调用时,会搜索谁调用了这个函数。var name = "The wind...原创 2019-09-23 19:32:37 · 125 阅读 · 0 评论 -
vuex笔记
stateMap state将本地的属性与state中的属性进行映射。免去了每次使用state中的属性都要去调用this.$stateconst Counter = { template: `<div>{{ count }}</div>`, computed: { count () { return this.$store.state.co...原创 2019-08-30 10:21:43 · 88 阅读 · 0 评论 -
vue prop
Props父组件通过 props 向下传递数据给子组件。为了实现父子组件解耦,在子组件props中定义子组件希望用到的父组件的属性静态props子组件直接定义props数组,父组件传值即可。var childNode = { template: ` <div> {{forChildMsg}} </div> ...原创 2019-08-30 10:19:42 · 180 阅读 · 0 评论 -
vue-cli3 使用font awesome icon
在vue-cli3项目中需要使用font-awesome-icon,因此做一些记录。下载$ npm i --save @fortawesome/fontawesome-svg-core$ npm i --save @fortawesome/free-solid-svg-icons$ npm i --save @fortawesome/vue-fontawesome注意中间的包,表示下...原创 2019-08-12 17:32:24 · 1132 阅读 · 0 评论 -
Javascript curried function written in arrow
转载转载 2019-07-26 11:10:45 · 134 阅读 · 0 评论 -
PHP学习笔记
文章目录PHP和Html构建动态页面echo在terminal执行注释String字符串连接变量在string中使用变量自增按引用传递和按值传递NumberPHP和Html构建动态页面PHP通常用于构建动态页面。即对于不同的用户呈现不同的页面。echophp中echo的内容到达前端时将转化为html<?php echo "<p>But this code is in...原创 2019-07-22 18:09:43 · 97 阅读 · 0 评论 -
关于url的一些记录
url末尾加不加’/'的区别假如不再url末尾加’/’,那么当你改变url时,如使用router-link to 或者 router.push时,会自动将末尾的替换掉。例:// original: http://localhost:8080/index/921/1<router-link to="blog-post.html">Read more</router-link...原创 2019-08-15 16:42:14 · 149 阅读 · 0 评论 -
Js 第11章--DOM扩展
选择器类似JqueryquerySelector(): 接受一个CSS选择符,返回匹配的第一个元素querySelectorAll():接受一个CSS选择符,返回所有匹配元素。返回值是NodeList的快照。matchesSelector():如果调用元素与该选择符匹配,返回true,否则返回false。为了适配不同的浏览器,需要下面的包装版:function matchesSelect...原创 2019-09-30 17:05:56 · 146 阅读 · 0 评论 -
Js第22章-高级技巧
安全的类型检测检测对象到底是原生对象还是开发者自定义的对象。使用object的toString方法function isArray(value) { return Object.prototype.toString().call(value) == "[object Array]";}function isFunction(value) { return Object.protot...原创 2019-10-03 23:27:44 · 200 阅读 · 0 评论 -
JS防抖
本篇文章参考了以下两处优秀的链接,并以自己更容易理解的方式综合了两处的代码JavaScript专题之跟着underscore学防抖 JavaScript中的定时控制-Throttle、Debounce、Immediate的基本概念直接上代码:html:无修改<!DOCTYPE html><html lang="zh-cmn-Hans"><head&...原创 2019-10-09 20:45:13 · 106 阅读 · 0 评论 -
generator的返回值和next的参数
看了一篇关于generator和async/await关系的文章,受益匪浅。但是对于文章内代码的一些细节有一些疑惑,因此写下自己的一些猜想,待日后考证function* another() { yield '人月神话';}function* gen() { yield* another(); // 移交执行权 const a = yield 'hello'; const b...原创 2019-10-10 16:47:26 · 542 阅读 · 0 评论 -
原生js实现ajax
function ajax(myjason) { var xhr = null; window.XMLHttpRequest?(xhr = new XMLHttpRequest()):xhr = new ActiveXObject("Microsoft.XMLHTTP"); var method = myjason.method || "get"; var url = myjason.u...原创 2019-10-11 15:53:15 · 102 阅读 · 0 评论 -
箭头函数this指向问题
看了这个的issue,和一道这样的面试题:你说箭头函数没有自己的this,那(()=>{}).bind(this)可?我想对箭头函数的this指向问题做一点总结如有错误缺漏,欢迎指出先出结论:箭头函数没有自己的this,而是在定义时继承来自外层函数(非箭头函数)的this实验1var a = 12;()=>{ console.log(this.a);...原创 2019-10-11 16:07:38 · 171 阅读 · 0 评论 -
挣闲钱前端部分软件设计技术文档
1 面向对象编程1.1 技术选型理由我们选择了vue-cli2 + vuex + vue-router + webpack + ES6/7 + semanticUI作为前端框架Vue 作为渐进增强的框架,不在一开始就在使用场景和模式上限制用户,而是通过官方提供的扩展,以及第三方扩展,逐渐为更复杂的需求场景提供解决方案,也给用户提供了选择的余地。在内存占用上,Vue 要优于 Angular...原创 2019-06-28 20:48:36 · 767 阅读 · 0 评论 -
挣闲钱vue2多页面应用前端部分final report
前言由于课程要求,本次我们团队做了一个“挣闲钱“平台,主要是为了给在校大学生提供一个能够获得额外收入的方式。具体来说它的实现背景是这样的:我们实现的业务包括登录、注册、用户信息修改,任务发布接取,问卷发布填写等。内置任务管理系统,问卷填写系统,交易管理系统,账户管理系统。由于涉及到任务的处理以及金钱的管理,所以对逻辑严谨度要求高,页面之间交互复杂。这种功能性的项目很实用但是往往也很枯燥,没...原创 2019-06-27 22:26:06 · 320 阅读 · 0 评论 -
local storage 和 vuex的区别
这次使用vue-cli构建一个多页面的挣闲钱app,当做到与后端交互获得数据并准备进行渲染的时候遇到了一个问题,即要如何保存数据,避免每次需要数据都得向后端发一次请求。因此一开始使用了vuex进行数据存储并获取,一开始工作的十分流畅,但当我页面跳转之后,我发现vuex里面所有的数据都消失了。因此写这篇文章来记录自己遇到的这个坑。vuex 存储在内存,localstorage则以文件的形式存储在...原创 2019-06-26 23:21:04 · 2637 阅读 · 0 评论 -
JavaScript中引用类型,基本包装类型,基本类型的辨析
引用类型(object)引用类型的值(对象)是引用类型的一个实例,在ECMAScript中是一种数据结构,用于将数据和功能组织在一起,它们也常被称为类,但这并不恰当。引用类型有时也被称为对象定义,因为它们描述的是一类对象所具有的属性和方法。他们一般都是按引用访问的(在函数中,是按值访问,传递的值是对象地址)基本类型基本类型值指的是简单的数据段,五中基本数据类型分别为:undefined, null,原创 2017-10-26 00:03:03 · 247 阅读 · 0 评论 -
JSON大纲
以下是关于JSON的一点笔记概论JSON是一种数据格式(JSON字符串),并不是一种编程语言规定: 字符串必须使用双引号JSON的对象属性名要加引号JSON中没有变量的概念JSON没有末尾分号 对象和数组通常是JSON数据结构的最外层形式 :JSON中,用“{}”表示对象,“[]”表示对象,数组和对象结合可以构成更复杂的数据集合 两个方法 stringify() : 把JavaSc原创 2017-11-18 19:23:32 · 272 阅读 · 0 评论 -
jQuery元素和DOM元素的一些区别
在用jQuery写代码的时候发现了关于jQuery元素和DOM元素不能混用的问题DOM元素和jQuery元素的方法不能混用 通过jQuery方法获得的数组中的某个元素,视为DOM元素原创 2017-11-20 18:51:51 · 433 阅读 · 0 评论 -
Node.js--异步机制下保证逻辑顺序的一些理解
在Nods.js + MongoDB + AngularJS.Web开发这本书中,在异步写入文件的介绍里有这样的描述 在同一个文件上执行多个异步写入请求时,你需要小心。因为除非你在执行下一个写入之前等待第一个写入回调函数完成,否则你不能保证执行的顺序。通常情况下,做到这一点的最简单方法是把写操作嵌套到来自上一个写操作的回调函数中。毫无疑问,这是正确的。但我却因为对这句话的误解,导致了一个严重的原创 2017-12-04 15:54:19 · 448 阅读 · 0 评论 -
JavaScript--变量提升
今天查了以下关于变量提升的一些知识,以下是一点学习笔记,供大家参考1. 在JavaScript中,每个变量的声明(declaration)会被提升到它所在的scope的顶部,先于所有的scope中的所有其他代码,它的定义(assignment)会被留在代码所在的原地(对于函数scope,将被提升到函数顶部,对于全局scope,则提升到所有代码顶部)2. 假如变量没有进行声明(没有var),而是直接赋原创 2017-10-30 23:09:00 · 224 阅读 · 0 评论 -
caller 和 callee
关于js中caller和callee的问题,推荐一篇文章 caller和callee的用法区别原创 2017-11-26 19:47:42 · 202 阅读 · 0 评论 -
prototype
关于js中prototype和 _proto_ 的问题原创 2017-11-26 19:53:22 · 140 阅读 · 0 评论 -
如何使用call和apply
可用于移植其他对象的方法function cat(){}cat.prototype={ food:"fish", say: function(){ alert("I love "+this.food); }}var blackCat = new cat;blackCat.say();但是如果我们有一个转载 2017-11-26 20:07:03 · 151 阅读 · 0 评论 -
JavaScript学习过程一些小细节
__dirname 和 __filename jQuery元素和html元素 引号原创 2017-12-25 21:21:35 · 349 阅读 · 0 评论 -
css--多张图片同行显示
用一个div将所有要显示的图片包起来,再将该div的样式中添加一句white-space: nowrap;即可原创 2017-12-27 18:20:09 · 6836 阅读 · 2 评论 -
关于hover的一些问题
父类hover改变子类html <div id="sibling">Sibling</div> <div id="brother"> <span>Brother</span> <div id="child">Child</div> </div>css#sibling:hover + #brother #child { background-col原创 2017-09-26 09:11:51 · 690 阅读 · 0 评论 -
javascript--闭包
今天课上学习了闭包,一开始不太理解,有幸看到来自阮一峰的一篇文章,写的十分详尽,附上链接: 闭包 以及一篇关于闭包的文章 js循环绑定事件以下是我的一些笔记闭包就是能够读取其他函数内部变量的函数由于在Javascript语言中,只有函数内部的子函数才能读取局部变量,因此可以把闭包简单理解成”定义在一个函数内部的函数”。例: function f1(){ var n=999;原创 2017-10-30 22:54:08 · 230 阅读 · 0 评论 -
exports 和 module.exports 的区别
StackOverflow转载 2018-05-27 00:52:43 · 136 阅读 · 0 评论 -
async await 函数
本文是阅读阮一峰老师的文章后自己做的一些笔记,十分简略,供自己查阅。推荐直接阅读原链接await 函数await 函数后面可以跟promise对象或者普通对象。返回值为promise对象执行的结果或者是普通对象假如await 函数后面的promise 返回的是reject,那么async函数直接返回reject的结果,后面的await不继续执行假如await 函数后面的promise正...原创 2019-06-20 10:18:09 · 183 阅读 · 0 评论 -
vuex笔记
stateMap state将本地的属性与state中的属性进行映射。免去了每次使用state中的属性都要去调用this.$stateconst Counter = { template: `<div>{{ count }}</div>`, computed: { count () { return this.$store.state.co...原创 2019-06-26 22:30:32 · 91 阅读 · 0 评论 -
vue-cli + semantic UI 环境配置
首先使用vue-cli创建新环境安装node.js安装vue-cli(注意,为了满足后面的配置,此处vue-cli 只能装 vue-cli2,不能装3)安装过程要安装vue-router,不推荐安装eslint等检查工具(很严格)安装semantic全局安装gulpnpm install -g gulp注意,gulp不能安装4.0版本,因为做了很多改动,否则会出现gul...原创 2019-06-26 22:51:58 · 2195 阅读 · 0 评论 -
Html和Css的一些笔记
html/cssclass一堆数据的标识 同一个元素可以有多个class标识,具备多个class的属性 例:<p class="special shout"></p>special , shout分别是两个class的类名id单一元素的标识,只能是一个元素div浏览器的原始布局是从左到右,从上到下 对于block元素,其必然占一整行; 对于inline元素,则从左到右,在从上到下. di原创 2017-09-19 13:31:44 · 355 阅读 · 0 评论