
前端开发
文章平均质量分 61
景洪在编程
不疯魔不成活
展开
-
深入理解css之 —— absolute定位
这一篇主要总结一下position属性: - absolute绝对定位 - relative相对定位 position这个属性定义建立元素布局所原创 2017-05-22 13:19:41 · 712 阅读 · 0 评论 -
深入理解Promise对象
const testPath = path.join(__dirname, 'test.txt')const readFileAsync = new Promise((resolve, reject) => { const data = readFile(testPath, 'utf8', (data, err) => { if (data) resolve(data)...原创 2018-08-21 21:18:11 · 284 阅读 · 0 评论 -
网络资源直接转存到七牛云对象存储
首先安装qiniu的npm包npm install qiniu –save 设置鉴权对象const qiniu = require('qiniu')// ak和sk分别可以在七牛云个人中心查看const accessKey = '***zs1z8SfbXLuntI***'const secretKey = '***BJYJ1lkWOAJcp***'// 鉴权对象macc...原创 2018-08-23 22:28:59 · 2056 阅读 · 0 评论 -
node.js实现markdowm转换成HTML
使用到的第三方包介绍marked包 https://www.npmjs.com/package/marked 功能是将markdown文本内容转换成HTML代码 例如:var marked = require('marked');console.log(marked('I am using __markdown__.'));// Outputs: I am using mark原创 2018-01-24 17:02:04 · 1763 阅读 · 1 评论 -
用node.js实现require.js
require.js的主要作用是js的工程化,规范化:1)它是一个js脚本的加载器,它遵循AMD(Asynchronous Module Definition)规范,实现js脚本的异步加载,不阻塞页面的渲染和其后的脚本的执行。并提供了在加载完成之后的执行相应回调函数的功能;2)它要求js脚本的模块化,也就是文件化;require.js的作用之一就是加载js模块,也就是js文件。所以我原创 2018-01-23 15:49:45 · 626 阅读 · 0 评论 -
javascript事件委托
何为事件委托再解释什么是事件委托之前,补充一下事件冒泡: 事件流:描述从页面接受事件的顺序,IE事件流为事件冒泡,而Netscape的事件流为事件捕获; 事件冒泡:事件开始从最具体的元素(文档中嵌套层次最低的那个节点)接受,然后逐级向上传播到较为不具体的节点。事件委托利用事件冒泡原理,当触发嵌套较深的元素的时候,这个触发会冒泡到叫深的事件,例如页面中的某个div被点击,这个点击事件会冒泡原创 2017-07-18 21:24:28 · 474 阅读 · 0 评论 -
初识模块化AMD和require.js
如何书写模块一、函数写法 function m1(){ //... } function m2(){ //... }函数m1和m2就是两个最原始的模块;但是它的缺点是,函数名高度暴露,污染了全局变量。二、对象写法var module = new Object({ m1: function(){ //...原创 2017-06-19 21:13:10 · 975 阅读 · 0 评论 -
复习DOM相关操作
一、DOM节点创建DOM节点(Node)最主要的三类为:Element,元素节点Attribute,属性节点Text,文本节点DOM节点创建最常用方法:document.createElement()document.createTextNode()var node1 = document.createElement('div');var node2 = document.creat原创 2017-08-21 14:05:45 · 277 阅读 · 0 评论 -
学习node.js(二)—— Buffer
在node中,在处理网络协议、操作数据库、处理图片、接收上传文件、在处理网络流和文件的操作中,还需要处理大量二进制数据,js原有的字符串不足以满足这些需求,于是Buffer应运而生;Buffer对象Buffer对象类似于数组,它的元素为16进制的两位数,即0到255的数值。不同编码的字符串占有元素的个数不一样,中文字在UTF-8下占用三个元素,字母和半角标符号占一个元素;不同的编码规则(bas原创 2017-08-18 20:28:22 · 305 阅读 · 0 评论 -
利用!!window.ActiveXObject监测IE浏览器
javascript用来区别IE与其他浏览器的方法:1、document.allif (document.all){alert(”IE浏览器”);}else{alert(”非IE浏览器”);}2、!!window.ActiveXObjectif (!!window.ActiveXObject){alert(”IE浏览器”);}else{alert(”非IE浏览器”);}原创 2017-07-18 20:42:52 · 3476 阅读 · 0 评论 -
webpack使用小技巧
为路径设置别名在webpack.base.config.js中,加入 'components': path.resolve(__dirname, '../src/components') 然后import seller from 'components/seller/seller.vue' 和import seller from './components/seller/seller.vue'原创 2017-07-30 15:19:06 · 224 阅读 · 0 评论 -
用vue-router和webpack搭建路由项目
一、用vue-cli构建初始项目step1:全局安装vue-cli$ npm install --global vue-clistep2: 创建一个基于webpack模版的新项目vue init webpack my-vueRouter-project1step3:创建项目过程中,根据提示填写项目名称,是否使用ESLint检查项目等功能,具体填写结果如下: step4: 安装依赖文件//原创 2017-07-30 11:15:16 · 922 阅读 · 0 评论 -
创建对象的几种模式
对象创建方法其实主要有两种最简单的方式:创建一个Object实例var person = new Object();person.name = 'jinghong';person.age = 22;person.sayName = function(){ alert(this.name); }对象字面量 var person = { name = ‘jinghong’原创 2017-06-22 21:02:23 · 401 阅读 · 0 评论 -
自定义事件
自定义事件,解决了原生事件的诸多问题原创 2017-06-21 15:20:05 · 172 阅读 · 0 评论 -
regexper图形化正则表达式工具
在线使用地址https://regexper.com/将工具安装到本地由于在线地址是国外的所以访问起来可能有一点延迟,所以我们可以把这个web应用安装到本地,很大提高了访问速度,步骤如下1、访问 github源码 https://github.com/javallone/regexper-static2、复制项目源码下载地址https://github.com/javallone/regexper原创 2017-06-07 11:58:49 · 6136 阅读 · 0 评论 -
初次使用MongoDB和mongoose
MongoDB和mongoose mongoose 是个 odm。odm 的概念对应 sql 中的 orm。也就是 ruby on rails 中的 activerecord 那一层。orm 全称是 Object-Relational Mapping,对象关系映射;而 odm 是 Object-Document Mapping,对象文档映射。它的作用就是,在程序代码中,定义一下...原创 2018-08-25 16:06:13 · 590 阅读 · 0 评论