- 博客(27)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 spring webscoket服务端使用记录
记录spring4中websocket的使用方式pom jar包配置<dependency> <groupId>org.springframework</groupId> <artifactId>spring-websocket</artifactId> <version&...
2018-05-09 18:55:19
284
原创 内网端口映射工具
由于开发微信需要一个公网域名，需要将本地端口映射到外网域名，最热的工具是ngrok，但被微信屏蔽了，这里使用的是natapp，环境是mac，windows下可使用nat123、花生壳等工具实现同样功能。 简单记录一下过程。 https://natapp.cn具体的使用配置很简单：https://natapp.cn/article/natapp_newbie 配置完毕后的效...
2018-03-10 16:14:59
3654
原创 mac下iterm配色、半透明与样式设置
主要为了实现命令行颜色高亮与整个命令窗口半透明效果。1、配色主题包下载1、http://iterm2colorschemes.com/ 下载后解压，到iterm2中，左上角iTerm2->preferences->Profiles，右侧面板找到Colors选项，右下角展开Color Presets…，拉到最下面，选择import，把下载解压好的配色主题包下的sc...
2018-03-05 12:39:10
39823
1
原创 vue滚动加载插件vue-infinite-scroll
vue-infinite-scroll插件可以无限滚动实现加载更多，其作用是是当滚动条滚动到距离底部的指定高度时触发某个方法。 https://github.com/ElemeFE/vue-infinite-scroll/ https://www.npmjs.com/package/vue-infinite-scroll安装cnpm i vue-infinite...
2018-03-02 13:45:09
20794
2
原创 mongoose操作mongodb
http://mongoosejs.com/docs/api.html#index-js mongoose是nodejs环境下操作mongodb的模块封装，使用mongoose之后，实际上只需要在mongodb中创建好数据库与用户，集合的定义、创建、操作等直接使用mongoose即可。一、连接二、重要概念三、基本操作1、Schema2、Model3、实例化docum...
2018-02-27 16:01:55
1164
原创 nodejs的启动方式
1、原始node命令直接命令行中使用node命令node xxx.js或者安装nodemon，使用nodemon启动方便在开发阶段热部署代码改动npm i nodemon -Gnodemon xxx.js2、webstorm方式webstorm中，需要执行的文件的上，右键->run，右上角出现js文件，点击下拉箭头->Edit Configurations...
2018-02-27 14:07:33
49017
1
原创 vue图片懒加载插件vue-lazyload
插件地址：https://github.com/hilongjw/vue-lazyloaddemo：http://hilongjw.github.io/vue-lazyload/1、安装 cnpm i vue-lazyload -S2、使用main.jsimport VueLazyLoad from 'vue-lazyload'Vue.use(VueLazy...
2018-02-27 09:52:58
303
原创 mongodb基本操作
1、创建数据库启动数据库后(配置文件是/Users/thatway/mongodata/etc/mongo.conf)mongod -f /Users/thatway/mongodata/etc/mongo.conf命令行进入mongodb模式userdeiMac-2:~ ThatWay$ mongoMongoDB shell version v3.4.6connect...
2018-02-26 13:06:42
326
原创 mac环境mongodb安装与配置
一、安装MAC环境安装mongodb有两种方式，一种方式是通过下载安装包，另一种方式是通过homebrew。1、安装包方式 从mongodb官网可以下载MAC安装包：https://www.mongodb.com/download-center#community 或者使用curl下载# 进入 /usr/localcd /usr/local# 下载sudo curl...
2018-02-24 15:28:19
20505
3
原创 express项目创建
1、安装项目生成器cnpm i express-generator -gexpress4.0以后，express与express-generator包分离，全局使用express命令生成项目骨架时应该安装express-generator包。2、生成项目骨架express server默认使用的是jade模板，使用ejs模板可以用express -e serve...
2018-02-24 11:16:00
188
原创 nodejs常用模块-url
URLnodejs中针对url的常用方法。 node下打印url，结果： 引入url模块var url = require('url')1、parse方法将url解析成对象，parse方法原型：url.parse(urlStr[, parseQueryString][, slashesDenoteHost])可传递三个参数，第一个必须 urlStr：要解析成对...
2018-02-13 17:31:13
2469
1
原创 nodejs模块
nodejs模块遵循commonJS规范，但并不是完全实现规范，主要使用require引入模块、使用exports导出模块。导出属性或方法使用exports mouduleA.js：var say = function(world){ console.info("say: "+world);}var sing = function(world){ con...
2018-02-13 13:59:09
183
原创 webstorm中nodejs代码提示
preferences->languages&frameworks->Node.js and Npm中选择一个本地的node版本 preferences->languages&frameworks->JavaScript->Libraries 勾选node.js Core 回到代码 ...
2018-02-13 13:39:51
11097
原创 sticky-footer实现记录
sticky-footer是css中的一个经典问题： 当页面内容超出屏幕，页脚模块会像正常页面一样，被推到内容下方，需要拖动滚动条才能看到。 而当页面内容小于屏幕高度，页脚模块会固定在屏幕底部，就像是底边距为零的固定定位。html:div class="detailWrapper" v-show="detailShow"> div class="sticky-box clearfi
2018-01-18 16:45:01
172
原创 移动web开发DRP问题
DPR dpr问题是移动端web开发上需要注意的问题，用大白话说就是，代码中所设置的像素值实际上是虚拟像素，手机屏幕上的像素实际为物理像素，原始的手机，虚拟像素与物理像素是1:1覆盖的，但随着移动端屏幕的技术发展，屏幕尺寸不变的情况下，密度却增大了，就会出现逻辑1像素覆盖了多个物理像素，就造成了不清晰的问题。 dpr（devicePixelRatio）就是即物理像素/逻辑像素
2018-01-17 01:28:27
1220
原创 css之flex布局
flex布局是css3中的重要布局方式，称为“弹性布局”，每次想到它主要是遇到元素垂直居中、元素宽高自适应的问题，这些问题在flex中都能过简单设置就解决，它更像是原生APP中的布局操作，布局不必写N多的盒模型代码来实现，指哪就打哪。 末尾附上阮一峰大神的flex介绍，怎么用看这篇文章就可以了。flex也是ReactNative中的布局方式。 flex分为容器和项目，项目存在于某个容
2018-01-16 20:11:41
283
原创 研发阶段模拟接口数据
因为在vue-cli工程中需要创建很多.vue文件，我们希望创建vue文件和创建html、css、js文件一样右键即可选择创建，并且创建的文件中可预先写好模板代码。webstorm-Preferences打开选项界面 选择File and Code Templates，点击绿色加号 填好模板名、文件类型、模板内容 保存之后，需要创建vue文件时，右键New-vue File
2018-01-16 17:18:42
171
原创 css之字体图标
SVG与字体图标SVG图片是矢量图片，不会随着图片的伸缩而影响质量，通常把只有一种颜色的图标做成SVG，通过SVG生成字体图标，放到项目中使用。https://icomoon.io/是一个比较快捷的生成字体图标的线上工具，进入主页后，点击右上角IconMoon App按钮，进入图标制作页面。 页面上有很多官方提供的默认图标。点击左上角“Import Icons”可以导入自己的svg。
2018-01-16 16:04:49
1036
原创 stylus在vue中的使用
stylus是一个css预处理器，比较流行的css预处理器有sass、less、stylus，它们都一样，都是css的语法糖，可以使用变量，可以有简单的逻辑，使css的开发效率更高，更易维护。stylus来自node社区，它的语法兼容性强，个人觉得也更加简洁，选择在vue中使用。安装stylus以webpack模板为例，在webpack的loader配置中，已经做好了stylus的兼容，
2018-01-15 16:24:11
4862
原创 es6常用点记录
letconst解构赋值字符串数组函数对象SymbolSetWeakSetMapWeakMapProxyreflectProxy与Reflex结合实例classpromiseiteratorGerneratorDecorators模块学习资料let /* let 声明变量 */ /* es6相对于es5的全局和
2018-01-10 18:11:22
295
原创 vuex的使用
vuex是vue中用来管理状态的一套解决方案，它提供一个数据中心，用以管理所有组件的状态，当应用中的组件越来越多，根据组件的通信机制，消息的传递会变得难以维护，且在视图渲染中出现问题，比如想象一下一个父组件的数据需要传递给子组件，子组件接收到数据后做了该做的处理之后，需要把数据再返回给父组件，同时通知同级兄弟组件，父组件与兄弟组件收到数据后需要对视图做出改变，这一操作使用通信机制将变得非常复杂，不
2018-01-10 15:56:10
1746
原创 vue基础
vue2主要语法点记录。下面的代码是为了速查用法，没有使用脚手架，js为es5写法，没有注意eslink验证。vue实例组件指令自定义指令过滤器watch生命周期vue实例jsvar vm = new Vue ({ el: '#app', data: { msg: 'hello vue' }});console.
2018-01-09 17:58:18
178
原创 axios使用
axios和vue-resource一样，是一个vue中操作http的插件，遵循promise，vue官方也推荐使用axios。安装axiosnpm i axios -Saxios也是在运行时需要的，所以要保存在dependencies中。引入axiosimport axios from 'axios'Vue.prototype.$http = axi...
2018-01-09 10:20:33
1549
原创 vue-resource使用
vue-resource是一个http请求插件，遵循promise，类似jquery中ajax操作。 vue-resource已不被官方推荐，官方推荐axios插件来操作http协议。vue-resource中提供的方法 get(url, [options]) head(url, [options]) delete(url, [options]) js
2018-01-08 18:16:29
8603
原创 vue路由
前端路由与后端路由作用是类似的，访问一定规则的url转向至指定的页面，只是后端路由是访问地址后由后端拦截处理后再转向，前端路由是通过不同地址局部切换不同的页面内容。当前后端彻底分离，不使用高级语言编写前端且前端是SPA应用时，就需要前端路由了。至于什么项目适合做成SPA则需要根据实际场景判断了。vue路由引入默认webpack模板已经安装了vue-router包，不使用脚手架可引入v
2018-01-05 18:18:58
412
转载 vue工程webpack模板配置说明
vue工程webpack模板下的配置文件非常多，只能在实际开发过程中反复熟悉，才能渐渐体会官方将配置文件拆分细化的合理性。 主要配置文件中代码的作用从网上摘录了比较全的一份注释，做下记录。dev-server.js 开发服务端配置require('./check-versions')() //检查node和npm的版本/*获取config/index.js中的默认
2018-01-04 11:19:29
497
原创 vue2工程
vue当然可以使用script标签引入，不需任何依赖即可按照vue的语法进行使用。但中大型商用项目中，还是建议使用工程化方式使用vue，vue提供了官方脚手架vue-cli，可以快速构建vue项目，脚手架会帮助开发者创建好建议的工程目录、引入相关依赖，利用nodejs环境为vue项目的开发提供最大化的便利。vue-cli倾向于快速构建SPA工程，实际上vue也不一定做成SPA，具体场景具体分析吧。
2018-01-04 10:45:04
389
php5函数中文手册（包括了PHP5及之前版本的所有内置函数）
2011-08-21
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人