淮城一只猫

原创对 JavaScript Object 的一些思考

对 JavaScript Object 的一些思考作者：淮城一只猫日期：2020.03.13修改：2020.03.17本文首发：https://iiong.com/some-thoughts-on-javascript-object/前言前几天在做项目的时候遇到一个关于数组的问题，今天抽空来看看这个问题，因为之前也遇到，但是不长记性所有有了该笔记。之前在项目给后端提交一条数据，这个数...

2020-03-17 22:46:28 195

原创 JavaScript Array.from 详解

0x0 前言Array.from：允许在 JavaScript 集合(如: 数组、类数组对象、或者是字符串、map 、set 等可迭代对象) 上进行有用的转换。Array.from(arrayLike[, mapFunction[, thisArg]])arrayLike：必传参数，想要转换成数组的伪数组对象或可迭代对象。map...

2019-09-23 13:04:41 10861

原创 Dart基础学习

0x0 前言因学习Flutter需要故把Dart基础知识也看了遍，前端开发学习不算是太吃力，和JavaScript语法差不多，值得注意的是Dart是强类型编程语言，很多地方需要强制规范。学习之前需要注意下面的坑：// 定义一个函数printInteger(int aNumber) { print('The number is $a...

2019-09-07 10:02:40 252

原创 React Native 添加 Redux 支持

0x1 前言之前写的项目都是人家编写好的脚手架，里面包含项目所需的环境文件，但由于有些东西用不到打包增加软件体积，所以自己从头搭建个环境。是基于 Native Base + react-navigation + Redux的 React Native 脚手架，现在项目环境如下：{ "name": "app", "version...

2019-08-18 23:11:29 151

原创 Node.js后端开发笔记后续 - 2

前言续上篇文章 Node.js 后端开发笔记后续 - 1 利用 Sequelize-Cli 工具已经完成表结构设计以及数据填充，下面使用 Sequelize 插件库本身的数据模型 model 的查询能力来实现表查询。Sequelize 连接 MySQL 数据库Sequelize 连接数据库的核心代码主要就是通过 new Sequel...

2019-07-31 19:08:53 460

原创 Node.js后端开发笔记后续 - 1

前言续上篇 Node.js 后端开发笔记文章时隔几个月没有折腾，趁现在有时间继续完善开发过程内容。开头先把上篇重点内容过一下，毕竟几个月内有些技术发生一些改变。项目原型是 Node.js 作为后端支持服务器，hapi 作为后端Web服务开发，并且有数据库支持和一些接口约定。在开发项目中要善于使用调试技能，找出项目的问题所在并且解决完善...

2019-07-23 03:52:20 312

原创 Flutter自定义状态管理组件

简介Flutter新建组件有俩种状态组件：StatelessWidget和StatefulWidget，这些在新建Flutter项目就能看到相关展示代码，下面就详细解释下这俩者区别：StatefulWidget：是指有状态变化的组件，例如系统提供的 Checkbox, Radio, Slider, InkWell, Form, and...

2019-07-17 05:47:16 424

原创编写第一个Flutter App

运行Demo打开Android Studio菜单项选择Start a new Flutter project，进入选项选择默认即可。进入项目把gradle配置镜像源，需要把google()和jcenter替换成：maven { url 'https://maven.aliyun.com/repository/google' }mav...

2019-07-12 01:40:55 248

原创 Nuxt.js使用笔记

前言目前使用Nuxt.js框架做了几个项目，不得不说对比与Vue-CLI，Nuxt.js实在是懒人必备框架，什么东西都帮你配置好了。所以多少对它有点了解，所以有了这个笔记。希望未来再做类似的地方有个能够参考的笔记。目录结构/assets # 能被webpack处理的项目资源/components #...

2019-05-24 08:51:16 827

原创 React Native设计稿匹配

前言在React Native项目中，所有的长度是没有单位。但设计师会给你基准设计稿，一般都是750px基准版本设计稿，如何在不同分辨率下的设备下进行很好的展示呢？移动操作系统为了适配不同屏幕尺寸和密度的设备，会将应用的用户界面调整为适应其显示的屏幕，也就是会对用户界面进行缩放和大小调整。针对说明，了解一些基本概念：屏幕尺寸：按屏...

2019-05-05 08:55:52 788

原创安装Flutter环境

简介Flutter是谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。英文官网网站：https://flutter.io/docs中文官网网站：https://flu...

2019-04-17 16:04:38 235

原创使用UmiJS和DvaJS完成用户管理系统

前言对React温习差不多了，是时候尝试制作个小项目。目前使用UmiJS + DvaJS来构建项目。UmiJS是一个可插拔的企业级 react 应用框架，具体可查看官网文档DvaJS是dva 首先是一个基于 redux 和 redux-saga 的数据流方案，然后为了简化开发体验，dva 还额外内置了 react-router 和 f...

2019-04-04 16:10:23 1735

原创建立一个JavaScript库

前言这几天投了几家上海的公司，有一家公司给我面试题是这样的：说实话倒是不难，以前在开发移动端时候做过类似的。但主要是要求复用性，所以想法单独抽取一个库然后暴露插件能力即可。环境除了弹窗需要原生语言实现，环境可以使用 nodejs 技术栈实现：npm init # 初始化项目npm i @babel/core @babel/pr...

2019-02-12 13:56:04 220

原创 JavaScript异步加载脚本

前言在Nuxt.js打包时候发现vendors文件实在是太大，看了官方文档发现新版又不支持老的Api，所以寻找一上午也没找到很好的方案，目前把一些类库文件抽取出来直接CDN加载就行，但原本以为这是很简单事情，可是中间又遇到不少问题，例如脚本和脚本直接的依赖关系等。HTML5其实在HTML5也有相关的标签属性可以实现：<scr...

2018-11-04 15:05:15 292

原创 Node.js后端开发笔记

前言经过一段学习时间沉淀，觉得试试使用Node.js后端开发，虽然之前也弄过，但因为时间匆促设计api风格、数据表等一些东西有各种问题。所以有了这一系列的笔记。接口设计现在接口绝大部分都是遵循RESTful 接口设计，REST 特点倾向于用更加简单轻量的方法设计和实现。所以关于更多信息可以看看RESTful API 设计指南。后端...

2018-10-22 04:30:13 248

原创 ES6箭头函数的this理解

前言今天在做项目遇到箭头函数this指向问题：export default { data() { return { name: 'Hello World' } }, methods: { getName6: () => { ...

2018-10-18 15:01:31 185

原创 TypeScript学习笔记

简介TypeScript is a typed superset of JavaScript that compiles to plain JavaScript.TypeScript是JavaScript类型的超集，它可以编译成纯JavaScript。TypeScript可以在任何浏览器、任何计算机和任何操作系统上运行，并且是开源的。...

2018-10-17 03:36:12 302

原创 Vuex状态管理

前言Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。可能第一遍不懂是具体什么作用，其实就是类似项目中所谓的“全局变量”。但上面一般简单的基本上很少用到这个，一般来说都是像很多父子组件相关联系所需要，举个例子就是购物车的价格和...

2018-10-15 01:11:01 137

原创 Nuxt.js学习笔记

前言由于公司业务所需，再加上之前掌握Vue.js相关知识，正好趁着业务的需求，大致学习下Nuxt.js框架。Nuxt.js是Vue.js通用框架，其实它就是Vue.js的SSR简化版，无非把配置调整更加简单。具体可以去官网查看下：https://zh.nuxtjs.org/环境搭建首先搭建基础环境：npm install vue...

2018-10-08 17:16:26 184