- 博客(71)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 由 ["1", "2", "3"].map(parseInt) 引发的思考
parseInt(string, radix);string：要被解析的值。若不是字符串，则将其转换为字符串radix：介于2-36的整数，是string的基数。0为十进制，默认为十进制。返回值：返回解析后的整数值。若被解析参数的第一个字符无法被转化为对应的数值类型，则返回NaN。parseInt("10"); // 返回 10 (默认十进制)parseInt("1...
2018-09-02 20:57:23
222
原创 setTimeout()踩坑
setTimeout()中回调函数中的this如果被setTimeout推迟执行的回调函数是某个对象的方法，那么该方法中的this关键字将指向全局环境，而不是定义时所在的那个对象。let num = 1;let obj = { num: 2, func: function () { console.log(this.num); }}setTim...
2018-08-12 23:11:25
946
原创 {} == {} 引发的思考
现象：{} === {} // false{} == {} // false原因：javascript compares objects by identity, not value. Each object, each {} is distinct. Same applies to arrays, too.The reason for this is that inte...
2018-08-08 22:24:54
554
原创 打开网页速度慢的Q&A
1、原因一：http请求次数太多解决：减少http的请求次数① 图片地图：把多张图片整合到一张图片中，以位置定位超链接。② CSS Sprites合并图片，通过指定CSS的backgroud-image和backgroud-position来显示元素。③ 合并JS脚本和CSS样式表。④ 使用外部JS和CSS文件。2、原因二：接收数据时间过长，如下载资源过大解决：对HTT...
2018-07-25 16:00:29
423
原创 前端项目相关
前端项目发展的四个阶段：1、库/框架库：jQuery框架：vue、React、Angularjs2、构建优化选择Gulp, Grunt, Webpack 等构建工具，对代码进行压缩、校验，再以页面为单位进行简单的资源合并。3、JavaScript和CSS模块化开发分而治之是软件工程中的重要思想，模块化是目前前端最流行的分治手段。模块化开发的最大价值不是复用，而应该是分治...
2018-07-25 15:11:11
405
原创 分支同步master的代码步骤及坑
1、将分支代码feature-v3同步到master上git checkout feature-v3git add .git commit -m "..."git checkout mastergit merge feature-v3// 处理冲突 git add & git commitgit push2、将master代码同步到feature-v3上git ...
2018-07-24 20:38:13
19898
2
原创 js阻止浏览器的默认行为及冒泡
浏览器的默认行为阻止浏览器的默认行为function preventDefault(e) { if (e && e.preventDefault) { e.preventDefault(); } else { window.event.returnValue = false; } return false;...
2018-07-19 22:08:26
435
原创 使用netstat、lsof查看端口是否被占用
netstatnetstat用来查看系统当前系统网络状态信息，包括端口，连接情况等，常用方式如下：netstat -atunlp,各参数含义如下:-t : 指明显示TCP端口-u : 指明显示UDP端口-l : 仅显示监听套接字(LISTEN状态的套接字)-p : 显示进程标识符和程序名称，每一个套接字/端口都属于一个程序-n : 不进行DNS解析-a 显示所有连接的端口...
2018-07-19 14:31:24
4211
1
原创 常用的Linux命令
1、cd命令这是一个非常基本，也是大家经常需要使用的命令，它用于切换当前目录，它的参数是要切换到的目录的路径，可以是绝对路径，也可以是相对路径。如：cd /root/Docements # 切换到目录/root/Docementscd ./path # 切换到当前目录下的path目录中，“.”表示当前目录 cd ../path # 切换到上层目录中的...
2018-07-19 14:13:05
153
原创 <a>标签的小事情
标签的小事情。》》当点击标签时，浏览器的默认行为： 1、触发click事件； 2、读取href属性的值； 3、若是URI就跳转； 4、若是js代码就执行。》》如果同时写了href为某URI和onclick调用某方法，则浏览器在执行完click事件后，跳转到那个URI，若URI为空则浏览器会在当前页面刷新一次。怎么让他不跳转呢？ 方法有三： 1、不写href属性； 2、href=”jav
2018-04-02 22:14:42
169
原创 记阿里二面
情景描述：上午，骑着Hello单车过来，刚坐下，0571-的电话就来了，有点蒙圈，赶紧找了个信号好一点的地方。知识点要弥补：路由的实现。以及react、vue、angularjs的路由是怎么实现的。数据驱动的原理。react、vue。安全。XSS、CSRF攻击实例及如何防范。自己的亮点。总结一下：深度不够深，广度不够广，自己还没怎么有想法。出于各种原因造成了现在的窘状...
2018-04-02 14:17:08
924
原创 品设计模式之二
品设计模式之二 第二章 面向对象编程 1、封装 * 面向对象编程就是将需求抽象成一个对象，然后针对这个对象分析其特征与动作（属性与方法），这个对象成为类。 * 面向对象编程有个特点：封装。就是把需要的功能放在一个对象里。 * JS创建一个类的方式：首先声明一个函数保存在一个变量里，通常这个代表类的变量名首字母大写。然后在这个函数的内部通过对this变量添加属性或方法来实现对类添加属性或方...
2018-03-24 09:34:44
182
原创 记2018年3月22日 星期四 晚
事情： 是这样的，做错了一件事，你所有的努力都是白费的。 很不幸，自己给自己挖了坑。 很幸运，犯了错，被揪住了，以后再遇到向左向右的选择时，不投机取巧。 庆幸的是，最后承认了错误。 今年第一件大事。也是我人生中的一件大事。 做错事总归是要付出点代价的。 加油，改正了，也可以。 加油。分析原因： 规则要遵守自己不自信手生行动方案： 1. 首先...
2018-03-23 08:39:01
215
转载 响应式布局
自适应网页设计（Responsive Web Design）转自： 阮一峰一、”自适应网页设计”的概念 2010年，Ethan Marcotte提出了”自适应网页设计”（Responsive Web Design）这个名词，指可以自动识别屏幕宽度、并做出相应调整的网页设计。 他制作了一个范例，里面是《福尔摩斯历险记》六个主人公的头像。如果屏幕宽度大于1300像素，则6张图片并排在一行。...
2018-03-21 20:52:31
272
原创 品设计模式系列之一
品<设计模式>第一章 灵活的语言—JS全局函数——全局变量——全局作用域的污染白菜0： function checkName () {…} function checkAge () {…}白菜1: var checkName = function () {…} var checkAge = function () {…}白菜2: var checkObj ...
2018-03-21 20:47:48
182
原创 RequireJS模块化加载
RequireJS是什么RequireJS是以一个工具库，主要用于客户端的模块管理。它可以让客户端的代码分成一个个模块，实现异步或动态加载，从而提高代码的性能和可维护性。Require的基本思想 通过define 方法，将代码定义为模块；通过require 方法，实现代码的模块加载；
2017-10-14 12:45:52
1283
原创 Freemarker(ftl)
Freemarker是什么FreeMarker是模版引擎：是一种基于模版和要改变的数据，并用来生成（HTML页面、邮件、配置文件、源代码等）的通用工具。
2017-10-14 09:31:33
684
原创 图解HTTP
了解web及网络基础；简单的http协议；http报文内的http信息；返回结果的http状态码；与http协作的web服务器；http首部；确保web安全的https；确认访问用户身份的认证；基于http的功能追加协议；构建web内容的技术；web的攻击技术
2017-09-22 10:11:20
1056
原创 7月小结
interview：基础知识掌握的有点范范，不够深入。>> MDN一个点一个点地过js代码能力弱。>>以后看完之后脱稿，日后及时检测复习React进度慢了。>>React小书快速过一遍算法要恶补。>>Mr.左每日+1 & LeetCode每日+2（晚上7:00-8:00-9:00）Git命令需再熟悉。>>整理于博客上，项目要上传github上Python要捡起来。>>每日一小时（晚上9:
2017-07-25 15:12:58
275
原创 jQuery设计思想（7月6日-7月31日）
大纲选择网页元素改变结果集链式操作元素的操作：取值和赋值元素的操作：移动元素的操作：复制、删除和创建工具方法事件操作特殊效果
2017-07-06 11:10:20
263
原创 ReactJS的七个重要特性
ReactJS的七个重要特性基于组件（Component）化思考 写法一：使用ES6的Class写法二：使用Function Component用JSX进行宣告式（Declarative）UI设计使用 Virtual DOMComponent PropType 防呆机制 提供：props 预设值设定提供：defaultProps 验证机制Component就像个状态机（State
2017-06-27 15:16:11
1456
原创 前后端数据交互方法
常用的前后端数据交互方法HTML赋值JS赋值script填充JSONAJAX获取JSONWebSocket实时传输数据HTML赋值输出到 element 的 value 或 data-name<input type="hidden" value"<?php echo $user_avatar;?>" /><div data-value="<?php echo $user_avata
2017-06-27 15:07:00
5235
原创 MVC、MVP、MVVM
MVCMVC：Model-View-ControllerMVC是最常见的软件架构之一视图 View：用户界面控制器 Controller：业务逻辑模型 Model：数据保存View 传送指令到 ControllerController 完成业务逻辑后，要求 Model 改变状态Model 将新的数据发送到 View，用户得到反馈所有的通信都是单向的互动模式接受用户指令时，MVC可
2017-06-21 22:06:59
345
原创 由一个函数引发的改进思考
问题描述可用// 核心功能function fn(n){ var arr = []; for(var i=0; i<n; i++){ var rnd = getRand(2,32); if(checkInArr(arr,rnd)){ i--; }else { arr.push(rnd);
2017-06-20 09:20:42
319
原创 天猫页面之一（公共页面）
要完成的页面首页分类页查询结果页产品详情页结算页面支付页面支付成功页面购物车页面我的订单页面确认收货页面确认收货成功页面进行评价页面登陆页面注册页面公共页面公共页面：每个页面都有的内容。比如页头，页脚，搜索框等。公共页面也叫include文件。在真正开发网站的时候(不仅仅使用html和css，比如采用JSP技术)，会单独设计这样的网页，然后在不同的主体网页，比如首页
2017-06-11 16:02:22
2131
翻译 jQuery设计思想
学习素材最好的jQuery入门教材目录选择网页元素改变结果集链式操作元素的操作：取值和赋值元素的操作：移动元素的操作：复制、删除和创建工具方法事件操作特殊效果选择网页元素
2017-05-21 10:46:09
405
原创 奇舞学院学习笔记之JavaScript一页通
如何写好原生JavaScript基础注意点JavaScript负责行为，改变状态，不是用来改变样式的。CSS负责样式 - JavaScript概览代码风格变量、值与类型函数DOM & BOM动画基础（上）动画基础（下）服务器与HTTP基础常用设计模式和组件开发浅谈前端工程化
2017-04-30 11:33:02
1549
原创 奇舞学院学习笔记之CSS一页通
CSS概念与简单选择器版本，文本样式，浮动，层叠、继承和CSS单位，盒模型，定位与堆叠，排版细节，布局，动画，高级选择器，响应式设计，兼容性，工程化
2017-04-09 20:03:05
2943
原创 JavaScript-htxy（待更新）
1. 初识JavaScriptJavaScript的组成：ECMAScript：javascript组成的语法和基本对象；DOM：文档对象模型，描述处理网页内容的方法和接口；BOM：浏览器对象模型，描述与浏览器进行交互的方法和接口。JavaScript的特点：跨平台（平台指操作系统）的web脚本语言；向html页面添加交互行为；可与服务器进行通信（用到Ajax）。JavaScript出现
2017-03-31 10:15:27
519
原创 Javascript之理解作用域
作用域负责收集并维护由所有声明的标识符（变量）组成的一系列查询，确定当前执行的代码对这些标识符的访问权限。作用域，当前作用域集合。LHS（赋值操作的目标是谁），RHS（谁是赋值操作的源头）。作用域嵌套：一个块或函数嵌套在另一个块或函数中。作用域有两种主要的工作模型：词法作用域和动态作用域。词法作用域是由你写代码时将变量和块作用域写在哪儿来决定；javascript中的eval() 函数可以
2017-03-21 22:43:57
246
原创 HTTP权威指南（归纳总结）
目录： 1. HTTP概述 2. URL与资源 3. HTTP报文 4. 连接管理 5. Web服务器 6. 代理 7. 缓存 8. 集成点：网关、隧道及中继 9. Web机器人 10. HTTP-NG 11. 客户端识别与cookie机制 12. 基本认证机制 13. 摘要认证 14. 安全HTTP 15. 实体和编码 16. 国际化 17. 内容协商与转码 1
2017-03-21 19:48:11
588
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人