weixin_43209953的博客

原创 Vue 从一个前端项目部署到后端，谈前端mock数据模拟的必要性

我们一般在做前端项目的时候，经常需要后端数据接口的支持，一般来讲，虽然后端数据接口以及服务端搭建在一个项目当中，是先于前端完成的，但是！前端往往在开发阶段，后端的数据接口可能由于这样那样的原因，出现问题，或者还没有做出来，或者由于跨域网络等原因，前端获取不到，那么前端就必须自己动手去模拟数据了；传统的模拟数据，一般都是自己在前端项目当中去手写json格式的数据文件，需要几个写几个，可以按照数据...

原创 Vue-Cli2.XX 静态资源文件夹的路径部署问题

直接进入正题,这里我们讨论的是vuecili3以前的版本：一般我们用vuecli3之前的版本创建项目的时候，根目录下会有一个static文件夹，这个文件夹是用来放置images和json等静态文件的，同样的在根目录下的src下还有一个assets文件夹放置静态文件的，区别是assets里面的静态资源会被webpack打包编译，而static下面的静态资源仅仅会被在打包编译的时候赋值到dist文...

转载 vue-cli webpack配置分析

vue-cli webpack配置分析webpack   vue.js   vue-cli   javascript 28.7k 次阅读  ·  读完需要 67 分钟87相信vue使用者对vue-cli都不会陌生，甚至可以说，很熟悉了，但对其webpack的配置可能知之甚少吧。过完年回来后，我接手了公司的新项目。新项目是一个spa。很自然，我就想到了vue-cli脚手...

转载 如何为 Vue 项目写单元测试

如何为 Vue 项目写单元测试原文链接： scotch.io众所周知，Vue.js 是一个非常牛逼的 JavaScript 框架，对于创建复杂功能的前端项目是非常有用的。不管是什么项目，检查应用是否正常工作，运行是否为预期，是尤为重要的。然而，为了保证业务正常运行，我们的项目，每做一次更新，都要对所有功能做一次回归测试，随着项目的增大，重复的测试工作越来越多，越来越乏味，手工测试将变成一个...

原创 为什么要用webpack

一：为什么用webpack？ 在日常的开发中经常在一个index.html页面中引入多个css，js文件，会导致页面加载慢，所以有必要将他们合并为一个文件，所以使用webpack（其实还有很多如sass lass等第三方中间语言需要编译后运行，所以页需要用到webpack编译打包）;二：我们经常用一个叫做main.js的文件作为js的入口文件，就是说所以的js文件都被引入到main.js文...

原创 cookie 和 session的应用场景

不管怎么样，还是要先扯一下，cookie为什么有这么个玩意儿。那就得说下http协议，因为http协议是一个无状态的协议，什么是无状态，就是在客户端向服务器请求页面的时候，无论是静态还是动态，是首页，还是说别的页面，就是说不管什么页面；比如：我请求了一个链接：www.baidu.com，我在浏览器窗口输入这个地址之后，按回车，那么就是我客户端通过浏览器向服务器发送了一个请求，那么一般情况下，打个比...

转载 express session的填坑

用Express web开发框架开发网站时，关于session的设置大致可以分为两种情况，一种是只要用户通过浏览器访问网站就会生成session，第二种是只有用户登录的情况下才能生成session。第一种的案例网站比较多，比方百度、淘宝、360等等，咱们来看一下百度首页：我首先清除了浏览器的所有cookie，然后访问百度首页，在未登录情况下，浏览器依然存储了cookie。用Expr...

原创 Express session的配置

要想在express框架中实现session，必须使用第三方中间件，安装：npm i express-session配置session：//导包var express = require('express');var router = require('./routes/router.js');var session = require('express-session');...

原创 Bootstrap 表单验证插件

$(function () { var form = $('form'); form.bootstrapValidator({ message: 'This value is not valid', feedbackIcons: { valid: 'glyph...

原创 absolute 和relative定位的那点破事儿

重点重点重点：1、无论是绝对定位还是相对定位，被定位的元素都会变成'block'块级元素，比如span元素本来是内联元素，设置宽度是无效的，但是一旦给他设定定位，那么他就会变为块级元素；2、一旦给元素做了定位，加入之前元素的是div，没有设置宽度，默认是占满一行的，但是定位后，它的宽度就是0；...

原创 promise 回调函数的应用

 我们经常在使用ajax，或者读写文件（fs.readFile、fs.writeFile）的时候都不是一瞬间执行的操作，所以不管是浏览器还是后台Node在解析运行代码的时候，都会依次性执行，而其间由于上述操作需要时间，但是他们又不像js文件的引用一样有阻断代码执行的状况，所以当它们在执行的时候，只要ajax及读取文件的代码后面还有别的代码要运行，很可能因为ajax和读写文件的代码执行需要一段时间，...

原创 mongodb 数据库的链接和增删改查

//导入mongoose包，他是一个三方插件，用来链接以及操作mongodb数据库的；var mongoose = require ('mongoose'); //链接数据库； mongoose.connect("mongodb://localhost/test",{ useNewUrlParser: true}); //设计表的数据结构，里面的参数都是表结构中...

原创 Node 抽取路由 express配置

app.js代码： //导包var express = require('express');var router = require('./router.js'); //创建服务器var app = express(); //路由 app.use(router); //监听 app.listen(3000,function () { ...

原创 Node 抽取路由，利用module.export导出一个函数

app.js代码： //导包var express = require('express');var router = require('./router'); //创建服务器var app = express(); //路由 router(app); //监听 app.listen(3000,function () { c...

原创 Node art-template 和 prase-pody配置

var express = require ('express');//如果有表单或ajax请求post，那么这里获取数据必须需要第三方插件，body-parser;var bodyParser = require('body-parser');var app =express(); //配置body-praser 解析application/www-x-form-urlencod...

原创 Node 302重定向 template渲染

var fs =require ('fs');var url=require ('url');var http = require ('http');var template = require ('art-template');//创建服务器var server = http.createServer();//给服务器注册事件，当客户发送请求时，做出响应server.on('re...

原创 Node 创建服务器

//引入http核心模块var http=require('http');//创建一个Web服务器实例Servervar server=http.createServer();//给它注册一个request请求事件,当客户的请求过来，就会触发服务器注册的request事件，而执行回调函数server.on('request',function(request,response){ ...

原创 webpack Vue 最基本配置

webpack.config.js配置：//导入 VueLoaderPlugin插件var VueLoaderPlugin = require('vue-loader/lib/plugin');module.exports = { mode: 'development', entry: './main.js', output: { path: '/...

翻译 Vue项目解决微信浏览器下拉“网页由xxx提供，QQ浏览器X5内核提供技术支持

外层html、body等设为不可滚动,ps:#app为vue项目基础DOM;.wx-pages为App.vue内部路由html,body,#app,.wx-pages{ padding: 0; margin: 0; height: 100%; overflow: hidden; -webkit-overflow-scrolling: touch;...

原创 webpack 非严格模式设置 npm i babel-plugin-transform-remove-strict-mode

安装插件：npm i babel-plugin-transform-remove-strict-mode在.babelrc文件的插件项添加："transform-remove-strict-mode"

原创 使用mintui 的js组件图标的使用

<template> <div> <h1 @click="show">我是App组件</h1> <router-link to="/acount">acount</router-link> <router-link to=&quot

原创 webpack router代码的抽取

main页面代码：import Vue from 'vue';import Vuerouter from 'vue-router';//手动安装vuerouter;Vue.use(Vuerouter);//导入app组件import app from './app.vue';import router from './route.js'var vm=new Vue({ ...

原创 webpack style样式当中的属性 lang scoped

<template> <div> <h1>我是注册组件</h1> </div></template><style scoped>div{ color:red;}</style><script>&l

原创 webpack router 模块组件的子组件路由

note:是谁的子组件就把渲染的<router-view>标签放在这个组件的下面进行渲染main文件的代码：import Vue from 'vue';import Vuerouter from 'vue-router';//手动安装vuerouter;Vue.use(Vuerouter);//导入app组件import app from './app.vue';...

原创 webpack router的渲染

注意：如果有render渲染了，那么router的组件必须放到render渲染的组件的根目录，原因：1、render渲染的组件都是通过覆盖index.html来实现的，如果路由的标签<router-view>放在主页的#app根目录，那么是会被render所覆盖；2、那么由于上面的原因，路由渲染组件的时候，就必须把路由标签<router-view>放在render所...

原创 webpack中vue模板组件的使用

<template> <div> <h1 @click="show">我是登陆组件{{ message}}</h1> </div></template><style></style><script&gt

原创 webpack main.js导入vue包，以及分离的模板.vue渲染问题

main.js导入vue包的时候由于node_modules文件夹下的vue下面的package.json文件里面配置的main默认没有指向‘vue.js’文件，所以我们需要重新配置次路径，两种方法：1、修改import Vue from 'vue' 为 import Vue from '../node_modules/vue/dist/vue.js';2、保持import Vue...

原创 Vue 路由地址监听

var vm=new Vue({ el:'#app', data:{ message:'儿子，我是你爹，我的钱拿去用吧' }, methods:{ func:function(data){ con...

原创 vue 路由经典布局

<style> body,div,h1{ padding:0; margin:0; } .header{ background: red; } .container{ display:flex; ...

原创 vue 子路由

原创 vue query传递参数

原创 vue 路由重定向

var vr=new VueRouter({ routes:[ {path:'/',redirect:'/login'}, {path:'/login',component: login}, {path:'/register',component:register} ...

原创 Vue 路由功能

<div id="app"> <router-link to="/login" tag="span">登陆</router-link> <router-link to="/register">注册</router-link> <

原创 vue 子组件使用父组件的函数

<body> <div id="app"> <com1 @func="loadComments"></com1> <ul class="list-group"> <li class="list-

原创 数组去重复

var arr=[1,11,1,2,2,3,3,6,6,56,4,4,6,6,6,3,7,7];function quchong(arr){ var newArr=[]; for(var i=0;i<arr.length;i++){ for(var j=i+1;j<arr.length;j++){ if...

原创 twbsPagination/ajax，以及后续绑定事件操作的代码位置关系，checkbox单全选联动

//初始页面 var current_page=1; function loadPageData(page){ // current_page=page; //淡出一下 $('tbody').fadeOut(); $.get('/admin/comments-data....

原创 获取元素绑定了哪些事件

$._data($("#btnTest")[0], "events")

原创 php 获取数据库中文 问号？问题

$connection=mysqli_connect(DB_HOST,DB_USER,DB_PASS,DB_DATA);if(!$connection){die(’<h1>Connect Error (’ . mysqli_connect_errno() . ') ’ . iconv(‘gbk’, ‘utf-8’, mysqli_connect_error()) . ‘</h...

原创 session_start()做了哪些初始化工作

session_start()做了哪些初始化工作（1）读取名为PHPSESSID（如果没有改变默认值）的cookie值，假使为abc123（2）若读取到PHPSESSID这个COOKIE，创建SESSION变量，并从相应的目录中（可以再php.ini中设置）读取SESSabc123（默认是这种命名方式）文件,将字符装在入_SESSION变量，并从相应的目录中（可以再php.ini中设置）读取S...

原创 mysqli_connect_error等函数报错乱码

php 链接数据库mysqli_connect_errorno等函数报错乱码 <?php $con = mysqli_connect("localhost", "root", "root","ehr"); if (!$con) { 　　　　//转码 echo 'Could not c