摘要:
webpack是一个现代JavaScript应用程序的静态模块打包器,借用官网的一张图,它能够将一些预处理语言,js的最新语法转换成浏览器识别的内容。现在一般的前端框架都有比较成熟的脚手架,大多数对webpack都有个较好的集成,我们只需要敲一些简单的命令就能生成一个通用的项目模板,比较便捷,但是要 阅读全文
摘要:
JavaScript这门语言中,最令人迷惑的地方有三个,闭包、this、原型。针对大多数人,可以利用词法作用域等避开this的坑,但是我们不能一直生活在舒适区,要敢于打破砂锅问到底,对我们来说也是一种提升。 一、一般对this关键字的误解: 1、this指向函数自身 2、this指向函数声明的词法作 阅读全文
摘要:
闭包是一个老生常谈的问题,简单概括下闭包的形成的两个条件: 1、定义在函数内部 2、函数内部引用父层作用域变量 举一个最简单的例子: 以上代码会在控制台输出“1”。这是什么为什么呢?函数内部变量在调用结束后一般都会销毁,以上代码在test方法调用结束后并没有被销毁,这是由于js语言本身垃圾回收导致的 阅读全文
摘要:
mongoose是node.js操作mongoDB数据库的一种工具,借助于mongoose,我们可以便捷的完成一些数据库的基本操作,基本使用如下: 1、安装 2、引入mongoose && 基本配置 db.js 在用express开发时,要在app.js中引入该文件,当程序启动后,会自动执行此段代码 阅读全文
摘要:
功能点: 输入、下拉选择、根据输入内容模糊检索、键盘上下键选择 实现思路: 显示隐藏: input获取焦点显示,失去焦点隐藏 下拉选择: 以父元素为基准,通过绝对定位定位至input输入下方 模糊检索: 监听输入数据的变化,过滤符合要求的数据 键盘上下选择: 监听input的键盘事件,判断keyco 阅读全文
摘要:
AngularJS自定义指令的嵌入功能与vue的插槽十分类似,都可以实现一些自定义内容展现。在开始之前先简单介绍下自定义指令的transclude属性和AngularJS的内置指令ng-transclude。 transclude: true: 表示指令元素内容(子元素)会被嵌入。 element: 阅读全文
摘要:
在使用vue-cli初始化vue项目时,默认打包为单入口,有时候一个项目可能会有不同入口,在这种情况下,就需要我们稍微修改下webpack配置文件了,具体步骤如下: 1、修改webpack.base.config.js单入口改为多入口 2、在不同环境的webpack配置文件中增加HtmlWebpac 阅读全文
摘要:
本文用node进行图片上传主要借助formidable插件,具体使用步骤如下: 1、安装formidable插件 2、引入依赖包 3、接口实现逻辑 阅读全文
摘要:
相信各位小伙伴利用H5做移动端应用时,在写弹出层时肯定用到过滚动穿透问题,虽然页面加了背景遮罩,滑动页面时,如若页面滚在滚动条,底部仍然可以滑动。遇到这种问题,第一想到的可能是能否监听弹出层的显示与隐藏,在监听函数中做处理;一般有以下两种处理方式: 1、禁止body的touchmove事件 然后再需 阅读全文
摘要:
在日常开发过程中,可能会遇到一些类似于新闻详情页的内容,需要把所有详情页映射到同一组件上,这是动态路由匹配的应用场景之一。在使用的过程中,也遇到过一些小坑,此篇做个简要的总结说明: 基本使用 其中uid是路由参数,在跳转到指定新闻详情页可以通过以下方式: 问题: 跳转时页面内容不刷新 原因:当前组件 阅读全文