01 2020 档案

移动WEB开发之 -- flex布局
摘要：flex布局原理 常见的父项属性 flex-direction设置主轴方向 justify-content 设置主轴上的子元素排列方式 flex-wrap属性 align-items属性 align-content属性 flex-flow属性 常见的子项属性 align-selt属性 协程网移动端首 阅读全文
posted @ 2020-01-26 19:23 Mr_Riven 阅读(198) 评论(0) 推荐(0)
nodejs-mime类型
摘要：mime是一个互联网标准，通过设定它就可以设定文件在浏览器的打开方式。 mime使用方法： 使用mime模块查询文件的MIME类型： mime.getType('/path/to/file.txt'); // => 'text/plain' mime.getType('file.txt'); // 阅读全文
posted @ 2020-01-25 17:47 Mr_Riven 阅读(943) 评论(0) 推荐(0)
nodejs-mime类型
摘要：mime是一个互联网标准，通过设定它就可以设定文件在浏览器的打开方式。 mime使用方法： 使用mime模块查询文件的MIME类型： mime.getType('/path/to/file.txt'); // => 'text/plain' mime.getType('file.txt'); // 阅读全文
posted @ 2020-01-25 17:46 Mr_Riven 阅读(301) 评论(0) 推荐(0)
const isProduction = process.env.NODE_ENV === 'production'; 作用
摘要：一. process 要理解 process.env.NODE_ENV 就必须要了解 process，process 是 node 的全局变量，并且 process 有 env 这个属性， 但是没有 NODE_ENV 这个属性。大家可以创建一个 js （比如index.js）文件，然后打印 proc 阅读全文
posted @ 2020-01-25 17:21 Mr_Riven 阅读(3179) 评论(0) 推荐(0)
单向绑定
摘要：MVVM就是在前端页面上，应用了扩展的MVC模式，我们关心Model的变化， MVVM框架自动把Model的变化映射到DOM结构上，这样，用户看到的页面内容就会随着Model的变化而更新。 例如，我们定义好一个JavaScript对象作为Model，并且把这个Model的两个属性绑定到DOM节点上： 阅读全文
posted @ 2020-01-25 12:59 Mr_Riven 阅读(246) 评论(0) 推荐(0)
建立Model
摘要：直接使用Sequelize虽然可以，但是存在一些问题。 团队开发时，有人喜欢自己加timestamp： var Pet = sequelize.define('pet', { id: { type: Sequelize.STRING(50), primaryKey: true }, name: Se 阅读全文
posted @ 2020-01-25 12:09 Mr_Riven 阅读(152) 评论(0) 推荐(0)
使用Sequelize
摘要：访问MySQL 当我们安装好MySQL后，Node.js程序如何访问MySQL数据库呢？ 访问MySQL数据库只有一种方法，就是通过网络发送SQL命令，然后，MySQL服务器执行后返回结果。 我们可以在命令行窗口输入mysql -u root -p，然后输入root口令后，就连接到了MySQL服务器 阅读全文
posted @ 2020-01-24 18:15 Mr_Riven 阅读(324) 评论(0) 推荐(0)
移动WEB开发之 -- 流式布局
摘要：浏览器现状 视口 视口标签 二倍图 手机端和pc端像素比例不一样 物理像素&物理像素比 背景缩放background-size 背景图片二倍图 移动端开发选择 移动端技术解决方案 特殊样式 常见的移动端页面布局 移动端技术选型 案例 京东移动端首页1 案例 京东移动端首页2 案例 京东移动端首页3( 阅读全文
posted @ 2020-01-22 23:31 Mr_Riven 阅读(212) 评论(0) 推荐(0)
MVC
摘要：我们已经可以用koa处理不同的URL，还可以用Nunjucks渲染模板。现在，是时候把这两者结合起来了！ 当用户通过浏览器请求一个URL时，koa将调用某个异步函数处理该URL。在这个异步函数内部，我们用一行代码： ctx.render('home.html', { name: 'Michael' 阅读全文
posted @ 2020-01-21 19:23 Mr_Riven 阅读(169) 评论(0) 推荐(0)
Nunjucks
摘要：Nunjucks是什么东东？其实它是一个模板引擎。 那什么是模板引擎？ 模板引擎就是基于模板配合数据构造出字符串输出的一个组件。比如下面的函数就是一个模板引擎： function examResult (data) { return `${data.name}同学一年级期末考试语文${data.ch 阅读全文
posted @ 2020-01-18 19:14 Mr_Riven 阅读(511) 评论(0) 推荐(0)
css3 html5
摘要：vscode的使用 什么是HTML5？ HTML5新增语义化标签 多媒体标签 <audio>音频标签 谷歌浏览器 把autoplay属性给我们禁用。 两种音频格式的播放 视频标签<video> HTML5表单属性 新增表单属性 内容不能为空 css3 css3属性选择器 css3结构伪类选择器 cs 阅读全文
posted @ 2020-01-15 22:37 Mr_Riven 阅读(188) 评论(0) 推荐(0)
koa web框架入门
摘要：1.在hello-koa这个目录下创建一个package.json，这个文件描述了我们的hello-koa工程会用到哪些包。完整的文件内容如下： { "name": "hello-koa2", "version": "1.0.0", "description": "Hello Koa 2 examp 阅读全文
posted @ 2020-01-13 19:23 Mr_Riven 阅读(295) 评论(0) 推荐(0)
插槽
摘要：插槽内容 Vue 实现了一套内容分发的 API，这套 API 的设计灵感源自 Web Components 规范草案，将 <slot>元素作为承载分发内容的出口。 它允许你像这样合成组件： <navigation-link url="/profile"> Your Profile </navigat 阅读全文
posted @ 2020-01-08 00:14 Mr_Riven 阅读(334) 评论(0) 推荐(0)
Visual Studio Code 的 launch.json 解析
摘要：{ "version": "0.2.0", "configurations": [ { "name": "(gdb) Launch", // 配置名称，将会在启动配置的下拉菜单中显示 "type": "cppdbg", // 配置类型，这里只能为cppdbg "request": "launch", 阅读全文
posted @ 2020-01-07 17:11 Mr_Riven 阅读(1413) 评论(0) 推荐(0)
自定义事件
摘要：事件名 不同于组件和 prop，事件名不存在任何自动化的大小写转换。而是触发的事件名需要完全匹配监听这个事件所用的名称。举个例子，如果触发一个 camelCase 名字的事件： this.$emit('myEvent') 则监听这个名字的 kebab-case 版本是不会有任何效果的： <!-- 没 阅读全文
posted @ 2020-01-06 22:53 Mr_Riven 阅读(233) 评论(0) 推荐(0)
Prop
摘要：Prop 的大小写 (camelCase vs kebab-case) HTML 中的特性名是大小写不敏感的，所以浏览器会把所有大写字符解释为小写字符。 这意味着当你使用 DOM 中的模板时， camelCase (驼峰命名法) 的 prop 名需要使用其等价的 kebab-case (短横线分隔命 阅读全文
posted @ 2020-01-03 23:02 Mr_Riven 阅读(463) 评论(0) 推荐(0)
PS工具的基本使用
摘要：常见的图片格式： 切片工具的使用 1.用切片选中图片 2.导出切片 3.切片悬着工具 可以选择指定 切片框 删除。 点击图层 切图 清除切片 基于参考线的切片 切图插件Cutterman 阅读全文
posted @ 2020-01-03 21:47 Mr_Riven 阅读(257) 评论(0) 推荐(0)
组件注册
摘要：在注册一个组件的时候，我们始终需要给它一个名字。比如在全局注册的时候我们已经看到了： Vue.component('my-component-name', { /* ... */ }) 该组件名就是 Vue.component 的第一个参数。 你给予组件的名字可能依赖于你打算拿它来做什么。 当直接在 阅读全文
posted @ 2020-01-02 21:21 Mr_Riven 阅读(244) 评论(0) 推荐(0)