• 等级
  • 781692 访问
  • 112 原创
  • 49 转发
  • 7336 排名
  • 103 评论
  • 183 获赞

js基础--将内存中的数据保存为文件下载到本地

欢迎访问我的个人博客:http://www.xiaolongwu.cn 前言 最近在做一个项目,有个需求就是,前端在内存中维护了一个很复杂的json对象,当点击下载按钮时,需要把这个json对象保存到文本中并下载到本地。 总结了两种实现方式 假如在我们项目中有个json对象如下: var jsonObj = { name: 'Leon WuV', age: ...

2019-01-15 23:49:15

js基础--测试随机数的概率是否相等

欢迎访问我的个人博客:http://www.xiaolongwu.cn 前言 今天我们来做一个有趣的测试,那就是我们在某个范围之间取随机数时,每项被随机到的概率是否相等。 随机方法 我们都知道Math.random()的结果是[0, 1)之间的小数,结果包括0但是不包括1。 那么很简单就会想到Math.random() * n的结果是[0, n)之间的小数,结果包括0但是不包括n。 那么parse...

2019-01-10 10:58:05

提高程序员编程能力的有效方法

欢迎访问我的个人网站 http://www.xiaolongwu.cn 文章转载自 :https://mp.weixin.qq.com/s/ROBb7h2GOAn1sulH6_1RMQ 前言 那就是去读别人写的代码。读那些你常用的库、编程框架的源代码,读那些你景仰的大牛的源代码,读代码里的测试(测试本身就是一种有效的文档);读代码、改代码、运行代码。 其实,所谓写程序,大部分的时间都是花在读代码...

2019-01-09 10:38:10

nodejs--自动重启工具nodemon简介

欢迎访问我的个人博客:http://www.xiaolongwu.cn 前言 我们在写nodejs时,是不是有这样的痛点,每次改完代码后都需要重启node服务,这个是很操蛋的事情。 nodemon介绍 在这里,我要给大家介绍一个自动重启工具,他就是nodemon; nodemon会监听项目路径下的文件,如果发生变化就会重启服务,那么他就完美解决了我们上面说的每次改完代码需要手动重启服务的痛点; 当...

2018-12-28 01:40:28

js基础进阶--从ajax到fetch的理解

欢迎访问我的个人博客:http://www.xiaolongwu.cn 基本知识 1. Ajax是什么? 答:Ajax是一种可以在浏览器和服务器之间使用异步数据传输(HTTP请求)的技术。使用它可以让页面请求少量的数据,而不用刷新整个页面。而传统的页面(不使用Ajax)要刷新部分内容,必须重载整个网页页面。 2. Ajax基于什么? 答:它基于的是XMLHttpRequest(XHR)。这是一个比...

2018-12-26 23:45:54

git -- git emoji列表(github commit 前面的小icon)

Git commit emoji 指南 emojiemoji代码commit说明

2018-12-24 15:32:34

vue -- vue-i18n国际化使用简单教程

欢迎访问我的个人博客:http://www.xiaolongwu.cn 前言 vue-i18n是一个针对于vue的国际化插件,使用非常简单,具体使用方式看我细细道来。 实现方式 这里我们直接讲在实际开发中如何使用以及注意事项; 1. 下载包 npm install vue-i18n 2. 配置 在main.js文件中加入如下配置 // 引入插件和语言包 import VueI18n from '...

2018-12-20 10:08:15

eslint -- Adjacent JSX elements must be wrapped in an enclosing tag

欢迎访问我的个人博客:http://www.xiaolongwu.cn 前言 关于eslint的问题太多了,我们只能慢慢的一个一个的踩坑。 错误信息 Parsing error: Adjacent JSX elements must be wrapped in an enclosing tag. 这样的错误信息提示eslint配置的问题,如下图 解决办法 修改eslint配置文件 // 将 "...

2018-12-17 14:41:31

vue -- foreach not a function 或者map not a function的解决办法

欢迎访问我的个人博客:http://www.xiaolongwu.cn 前言 老套路,先说出现这种问题的原因: 在做vue项目时,如果我们在组件中需要一个变量,哪怕这个变量最开始是没值的,我们也必须先在data中注册这个变量; 只有这样,我们的这个变量才能是响应式的,不然就失去了响应式的功能; 问题就在这里,好多人的习惯就是写变量的值等于’’(空)或者null, map和foreach方法只能对数...

2018-12-05 16:48:52

vue -- 非父子组件传值,事件总线(eventbus)的使用方式

欢迎访问我的个人博客:http://www.xiaolongwu.cn 前言 先说一下什么是事件总线,其实就是订阅发布者模式; 比如有一个bus对象,这个对象上有两个方法,一个是on(监听,也就是订阅),一个是emit(触发,也就是发布),我们通过on方法去监听某个事件,再用emit去触发这个事件,同时调用on中的回调函数,这样就完成了一次事件触发; 这是一种设计模式,和语言没有关系; 如果不太了...

2018-11-30 12:00:55

JavaScript设计模式--观察者模式(发布者-订阅者模式)

欢迎访问我的个人博客:http://www.xiaolongwu.cn 简单列子 下面是实现发布—订阅模式的步骤: 1、先要指定好谁充当发布者(比如售楼处) 2、然后给发布者添加一个缓存列表,用于存放回调函数以便通知订阅者(售楼处的花名册) 3、最后发布消息的时候,发布者会遍历这个缓存列表,依次触发里面存放的订阅者回调函数(遍历花名册,挨个发短信) // 定义订阅发布模式 var publ...

2018-11-29 14:39:10

vue -- 父组件通过$refs获取子组件的值和方法

欢迎访问我的个人博客:http://www.xiaolongwu.cn 前言 在vue项目中组件之间的通讯是很常见的问题,同时也是很重要的问题,我们大致可以将其分为三种情况: 父传子:在父组件中绑定值,在子组件中用props接收 子传父:在父组件中监听一个事件,在子组件中利用$emit触发这个事件并带上数据作为第二个参数,这时父组件中监听事件的回调函数就会被调用,回调函数的参数就是子组件带上来的...

2018-11-15 17:29:31

vue -- Cannot set property 'render' of undefined解决方法

欢迎访问我的个人博客:http://www.xiaolongwu.cn 前言 在用vue-cli3做组件测试时,出现个问题,记录一下 报错如下 Cannot set property ‘render’ of undefined 解决方案 后来发现是因为 组件里写了script标签,没写 export default {} 加上这句话之后就好使了 我的个人博客地址:http://www.xiaol...

2018-11-15 17:27:23

You are using the runtime-only build of Vue where the template compiler is not available. Either pre

欢迎访问我的个人博客:http://www.xiaolongwu.cn 在升级脚手架到vue-cli3.0版本的时候出现了这个报错: [Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the template...

2018-10-19 20:33:40

Missing space before function parentheses 报错终极解决方案

欢迎访问我的个人博客:http://www.xiaolongwu.cn 前言 首先,我们碰到的这个问题只是一类问题的一个代表,总结起来就是关于eslint的问题; 类似的还有括号后面多个空格呀,不能用双引号呀等等的问题; 我们项目中既然选择了eslint,那么就是想做代码级的规范,如果解决问题的方案是在webpack的配置文件里注释掉eslint检查的相关配置,或者是在eslint的配置文件里将2...

2018-10-12 20:01:06

《深入浅出Vue.js》作者谈前端框架的“御剑之道”

欢迎访问我的个人博客:http://www.xiaolongwu.cn 编者按:本文作者 Berwin,W3C性能工作组成员,360导航高级前端工程师。《深入浅出Vue.js》(正在出版)作者。 你在使剑,是的,但是你的目的是杀人,直追你的目标,忘记手中长剑,才能使出最高的剑法… 而这世上又有多少剑客, 拘泥于手中快剑而落入俗套,终究无法到达登峰造极的境界… ----阿莱克西斯 前言 剑,...

2018-10-10 17:42:14

Prettier的三种使用场景和使用方法

欢迎访问我的个人博客:http://www.xiaolongwu.cn Prettier是最近很火的一个代码美化工具,其中文意思是“漂亮的、机灵的”,它能够解析代码,使用你自己设定的规则来重新打印出格式规范的代码。 他的整个圈子很强大,有基于各种编辑器的插件(vs code,atom),有脚本类的,有插件类的(eslint的插件eslint-plugin-prettier)。 更多有关pretti...

2018-09-26 19:17:29

npm常见命令

欢迎访问我的个人博客:http://www.xiaolongwu.cn npm的常见命令 下载安装某个模块 npm install -D(添加到开发环境)/-S(添加到生产环境) 使用以下命令来卸载模块 npm uninstall 查看所有全局安装的模块 npm list -g 查看依赖的某个模块的当前版本号 npm list -g //不带-g为此项目内查找...

2018-09-22 22:54:38

js基础 -- window.btoa和window.atob使用详解.md

欢迎访问我的个人博客:http://www.xiaolongwu.cn 定义 atob() 解码一个Base64字符串。 btoa() 从一个字符串或者二进制数据编码一个Base64字符串。 用法 只有字符串才能被转换 默认转换 ASCII字母和数字,不支持中文 // 转base64 var aa = btoa("dddddddd"); // 转码结果 "ZGRkZGRkZGQ=" //...

2018-09-18 19:19:36

RESTful API详解

要弄清楚什么是RESTful API,首先要弄清楚什么是REST。REST – REpresentational State Transfer,英语的直译就是“表现层状态转移”。如果看这个概念,估计没几个人能明白是什么意思。那下面就让我来用一句人话解释一下什么是RESTful:URL定位资源,用HTTP动词(GET,POST,PUT,DELETE)描述操作。   &...

2018-09-17 13:10:26

LeonWuV

写东西是一种享受,也是一种记忆的过程
关注
  • 计算机软件/前端开发工程师
  • 中国 北京 海淀区
奖章
  • 专栏达人
  • 持之以恒