阿留申低压-CSDN博客

原创 javascript之深入理解词法作用域

作用域作用域是指程序源代码中定义变量的区域。作用域规定如何查找变量，也就是确定当前执行代码对变量的访问权限。JavaScript采用词法作用域，即静态作用域。静态作用域和动态作用域静态作用域是指函数作用域在函数定义的时候就决定了；相比动态作用域是指函数的作用域在函数调用的时候才决定。如下例子：var value = 1;function foo() { console....

2018-12-12 10:39:09 277

函数表达式（Function Expression）：将函数定义为表达式语句（通常是变量赋值，也可以是自调用形式）的一部分。函数表达式可以是命名的，也可以是匿名的。可以没有函数名，常被成为匿名函数，如果有，函数名也只存在自身函数作用域，并且函数表达式不能以“function”开头，函数表达式可以存储在变量或者对象属性中。函数声明（Function Declaration）：是一种独立的结构，它会...

2018-11-30 10:00:05 11956 1

原创 typescript学习笔记1 —— 接口（interface）

typescript是微软出品的，javascript的超集。让javascript的写法很类似java，核心功能是让JavaScript这个弱类型的语言，增加类型检查，更适合编写企业级应用。之前的angular项目使用的是typescript，流行的框架vue和react也支持typescript的写法，甚至node的替代品deno也是用typescript开发的，这就让重新好好学习它成为必然。...

2018-08-01 09:59:18 2658

原创阻塞和非阻塞、同步和异步的三篇笔记

学习node.js回调函数看到的关于阻塞非阻塞、同步异步讲解的很通俗易懂的三篇笔记，下面记录一下：第一篇阻塞和非阻塞，同步和异步是node.js里经常遇到的词汇，我举个简单的例子来说明：我要看足球比赛，但是妈妈叫我烧水，电视机在客厅，烧水要在厨房。家里有2个水壶，一个是普通的水壶，另一个是水开了会叫的那种水壶。我可以：用普通的水壶烧，人在边上看着，水开了再去看球。（同步，阻塞）...

2018-07-10 16:39:12 250

原创 angular项目线上地址跳转或刷新报错的解决

本地ng项目没问题，到了线上跳转刷新都会报404错误，相信这个问题每个做ng项目的人都遇到过，下面给出解决方案。一、原因本地环境没问题，因为本地是路由跳转，前端执行的跳转。部署到线上，它其实走的是后台的路径，假如你部署在tomcat的容器里面，它执行的是JavaWeb的路由。所以找不到。二、解决这里就要使用hash模式，hash模式是基于锚点（#）做的内部链接机制机制，就可...

2018-06-15 16:50:10 1496

原创学会这两点，你就可以说会LESS

为什么使用less？常用的css预编译技术有sass、less、Stylus，三者各有特点。 sass：出现最早，需要依赖ruby，推荐使用scss的语法编写； less：可使用sass的语法，又兼容css的语法,相比简单易上手； Stylus：来自node社区，主要给node项目做预编译。相比来说，更推荐less。学习成本低，会css和js可以很方便学习less，不像sass...

2018-05-18 09:24:56 254

原创 angular项目从部署到启动

angular是前端三大框架之一，适合开发大型需要多人合作的项目，代码规范，社区活跃，不过学习曲线陡峭。这篇介绍环境搭建，完成就可以启动ng项目了。一、Node.js和npm在node官网（https://nodejs.org/zh-cn/download/）下载安装包，根据电脑系统安装对应包。打开安装包，直接点击下一步，完成安装。检测Node.js...

2018-05-02 10:00:18 33329 7

原创 JS数组遍历方法总结

好像没更新技术博客，倒是学习了不少新技术，只是懒得写出来，还是得有个地方整理出来，以后每周更新一篇，给自己定个备忘！ JS的数组遍历是项目中必须用到的，为了写出优雅的代码，将方法用在对的地方，在这里将几种方法做个对比，这里用es6的方式展示出来，需要搭建转换es5环境，这不是这篇的重点，下一篇可以写这个。一、for循环使用频率最高，前端都会用，表示自己一开始只会用for循环。。。...

2018-04-21 09:41:56 291

原创使用jquery.form.js实现文件上传及进度条前端代码

1、背景ajax的表单提交只能提交data数据到后台，没法实现file文件的上传还有展示进度功能，这里用到form.js的插件来实现，搭配css样式简单易上手，而且高大上，推荐使用。2、静态页搭建html代码如下<div class="upload-fileWrap"> <button type="button" id="upload-input-btn" class="lx-btn lx-

2017-05-22 11:40:20 7247

原创从前端角度浅谈如何做好网站的SEO优化

由于上一家公司主营业务包括SEO，平时会接触到SEO的相关知识，建站期间也会有很多相关的注意事项。在此结合自己的理解做个总结与分享，所识有限，还可能会有误解之处，但也希望给大家树立SEO的意识，因为做好SEO，可以提高网站在搜索引擎中的排名，带来更多流量，才会获得更多的业务和询盘。在这里主要想讲的有以下三点：第一，什么是SEO?搜索引擎优化（Search Engine Optimization）,

2017-02-04 11:00:58 8506 1

原创浏览器字体大小的坑

浏览器字体大小有两个需要注意的地方，有时候会碰到兼容性的问题。第一，是浏览器默认的字体大小是16px，所以重置css的时候将字体大小默认改为10px是这样改的：html,body {font-size: 62.5%;}后面设置字体大小rem，em都依据body的字体大小计算比较方便。第二，浏览器可以识别的最小字体也是有偏差的。比如，谷歌可以识别的最小字体大小是12px，小于12px，依然按照12

2017-01-25 11:16:29 1603

原创 hover事件延迟处理方法

先来说说项目中遇到的问题. 这里用的是bootstrap的框架，框架内tab切换是点击切换，但是需求换成鼠标滑过切换，点击进入全部列表。这里稍微修改下脚本。 // 鼠标滑过tab切换 $(".widget-infoMode").each(function () { var item = $(this).children(".nav-tabs").find

2017-01-25 10:37:02 7357

原创 input的disabled与readonly属性

HTML5的input框还是非常强大的，值得深入研究，但是也有很多的坑。前段时间就碰到一个。用MUI框架开发app碰到列表里面的<a></a>，当它需要添加链接跳转，而且内部有input框，直接上代码。<ul class="mui-table-view mt-0"> <li class="mui-table-view-cell table-view-input"> <a

2017-01-16 14:05:50 1504

原创这期罗辑思维有感

每期罗辑思维都听，这期罗胖生病，随便聊聊公司招聘啥的，虽然没啥内容，但是感觉讲的比之前都要好。知道他们公司也有前端岗位，但是知道自己能力不够，不敢奢望，只能羡慕。罗胖说到他们公司从来没有管理，没有规章制度，从来没开过正式的全体员工大会，所以只重视招聘，只要招到一个牛人，根本不用管理，你会自己规划好自己的工作。但是怎么样算是个牛人呢？罗胖给出了解释，就是自己订立一个目标，然后自己想方设法去完成它。

2016-12-25 12:13:17 1067

原创前端框架增加自定义fontIcons的方法

在这里主要介绍的是阿里巴巴的矢量图标管理网站（Iconfont.cn），它也是国内首家推广Webfont形式图标的平台。Iconfont平台为用户提供在线图标搜索、图标分捡下载、在线储存、矢量格式转换、个人图标库管理及项目图标管理等基础功能。在这里分三点进行说明。一、图标制作制作设计师同学可以根据官方提供的设计规范进行制作，工具是AI，制作完成导出的时候需要另存为SVG格式。制作完成就需要进行下

2016-10-26 10:30:00 1546

原创读《三体》差点污了我的三观

周末闲来无事，去图书馆泡了一天，翻看《三体》这部科幻小说，虽然还未读完，可已经惊出一身冷汗。感觉如果信了他的理论，三观都会坍塌，后来仔细琢磨，也有了自己的一点感悟。一、我们的基础科学真的成立吗？故事一开始就抛出了一个问题，我们的基础科学或者说物理学真的是真理嘛？记得初中课本上就提到过，定理是在一定逻辑限定条件下成立的真命题，而像万有引力，广义相对论等等已经被科学家反复证明过的放之四海而皆

2016-08-25 10:22:48 13159

原创对position的几点理解

分类及定义在W3C中，position 属性规定元素的定位类型，css实例：.box{ position：relative;}它可能的值包括以下五种：absolute（绝对定位）：生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 “left”, “top”, “right” 以及”bottom” 属性进行规定。fixed（固定定位）：生成绝对定

2016-08-01 12:27:44 912

原创组织树ztree.js基本用法

项目中经常会用到下图所示的组织树，今天仔细研究下官方文档，在这里把一些入门的技巧记录下来。【简介】zTree 是一个依靠 jQuery 实现的多功能 “树插件”。形式多样，功能强大。配置方式采用jQuery与JSON的语法结构，参数配置简单，较易上手。兼容 IE、FireFox、Chrome、Opera、Safari 等浏览器，即使在IE6下也能很好的支持。支持静态和 Ajax 异步加载节点

2016-07-29 15:21:37 1211

转载 CSDN-markdown编辑器使用规范

欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl

2016-07-29 09:52:32 260

阿留申低压的博客