2019年03月_宝儿的程序生涯

原创礼物帮手App项目（1）-环境搭建

下载最新npm 官网链接http://nodejs.cn/download/在cmd敲 where node，如下：然后，去node中文网下载最新版本，安装目录选择上面node原来所在的目录，（将旧的覆盖），安装成功就等于更新了node报错了： Install fail! Error: EISDIR: illegal operation on a directory, symlink...

2019-03-31 14:22:11 531

原创 Avoid mutating a prop directly since the value will be overwritten whenever the parent component re

Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "s...

2019-03-29 15:22:07 5728

原创初入职场的实习总结与心得-web前端

文章比较长，是我刚入职的各种心理历程，全是我敲出来的2018年11月26日，我来到了苏州科可瑞尔航空技术有限公司来实习，就职岗位是web前端，初入职场的我情绪百感交杂，又有兴奋又有惶恐又有暖心右有烦恼和困惑。收到offer我便只身一人背着行李来到这个陌生的新城市-苏州，我早就听说苏州是个好地方，上有天堂下有苏杭嘛，所以不管怎么样我都要好好旅游一番，赶紧在离校之前把我的学生证好好用一用，想想...

2019-03-29 14:09:59 16686 10

原创 vue错误总结

1 vue-cli3 一直运行 /sockjs-node/info?t= 解决方案首先 sockjs-node 是一个JavaScript库，提供跨浏览器JavaScript的API，创建了一个低延迟、全双工的浏览器和web服务器之间通信通道。如果你的项目没有用到 sockjs，vuecli3 运行 npm run serve 之后 network 里面一直调一个接口：http://local...

2019-03-27 18:07:38 787

原创数据内容带有html标签的如何解析html渲染页面（vue）

<li> {{item.content}} </li>效果<li v-html="item.content"> {{item.content}} </li> 或者 <li v-html="item.content"><li>效果用v-html解析html标签不能使用{{it...

2019-03-27 18:07:07 9025

原创 vue+cube 评价/意见反馈页面

<template> <div> <Nav></Nav> <!-- model 就是整个表单需要的数据源，schema 就是生成表单所定义的模式，immediate-validate 如果为 true 则初始时立即做校验，options 则是配置选项。submit 校验成功后提交事件，validate 每次有数据校验更新的...

2019-03-27 16:02:20 3532 9

原创 cube的cube-scroll-nav 效果图

<template> <div> <Nav></Nav> <div class="view-wrapper"> <cube-scroll-nav @change="changeHandler"> <cube-scroll-na...

2019-03-27 14:44:19 2167 3

转载 Vue实例里this的使用

Vue实例里this的使用这是vue文档里的原话：All lifecycle hooks are called with their ‘this’ context pointing to the Vue instance invoking it.意思是：在Vue所有的生命周期钩子方法（如created，mounted， updated以及destroyed）里使用this，this指向调用它...

2019-03-26 18:36:43 2760

原创 this的指向 (javascript)

this的指向(1)无论是否在严格模式下，在全局执行环境中（在任何函数体外部）this 都指向全局对象(2)在严格模式下，如果 this 没有被执行上下文（execution context）定义，那它将保持为 undefined。(3)在箭头函数中，this与封闭词法上下文的this保持一致。在全局代码中，它将被设置为全局对象：理解JavaScript普通函数以及箭头函数里使用的thi...

2019-03-26 18:26:51 220

原创 vue的toast、dialog（cube-ui）弹窗组件总结

参考：手摸手教你写一个vue的toast弹窗组件 https://blog.csdn.net/william_jzy/article/details/85111961index.jsimport vue from 'vue'// 静态组件import toastComponent from './toast.vue'// 返回一个扩展实力构造器const ToastConstr...

2019-03-26 16:07:24 4459 1

原创 vue+mongodb+nodejs的express框架实现登录注册后台完整案例及源码（2）

express框架自动生成modules/db.jsvar express = require('express');var router = express.Router();var db = require('../modules/db');//定义返回变量格式var resData;router.use(function (req, res, next) { resD...

2019-03-25 22:24:41 3841 9

原创 vue+mongodb+nodejs的express框架实现登录注册前台完整案例及源码(1)

一些错误提示前台：从底往上express框架自动生成创建vue.config.jsmodule.exports = { devServer: { open: true, // 配置自动启动浏览器 // host: 'localhost', port: '8080', // 设置代理 devServer.proxy 可以是一个指向开发环境 API...

2019-03-25 22:21:28 5190 4

原创后台（node）接收不到前台（axios）传过来的参数

后台接收不到前台传过来的参数，我百度了一下额这个我不会处理啊方式2参考 https://blog.csdn.net/hefeng6500/article/details/80322149终于拿到数据了，真是不容易啊...

2019-03-25 20:51:50 1326 2

原创 vue获取当前窗口的高度赋值给class或者id

<template> <main class="scroll-content" id="act-scroll"> <div id="aa" class="swipe-wrapper"> <cube-scroll ref="contentScroll"> <cube-swipe @item-click=...

2019-03-25 10:10:22 3800

原创学习使用vue实现规格选择实例（二）

源码https://blog.csdn.net/qq_39019768/article/details/85629189先上效果图这里点击绿色，单价和库存变了那么，它的内部逻辑究竟是怎么实现的呢？项目里面涉及两个json数据indexGoodsShow.json 这个是刚点进页面获取的数据getGoodsSku.json 这个是点击加号以后渲染到页面的数据点击加号以后显示...

2019-03-23 14:29:37 1110

原创 css如何实现时间线

这里参考 https://www.layui.com/demo/timeline.html重点在于：最后一条竖线怎么删除？竖线用伪类来实现本来我想着伪类选最后一个元素然后让他不要竖线，发现不起作用，于是我就换了思路，直接让他宽度是0 就解决了.layui-timeline-item:last-child::before { content: ''; position:...

2019-03-20 16:09:34 8221 2

转载礼物帮手APP项目（2）登录注册

https://blog.csdn.net/calmreason/article/details/82685249这里从创建好的helloworld项目开始先下载路由和axiospacksge.json"dependencies": { "vue": "^2.6.6", "vue-router": "^3.0.2", "axios": "^0.18

2019-03-19 22:29:52 870

翻译 cube-ui顶部标签tab切换，内容在一个页面往上

先上效果图源码：<template><div> <div class="view-wrapper"> <cube-scroll-nav @change="changeHandler"> <cube-scroll-nav-panel v-for="item in data...

2019-03-19 19:23:09 3485 1

原创 npm遇到的各种坑（errno）及解决办法

其实我觉得下载途中报任何错都可以，去把全局安装的模块包卸了重装一下，如果还有问题就再去看怎么解决npm config set registr...

2019-03-18 14:11:01 38063

原创 mongodb安装教程（图解+链接）

下载： https://www.mongodb.com/download-center/community?jmp=nav

2019-03-15 18:54:23 35570 15

原创 cookie,session,localstorage,sessionStorage区别

在登录页面填写了手机号和座位号，这里我要把把座位号和电话号码传到后台思路：百度一下先方法有很多我决定用localStoragecookie,session,localstorage,sessionStorage区别和介绍 // 把表单数据传给main页面localStorage.setItem('userInfo', JSON.stringify(this.loginForm)) ...

2019-03-15 15:40:36 716

原创点种类，上面的图片和价钱获取对应的值

看效果图，点种类，上面的图片和价钱都可以变，提交订单打印，价钱，种类，数量，座位号打印一下这个效果是如何实现的？刚开始点进来的页面上面显示图片，价钱是在data数据里面定义的，然后绑定到页面上我正在思考如何让这两个数据变成从后台获取的第一个数据种类下面的面条和米饭是v-for循环请求的json数据显示到页面这里的v-for一定要搞清楚v-for=&quot;(item,index) in ...

2019-03-14 15:31:37 728

转载增删改查案例

文章： https://www.w3cplus.com/vue/build-a-simple-todo-app-with-vue-js.html源码： https://github.com/p-adams/simple-todo-tutorial涉及到vuex有关的state解析

2019-03-14 09:31:37 498

原创 input框接收一个传过来的值，编辑以后获取

https://www.sunzhongwei.com/how-to-get-input-value-in-vuejs使用ref&lt;input id="number" type="number" v-model="seat" ref="input"&gt;this.result = this.$refs.input.val

2019-03-13 11:39:12 2516

原创 vue-cli3通过axios获取本地json数据，vue.config.js配置mock数据

这里我首先要解决的问题是：vue-cli3 获取本地json数据我想在本地创建一个json数据，然后去发起请求这里vue-cli2和3对比：https://blog.csdn.net/lfcss/article/details/81055847vue.config.js// 模拟数据const express = require('express')const app = expre...

2019-03-12 16:46:31 8766

原创慕课网视频学习详解tab组件cube-ui框架有源码

详细过程参考:https://www.cnblogs.com/zhaobao1830/p/9978505.html项目用了cube-ui库，如果要修改里面默认的颜色，可以这样做我们安装cube-ui的时候，会出现一个文件：theme.styl，可以在这里面修改项目中的做法是，我们新建common/stylus/variable.styl文件，在里面先定义好颜色然后呢，在theme....

2019-03-12 14:14:35 617

转载学习使用vue实现规格选择实例（一）

本文对两个类似的项目进行分析池剑锋源地址：http://chijianfeng.com/web/Vue/163.html图写规格的逻辑，定义一个数组把选中的值存储起来。定义一个对象存储要匹配的数据。把选中的值与存储的数据进行遍历查找与之匹配的值的库存，若库存为0按钮为灰色不能选择。selectArr: [], //存放被选中的值shopItemInfo: {}, //存放要和选...

2019-03-12 10:31:32 2565 1

原创页面路由传值query：vue实现参数跳转到下一个页面，input绑定登录页面传过来的数据

https://blog.csdn.net/anshengsuiyeu/article/details/81872572当前页面&lt;input type="text" class="phone" placeholder="座位号" v-model="loginForm.seat"&gt; methods:{ this.$

2019-03-07 20:33:54 3410

转载 vue购物车示例

原地址：https://blog.csdn.net/qq_39019768/article/details/85629189图：原地址：https://github.com/Gcalolin/vue-cart图：https://blog.csdn.net/qq_34067556/article/details/81947871

2019-03-07 20:28:17 474

转载 iconfont字体图标在vue脚手架的使用

在vue项目中引入iconfont字体图标https://hehuiyun.github.io/2018/01/22/在vue项目中引入iconfont字体图标/下载到本地，引入文件推荐这种方法，第一种方法没有网络的话，图标就显示不了。在iconfont官网中下载文件https://www.iconfont.cn/manage/index?manage_type=myprojects&amp;a...

2019-03-07 20:13:19 2372

原创 vue实现手机验证码登录（基于娱乐系统项目）

登录逻辑：1 验证手机号码输入框，分别判断以下情况并作出弹窗警告(1：是否为空(2：是否为11位数字(3：是否是13，15, 17, 18开头的正确手机号码2 输入框下面添加一个获取验证码的按钮，默认为关闭不可点击，点击后，开启一个定时器setInterval，然后发送一个ajax请求给后台，把手机号传给后台，让后台去发送短信在验证上面3种情况之后，得到为正确手机号码后再将验证码按...

2019-03-06 18:20:21 10702

原创评论页面cub-ui（源码和图）

官方: https://didi.github.io/cube-ui/#/zh-CN/docs/form源码：<template> <div> <!-- model 就是整个表单需要的数据源，schema 就是生成表单所定义的模式，immediate-validate 如果为 true 则初始时立即做校验，options 则是配置选项。submit ...

2019-03-05 14:24:50 993

原创 mui实现评价星星点亮

源码&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &

2019-03-05 10:09:21 1582

Yanfengting的博客