随笔分类 -  JavaScript

摘要:最近公司来了个实习生,我看来一下它提交的代码。整个人都不好了 希望大家引以为戒,不要让自己的代码堆成屎山! 一、代码规范问题 首先我们来看我们的前端部分 如果不去做代码的规范,那么会出现什么问题呢? 以下代码规范出自阿里前端团队项目开发规范 我们发现在项目中,有很多的地方都是存在代码不规范的问题,要 阅读全文
posted @ 2020-06-11 08:50 BM老李 阅读(1871) 评论(0) 推荐(3)
摘要:文件上传解决方案 multer模块的使用 这里我们要实现一个,文件上传的功能,实际上也非常的简单,我们使用一个multer的第三方组件来实现这一的一个功能 特别需要注意的事情:我们在做这个东西之前需要把这个东西 服务器的渲染 /router/admin/index.js const multer = 阅读全文
posted @ 2020-05-27 21:23 BM老李 阅读(408) 评论(0) 推荐(0)
摘要:一、前言 本文目标 本文是博主总结了之前的自己在做的很多个项目的一些知识点,当然我在这里不会过多的讲解业务的流程,而是建立一个小demon,旨在帮助大家去更加高效 更加便捷的生成自己的node后台接口项目,本文底部提供了一个 蓝图,欢迎大家下载,start,实际上,这样的一套思路打下来,基本上就已经 阅读全文
posted @ 2020-05-27 21:12 BM老李 阅读(939) 评论(0) 推荐(0)
摘要:git源码 说明:源码已经全部上传到github,仓库地址: https://github.com/BM laoli/Node api Design 模块依赖关系图 一、大纲 大纲: 关于架构, 1. 首先我们的有一个app.js这个就是根路由起点,用来最初的打入口 它的功能有: 1.1 引入模块创 阅读全文
posted @ 2020-04-15 20:52 BM老李 阅读(838) 评论(0) 推荐(0)
摘要:Express框架学习 (一导学) 框架入门 这个也是是一个开发框架,是一个第三方模块,使用这个框架可以很方便的创建网站服务器 我们先来看看它的特点: 1.提供了方便简洁的路由定义方式 2.对获取HTTP请求参数进行了简化处理 3.对模板引擎支持程度高,方便渲染动态HTML页面 4.提供了中间件机制 阅读全文
posted @ 2020-04-10 15:41 BM老李 阅读(892) 评论(0) 推荐(0)
摘要:模板引擎教程 其实这个玩意儿也是一个API一个工具,你学习之后知道怎么使用就完事, 其实这个也非常的鸡肋 ,因为所有的渲染都是在后台做的!!!非常非常小的项目,用这个就算了,大的项目还是老老实实写接口 我们发现总是去拼接字符串实在是太low了。于是乎我们这样来干,使用模板替代字符串拼接 模板引擎有很 阅读全文
posted @ 2020-04-10 15:14 BM老李 阅读(652) 评论(0) 推荐(0)
摘要:想要获取源代码的同学可以留言,我不做git上传了,案例太简单 没必要 综合演练 用户信息的增删改查 需求:你需要实现这样的结果 点击添加可以添加用户,点击删除可以删除点击修改可以修改 代码分析: 1.搭建网站服务器,实现客户端与服务器端的通信 2.连接数据库,创建用户集合,向集合中插入文档 3.当用 阅读全文
posted @ 2020-04-08 18:49 BM老李 阅读(779) 评论(1) 推荐(0)
摘要:MongoDB数据库讲解 为什么要使用数据库? 在互联网上的网站主要有两大类,静态的还有动态的,关于静态的网站不必多说,所谓的动态网站就是可以根据对应的请求拿到不同的结果,什么意思呢,只可意会吧,你只需要知道动态网站是目前的标配就完事了 我们为什么要用MongoDB?mysql行不行?当然没有问题。 阅读全文
posted @ 2020-04-08 18:04 BM老李 阅读(434) 评论(0) 推荐(0)
摘要:五、异步API 导学: 通过返回值拿结果 path.join() 通过函数拿结果,fs.redFile~ 在node中有两种api 同步的api还有异步的api 1. 同步 所谓的同步就是一步一步的走 2. 异步 当前的api不会堵塞后续的代码的执行 3. 对比 第一个区别 二者最大的区别:同步的a 阅读全文
posted @ 2020-04-08 17:50 BM老李 阅读(516) 评论(0) 推荐(0)
摘要:五、异步API 导学: 通过返回值拿结果 path.join() 通过函数拿结果,fs.redFile~ 在node中有两种api 同步的api还有异步的api 1. 同步 所谓的同步就是一步一步的走 2. 异步 当前的api不会堵塞后续的代码的执行 3. 对比 第一个区别 二者最大的区别:同步的a 阅读全文
posted @ 2020-04-08 11:33 BM老李 阅读(341) 评论(0) 推荐(0)
摘要:明确目标: 我们要开发一个静态的网站,下面就是它的网站首页 四、做一些开发前的知识储备 重要!:在js中的事件监听一般都是这样的格式 (一)、 有关于服务器嗨哟客户端之间的通信 这个非常的重要,你要知道所有的app之间是要建立起通信的,要不然你只是一个单机的版本,这就没什么意思了,只有联网,才能让你 阅读全文
posted @ 2020-04-07 19:21 BM老李 阅读(770) 评论(1) 推荐(0)
摘要:、gulp教程 你一定安装完了gulp,接下来我来教你如何使用它 (一)、 基础的使用步骤 1.在本地根目录下建立gulpfile.js文件 2.重构项目的文件夹结构 src文件夹下的dist文件夹里面就是重构之后的源码 3.在gulpfile.js中编写执行的任务 4.在命令行中执行gulp任务 阅读全文
posted @ 2020-04-07 18:34 BM老李 阅读(360) 评论(0) 推荐(0)
摘要:一、node入门 (一)、 首先我们需要下载安装 1.说实话就是一个代码的运行环境,我们下载是下载稳定版LTS后缀 下载完之后就一顿安装就完事 (二)、 明确一点,还有简单的运行 我们的ECMAScript依然是万物的核心,node的组成就是ESCA 还有Node模块 所有的语法都是js的, nod 阅读全文
posted @ 2020-04-07 18:31 BM老李 阅读(1177) 评论(0) 推荐(0)
摘要:运行环境 ajax一定的是运行在网站服务器里面,因此你需要自己配置nodejs服务器 导学:传统的问题还有代理人ajax 传统的http中是又浏览器来做。它在发生和响应的时候网页是不能进行其他操作的 而ajax是一个中间人 简单的使用 XMLHTTPRequest是一个内置构造函数,我们创建衣这个的 阅读全文
posted @ 2020-04-04 21:14 BM老李 阅读(735) 评论(0) 推荐(2)
摘要:JavaScript面向对象, 注意啦在这其实面向对象是一种编程的方式,它的思想是通用的,因此 我强烈的建议你去查看我在python,面向对象编程中做的笔记。 面向对象与面向过程 这里还是相对比较容易理解的,这是两种截然不同的编程方式。 | |面向过程 | 面向对象 | | : |: :| :| | 阅读全文
posted @ 2020-03-23 16:26 BM老李 阅读(288) 评论(0) 推荐(0)
摘要:1.有关于属性的操作 "项目源码" 所谓的属性操作就是操作一系列的元素的属性,value啦class啦 .......特别是有关于input的操作是非常重要的。 为了完成后续有关于框架的高级骚操作,我们现在先来学习一下,jQuery的常用属性操作的三种 prop(),attr(),data() (1 阅读全文
posted @ 2020-03-23 10:02 BM老李 阅读(427) 评论(0) 推荐(1)
摘要:jQuery是什么 说白了jQuery是一个js库 当然了除了这个库之外,我们还有跟多的库,比如:Prototype、YUI、Dojo、Ext JS、移动端的zepto等 目的就简洁的,快速的开发 学习jQuery本质: 就是学习调用这些函数(方法)。 1.jQuery的优点 1. 轻量级。核心文件 阅读全文
posted @ 2020-03-15 20:07 BM老李 阅读(373) 评论(0) 推荐(0)
摘要:关于移动端的js特效话题 注意以下 移动端的js开发,我们一般的开发做法就是使用第三方js框架或者插件去开发,有线考虑一下插件,而不是框架。不太会去写原生的js,因为实在是太过于麻烦了 有关于本地存储 本地存储的话题 随着互联网的快速发展,基于网页的应用越来越普遍,同时也变的越来越复杂,为了满足各种 阅读全文
posted @ 2020-03-15 13:17 BM老李 阅读(317) 评论(0) 推荐(0)
摘要:深入动画函数的封装 1.动画函数的封装 1.1 缓动效果的实现 这里有一些核心的算法,(目标值 现在的位置) / 10 = 每一次移动的步长 实现的代码: 1.2 多值移动 比如我现在有这样的一个需求:点击走到800 再点击走到500,相当于往回走了,我们可以加一个条件判断一下步长 1. 如果是正值 阅读全文
posted @ 2020-03-15 12:43 BM老李 阅读(401) 评论(0) 推荐(0)
摘要:js动画特效之元素的三大偏移量 offset系列(元素位置偏移量 使用(动态的获取元素的位置和大小 注意我们的offset还有style的区别 client系列(元素可视区 这个家伙也是用来搞获取元素的 1. 相关的属性 scroll系列(元素滚动系列 顾名思义,这个东西 是用来处理滚动的 1. 相 阅读全文
posted @ 2020-03-13 21:47 BM老李 阅读(379) 评论(0) 推荐(0)