- 博客(37)
- 收藏
- 关注
RSS订阅转载 python基础学习
标准数据类型 数字 进制转化 bin()转化成二进制 int()转化成十进制 hex()转化成十六进制 oct()转化成八进制 序列 有索引，可用于取值，不过最好的取值方式是解包 切片[start: end:step]: start开始，end结束，step步长（默认为1） in、not in 、len() list、tuple list1=[1,2,3,4] vs tuple...
2019-09-10 12:06:00
118
转载 原型、原型链、作用域、作用域链、闭包
相信看到题目都知道，这些都是js千年不变的面试题。 原型、原型链？ 什么是原型、原型链？ 原型：相当于一个模具，用来生产实例对象。 原型链：原型对象有个指针指向构造函数，实例对象又有一个指针指向原型对象，就形成了一条原型链，最终指向null。 为什么存在？ 原型：就是js里实现面向对象的方式，也就是说，js就是基于原型的面向对象。 原型链：是js实现继承的方式。 作用域、作用域链？...
2019-02-23 12:10:00
163
转载 大兄dei，早点看清this吧
说道this，可以说是前端中很重要的问题之一了，也是面试或者笔试常考的问题。所以还是早点看清this吧，大兄dei。 this是什么？为什么要存在？ this关键字是js中最最复杂的机制之一。他被自动定义到所有函数的作用域中。 通过把属性或者方法挂载在this上就可以实现属性或者方法的在函数中的公用。 eg: function person(name, age) { this...
2019-02-21 20:00:00
87
转载 我所知道的JavaScript中判断数据类型
相信一提到怎么判断js的数据类型，大家都会想到的是typeof、instanceof，那么为什么有了typeof的存在还要有instanceof？ typeof？ 根据MDN：typeof操作符返回一个字符串，表示未经计算的操作数的类型。 eg： typeof 1; // 'number' typeof NaN; // 'number' typeof 'zenquan'; // 's...
2019-02-20 22:14:00
65
转载 Vue与React的异同
众所周知，前端现在最火的两个框架是Vue和React了。通过一段时间的学习与项目上的实践，我想通过比较他们之间的异同点来发现以后在项目的技术选型中知道怎么抉择用哪个。有一点说明的是他们各自有自己的优势，都是很棒的框架，无需说说更厉害点。记得今年Vue“生日”的时候，react还“送”了它生日礼物呢，cp~ vue与react的区别 1.Vue里使用.vue格式模板实现组件化，而r...
2019-01-31 16:20:00
403
转载 搭建Karma+Jasmine的自动化单元测试
最近在打算将以前的代码进行重构，过程中发现自己不写自动化测试代码，而是手动的写，这样并不好，所以就学了Karma+Jasmine的自动化单元测试，以后写代码尽量要写自动化单元测试，也要测一下istanbul代码覆盖率。 据我了解，Nodejs领域: Jasmine做单元测试，Karma自动化完成单元测试，Grunt启动Karma统一项目管理，Yeoman最后封装成一个项目原型模板，...
2019-01-31 16:19:00
100
转载 TypeScript之interface初探
TypeScript的核心原则之一是对值所具有的结构进行类型检查,在TypeScript里，接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约。 function printLabel(labelObj: {label: String}){ console.log(labelObj.label); } let myObj = {name: 'Hi', label:...
2019-01-31 16:17:00
116
转载 聊聊调试的事儿
很多的前端入门新手包括我在内，刚开始都不怎么会使用调试工具，用的比较多的就是console了。 bug可以说是程序猿的公敌了，所以没有bug是不可能的，有bug也不是什么丢人的事，至少还知道问题在哪，那么接下来就应该debug啦，下面就让我们从浏览器断点调试、代码断点调试、编辑工具断点调试几个方面来聊聊调试的事儿。 浏览器断点调试 1.如上图所示，根据报错的位置点进去，到了sour...
2019-01-31 16:09:00
52
转载 学习写单元测试
服务器端的测试 mocha Mocha是一个在Node.js和浏览器上运行的功能丰富的JavaScript测试框架，使异步测试变得简单而有趣。Mocha测试以串行方式运行，允许灵活准确的报告，同时将未捕获的异常映射到正确的测试用例。 ——mochajs.org 安装 全局安装npm： $ npm install --global mocha 或者作为项目的开发依赖项： $ npm i...
2019-01-31 16:08:00
77
转载 关于babel官网的学习
提起babel，前端er大概都不陌生。但是为什么要有babel呢？解决了什么问题？怎么使用babel呢？注意点在哪？以下就从这几个方面总结一下我关于babel学习的结果吧。 为什么要有babel呢？ 距离ES2015提出已经有几年了，各个浏览器厂商也在积极地支持着各个好用的ES6的新特性和新语法。但是还有许多的东西还是不支持的。所以这个时候就需要有一个编译器，把ES6+的语法转换成&...
2019-01-31 16:07:00
246
转载 关于webpack官网的学习
webpack，从名词上，“web pack”，大概可以看出是一个网页打包工具，其实它具有打包、压缩、解析编译的功能。 使用（配置webpack.config.js） entry: 设置入口文件 entry: { main: './src/js/index.ts', // test: './test/test.js' }, resolve: 设置根路径 r...
2019-01-31 16:05:00
199
转载 Promise的那些事儿
在JavaScript中，异步操作非常多见，然而在Promise之前，我们是在类似以下的做法中处理多重异步回调，每一层里都要调另一个异步函数，形成了所谓的“回调地狱”， Promis是为了解决回调地狱的方案,是一种链式操作。 什么是Promise？ 所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一...
2019-01-31 15:59:00
66
转载 聊聊call、apply、bind的故事
说到call、apply、bind，前端的胖友可是不陌生。以下就从几个方面分别聊聊它们。 是什么？(what?) 实际上它们真正的样子是这样的： Function.prototype.call(thisArg, arg1, arg2, ...) Function.prototype.apply(thisArg, [arg1, arg2, ...]) Function.protot...
2019-01-31 11:58:00
59
转载 vue知识总结
vue: 渐进式JavaScript 框架 Vue项目构建 npm install -g vue vue init webpack-simple my-project cd my-project npm install npm run dev vue项目开发步骤 根据原型稿拆分组件——》路由组件（pages）、复用组件（components） 根据路由组件定好路由router/...
2019-01-31 11:51:00
120
转载 react16实战总结
实战总结 react实战基础 遇到的一些坑 li里要带key值否则会警告，这个问题在vue中也存在, 考虑到虚拟DOM中diff，所以不要用index作为key值，而要用item。 2.immutable: state不允许我们做任何的改变，所以拷贝一份list，修改完再用setSate设置 removeClick(index) { // immutable ...
2019-01-31 11:33:00
124
转载 react知识总结
用于构建用户界面的 JavaScript 库 JSX语法 style let style = { color: 'r'+'ed', fontSize: '30px' } let jsx = <div style={style}>jsx...</div>; className import './index.scss'; let jsx = ( &...
2019-01-31 11:32:00
64
转载 从AST编译解析谈到写babel插件
之前一直在掘金上看到一些关于面试写babel插件的文章，最近也在学，以下就是学习后的总结。 关键词：AST编译解析， babel AST编译解析 AST[维基百科]:在计算机科学中，抽象语法树（Abstract Syntax Tree，AST），或简称语法树（Syntax tree），是源代码语法结构的一种抽象表示。它以树状的形式表现编程语言的语法结构，树上的每个节点都表示源代码中...
2019-01-31 11:28:00
160
转载 ES6知识总结
ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。 let与const 1、let用来定义变量，const用来定义常量。 2、有块级作用域 for(let i=0;i<5;i++){ setT...
2019-01-31 11:17:00
101
转载 从事件绑定聊到事件监听，再到事件委托
经常会遇到JavaScript的事件机制，例如，事件绑定、事件监听、事件委托（事件代理）等。So,what are these? 事件绑定 在JavaScript中，有三种常用的绑定事件的方法： 1、在DOM元素中直接绑定 <button onclick="greet()">点我</button> <script> func...
2018-06-09 23:53:00
82
转载 我叫浮动，我想讲讲我的故事
最近在整理回顾css的知识点，so我情不自禁地想以第一人称讲讲浮动的故事，这样可能有趣一点点。好了，以下从几个方面来讲。 1、我是谁？（什么是浮动？） 2、我为什么存在？（为什么要浮动？） 3、实现我的原理？（浮动的原理？） 3、我惹下的祸，怎么去解决？（如何清除浮动？） —————————————————————————————————————————————— 1、我是谁？（什么是浮...
2018-06-09 23:50:00
76
转载 圣杯布局和双飞翼布局
圣杯布局跟双飞翼布局的实现，目的都是左右两栏固定宽度，中间部分自适应。 圣杯布局实现的思路是： 1、将最外层的container的padding设置为 padding: 0 220px 0 200px;为左右两块让出空间； 2、将#middle, #left, #right三者设为浮动； 3、将middle的width设置为100%； 4、分别给#left设置margin-left，#r...
2018-06-09 23:49:00
73
转载 以运动框架写个轮播图
轮播图.就是图片自动切换式滚动。那么就让我们用原生javascript手写一个简单的轮播图吧。如下图所示。 效果 banner 思路 上一张图片按钮： oLeft - = width; 下一张图片按钮： oLeft += width; 注意点： 1.var judge2 = false; //用于后面按钮判断，防止切图过程中鼠标多次点击）=》这点用的比较巧妙。 实现 html代码：...
2018-06-09 23:48:00
109
转载 以选项卡的故事扯扯js面向对象
在现在的网页中，选项卡（我自己这样子叫）是非常普遍的，也是比较基础，学了原型实现选项卡也挺久了，最近在学ES6，学了用类实现选项卡，今天就在此做个总结，别的废话也不多说。 以“貌”说这货 外貌——还好，长得挺帅 （自己理解的）选项卡：就是通过点击头部切换内容的货。 怎么得到这货 html代码 <div id="div1"> <input type="...
2018-06-09 23:46:00
59
转载 用mpvue构建微信小程序
背景 由于机器人协会进行鼓励大家多读书的活动，所以为了可以更好的、更有效果，所以我跟会长提了一个建议，做一个微信小程序，那么为什么是微信小程序呢？ 1、现在微信小程序比较好，用户也比较多；利用微信小程序做推广，效果好； 2、小程序的痛点在于不需要在手机里额外安装app，利用微信提供的入口，用时扫码，用后清除； 3、开发周期与开发难度小于原生app。 技术栈 采用前后端分离 1、Vue全家...
2018-06-09 23:23:00
98
转载 关于var、let、const的故事
对于一门编程语言来说，变量与常量是再正常不过的两种，JavaScript是一直解释型的弱类型语言。 JavaScript中变量或者常量可以用var、let、const（后两者是ES6的新特性）。 1.let、const基本用法 只在声明所在的块级作用域内有效 { let a = 1; var b = 1; const c = 1; } a//Uncaugh...
2018-06-09 23:19:00
78
转载 CSS学习总结
学了有一小段时间前端了，今做个CSS的总结！ 目录： CSS 简介 CSS 语法 CSS 选择器 CSS 引入方式 CSS 背景 CSS 文本样式 CSS 字体样式 CSS 链接 CSS 需注意的问题 CSS简介 详情见CSS入门基础总结 * CSS 指层叠样式表 (Cascading Style Sheets) * 样式定义如何显示 HTML 元素 * 样式通常存储在样式表...
2017-07-27 13:50:00
59
转载 HTML和CSS总结
语义化。我们学习网页制作时，常常会听到一个词，语义化。那么什么叫做语义化呢，说的通俗点就是：明白每个标签的用途（在什么情况下使用此标签合理）比如，网页上的文章的标题就可以用标题标签，网页上的各个栏目的栏目名称也可以使用标题标签。文章中内容的段落就得放在段落标签中，在文章中有想强调的文本，就可以使用 em 标签表示强调等等。 讲了这么多语义化，但是语义化可以给我们带来什么样的好处呢？ ...
2017-07-27 13:49:00
56
转载 CSS 盒子模型
目录： CSS 盒子模型（Box Model） CSS 边框 CSS 轮廓 CSS Margin(外边距) CSS Padding（填充） CSS 盒子模型(Box Model) 所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。 CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。 盒模型允许...
2017-07-27 13:48:00
106
转载 CSS选择器
目录： CSS派生选择器 CSS元素选择器 CSS Id 和 Class选择器 CSS 属性选择器 CSS 派生选择器 通过依据元素在其位置的上下文关系来定义样式，你可以使标记更加简洁。 在 CSS1 中，通过这种方式来应用规则的选择器被称为上下文选择器 (contextual selectors)，这是由于它们依赖于上下文关系来应用或者避免某项规则。在 CSS2 中，它们称为派...
2017-07-27 13:46:00
63
转载 CSS组合选择符
组合选择符说明了两个选择器直接的关系。 目录： 后代选取器(以空格分隔) 子元素选择器(以大于号分隔） 相邻兄弟选择器（以加号分隔） 普通兄弟选择器（以破折号分隔） 后代选取器 后代选取器匹配所有值得元素的后代元素。 以下实例选取所有<p>元素插入到 <div> 元素中 实例 <!DOCTYPE html> <html> &...
2017-07-26 11:36:00
61
转载 CSS学习总结
学了有一小段时间前端了，今做个CSS的总结！ CSS简介 详情见CSS入门基础总结 * CSS 指层叠样式表 (Cascading Style Sheets) * 样式定义如何显示 HTML 元素 * 样式通常存储在样式表中 * 把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题 * 外部样式表可以极大提高工作效率 * 外部样式表通常存储在 CSS 文件中 * 多...
2017-07-26 11:33:00
56
转载 学习工具
最近刚注册了博客园，觉得还不错，看见这位前辈的博客@小火柴的蓝色理想很不错，所以引用为学习工具，非常感谢这位前辈。 photoshop学习目录 HTML学习目录 CSS学习目录 Bootstrap学习目录 javascript学习目录 jQuery学习目录 NodeJS学习目录 HTTP学习目录 php学习目录 mysql数据库学习目录 前端工具目录 转载于:https://ww...
2017-07-23 15:31:00
77
转载 全栈程序员的准备
开发环境 PHP IDE::JetBrains Phpstorm Eclipse Visual Studio Dev C++ CodeBlocks PHP开发环境包 XAMPP PHP用来管理依赖(Dependency)关系的工具PHPComposer 跨平台移动应用程序快速开发平台 PhoneGap 云计算管理平台项目 OpenStack 抓包工具 wireshark 代码托管 ...
2017-07-23 11:55:00
134
转载 windows8安装msi或exe软件提示2503错误的解决办法
windows8以后的版本安装msi软件（比如nodejs.msi、Git.msi、python.msi、T ortoiseSVN.msi）的时候老师出现2503、2502的错误，究其原因还是系统权限的问题。 命令安装方法 按住win+x，在菜单中选择”命令提示符(管理员)(A)“； 或者在走下角的win的logo上右键，在菜单中选择”命令提示符(管理员)(A)“； 在命...
2017-07-23 10:03:00
213
转载 前端技术之小总结
一、前端开发核心技术 处于web 2.0时代，网页最主要有三部分组成：结构、表现、行为。也就对应HTML、CSS、JavaScript。 1、HTML是什么？ HTML，全称“Hyper Text Markup Language（超文本标记语言）”，简单来说，网页就是用HTML语言制作的。HTML是一门描述性语言，是一门非常容易入门的语言。 2、CSS CSS，全称“（层叠...
2017-07-23 10:02:00
247
转载 github常见错误提示之一
如果输入$ Git remote add origin git@github.com:Jomsou（github帐号名）/gitdemo（项目名）.git 提示出错信息：fatal: remote origin already exists. 解决办法如下： 1、先输入$ git remote rm origin 2、再输入$ git remote add origin git@...
2017-07-23 10:01:00
140
转载 用Hexo在GitHub上搭建个人博客
我用Hexo在GitHub上搭建好了自己的博客，我的这第一篇博客就来说说搭建的过程。 1 环境配置 本文使用环境如下： Windows 10 node.js v8.1.3 git v2.13.2 npm v5.0.3 hexo v3.3.7 1.1 node.js安装 可以去Nodejs官网下载，如果下载速度不行，可以去Nodejs中文网下载。下载完后直接运行安装即可，会默认把node...
2017-07-22 21:54:00
76
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人