2019年04月_wangfy_

转载转载：Vue添加中间层--service层

转自：https://blog.csdn.net/weixin_43452622/article/details/86606196service层service层主要是新建一个js文件，用来写用到的方法。import axios from "axios";//使用假数据const isRealData = require("../../static/serverconfig")....

2019-04-28 12:03:10 1477

原创 vuex+axios——将get到的数据存到store中

Home.vue:router_submit () { this.$store.dispatch('getResult') this.$router.push({ path: '/Questions' })}store.js:import Vue from 'vue'import Vuex from 'vuex'import axios from 'axios...

2019-04-26 16:22:10 4081

转载项目里的package.json、package-lock.json、yarn.lock文件

package.json和package-lock.json的区别https://blog.csdn.net/c2311156c/article/details/80320046package.json:主要用来定义项目中需要依赖的包package-lock.json：在 `npm install`时候生成一份文件，用以记录当前状态下实际安装的各个npm package的具体来源和版本号...

2019-04-24 14:38:43 4584

原创 restful

接口名用名次，不用动词，用请求类型来区分“获取”或“删除”或“更新”这样的操作比如，有一个Cat接口，对于“猫”我们有增删改查四种操作，定义REST接口增加一个猫，uri: generalcode.cn/v1/Cat 接口类型：POST删除一个猫，uri: generalcode.cn/va/Cat 接口类型：DELETE修改一个猫，uri: generalcode.cn/va/C...

2019-04-22 13:43:05 86

原创父子组件demo

<html><head> <title>vue</title> <link rel="stylesheet" href="./index.css"></head><body> <div id="app">  ...

2019-04-16 14:00:37 189

转载子组件和父组件之间的传值

https://www.cnblogs.com/daiwenru/p/6694530.htmlhttps://blog.csdn.net/u011175079/article/details/79161029总结一下父组件向子组件传值：子组件在props中创建一个属性，用以接收父组件传过来的值父组件中注册子组件在子组件标签中添加子组件props中创建的属性把需要传给...

2019-04-16 10:53:07 277

转载 data: function () { return {}} ——你不应该在一个子组件内部改变 prop

所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定：父级 prop 的更新会向下流动到子组件中，但是反过来则不行。这样会防止从子组件意外改变父级组件的状态，从而导致你的应用的数据流向难以理解。额外的，每次父级组件发生更新时，子组件中所有的 prop 都将会刷新为最新的值。这意味着你不应该在一个子组件内部改变 prop。如果你这样做了，Vue 会在浏览器的控制台中发出警告。...

2019-04-16 10:13:53 2157

转载 div横向排列

转自：https://blog.csdn.net/zmhawk/article/details/73293366#t2仅做个人笔记所有途径最佳途径（其他略）【第一行】给父元素设置display: flex;【第二行】通过justify-content属性调整子元素的水平对齐方式：1. flex-start：默认2.flex-end：...

2019-04-15 20:52:59 3991

原创组件化答题页面

初衷：后台实际化——结合后台操作，面向实际需求组件实际化——使在网页的任意位置只要加入一个标签就可以引入到页面实现该块功能(跨页面引入时，现在看来比较绕的传值操作显得有用起来)，即页面组件化整个页面为父组件。----------------------------------------------答题卡子组件（封装题号功能）：【 index的传入(当前题...

2019-04-15 20:39:13 818

原创 vue基础

数据与方法除了数据属性，Vue 实例还暴露了一些有用的实例属性与方法。它们都有前缀$，以便与用户定义的属性区分开来。例如：var data = { a: 1 }var vm = new Vue({ el: '#example', data: data})vm.$data === data // => truevm.$el === document.getElem...

2019-04-15 08:41:16 194

原创简单介绍 Vue 核心最基本的功能

指令你看到的v-bind特性被称为指令。指令带有前缀v-，以表示它们是 Vue 提供的特殊特性。可能你已经猜到了，它们会在渲染的 DOM 上应用特殊的响应式行为。在这里，该指令的意思是：“将这个元素节点的title特性和 Vue 实例的message属性保持一致”。HTML:<div id="app-2"> <span v-bind:title="m...

2019-04-14 22:26:24 1139

原创 git协作流程

### process编码开始前在AAA备份原始代码，在sourceTreeWS2写代码直至提交，无问题的话最后更新AAA【keep lastest】Pull master to master. Pull master to wfy.【programing】Switch wfy. At wfy, programing and add code.【Note!】Only today ctea...

2019-04-11 15:09:46 153

转载 bootstrap响应式设计——媒体查询实例

转自：https://blog.csdn.net/u010372981/article/details/47406023仅做个人笔记css实例：body { background-color: white;}@media screen and (max-width: 960px){ body { background-color: red;}}@media scree...

2019-04-11 09:42:06 689

转载 bootstrap3——列重置之清除浮动

转自：https://blog.csdn.net/qq_36748278/article/details/60468580仅做个人笔记在小型屏幕上，我们希望看到这种情况：在超小型屏幕下我们希望看到这样的情况：可是由于所有的col-样式都是左浮动的，可能出现这种情况:在超小型屏幕（xs）的情况下，div3应该在下一行，但由于div1的内容比较长，所以div3直接浮动到了d...

2019-04-10 23:54:09 661

原创 button

html: <div class="Submit"> <button onclick="f_Input_onclick()">Save &nbsp Task</button> <div style="clear:both;"></div> <...

2019-04-09 09:26:16 128

转载清除浮动

转自：http://www.divcss5.com/rumen/r424.shtml仅做个人笔记DIVCSS5案例说明：这里设置一个css宽度（css width）为500px;盒子，css边框（css border）为红色，css背景（css background）为黑色、css padding为10px盒子，里面包裹着2个小盒子，一个css 浮动靠右（float:right）、一个cs...

2019-04-09 09:05:45 286

转载 js事件

转自：http://www.runoob.com/js/js-events.html目录常见的HTML事件全部事件鼠标事件键盘事件框架/对象（Frame/Object）事件表单事件剪贴板事件打印事件拖动事件多媒体（Media）事件动画事件过渡事件其他事件常见的HTML事件<button onclick="getEle...

2019-04-08 13:53:04 126

转载 JS中的DOM与BOM

转自：https://www.cnblogs.com/vmax-tam/p/4104304.html目录一）BOM（borwserObjectModel）1）window:当前的窗口2）地址栏对象3）屏幕对象二）Dom编程(DocumentObjectModel)A)几种得到标签节点的方法：B)创建、删除、插入节点C）利用节点实现标签间的互...

2019-04-08 12:59:41 570

转载 js引用类型

转自：https://www.cnblogs.com/ljuyi/p/6100071.htmljs中的数据类型有以下几种：Number Boolean undefined Object Function String Null基本类型：Number Boolean String undefined null引用类型：Object Functi...

2019-04-08 11:06:50 164

转载 js数据类型

转自：https://www.cnblogs.com/xuniannian/p/7452086.html目录typeof 操作符基本数据类型1.Number类型2.String类型3.Boolean类型4.Undefined类型5.Null类型6.Object类型三大引用类型1.Object类型2.Array类型3 Function类型...

2019-04-08 10:45:55 100

转载 Python小爬虫——贴吧图片的爬取

转自：https://www.cnblogs.com/Axi8/p/5757270.html一、页面获取要让python可以进行对网页的访问，那肯定要用到urllib之类的包。So先来个importurlliburllib中有urllib.urlopen(str)方法用于打开网页并返回一个对象，调用这个对象的read()方法后能直接获得网页的源代码，内容与浏览器右键查看...

2019-04-07 19:56:45 310

转载 py爬虫概览

转自：https://www.cnblogs.com/sss4/p/7809821.html流程1、发起请求使用http库向目标站点发起请求，即发送一个RequestRequest包含：请求头、请求体等Request模块缺陷：不能执行JS 和CSS 代码2、获取响应内容如果服务器能正常响应，则会得到一个ResponseResponse包含：html，json...

2019-04-06 19:02:07 142

原创一些前端的开发环境配置

开发工具nvm ：node 版本管理器简介：node 版本管理器安装地址：https://github.com/creationix/nvm#installation-and-update里找到nvm-windows：https://github.com/coreybutler/nvm-windows里找到：Download Now，点击下载 nvm-setup.zip...

2019-04-03 19:50:34 2586

原创 VScode配置ESlint，以及EditorConfig、TSLint

eslint的使用1. 全局安装 npm install eslint -g2. 在vscode中下载插件3. 配置vscode的配置文件，添加代码配置：使用项目中的eslint.js文件中定义的格式 "eslint.autoFixOnSave": true, // 启用保存时自动修复,默认只支持.js文件 "eslint.validate": [...

2019-04-03 17:04:32 8842 1

转载 npm全局安装和局部文件安装区别

转自：https://www.jianshu.com/p/e839326ce30d上图是从网上找的webpack 安装的步骤，我们看到除了要全局安装之外，还需要本地安装，那么这两者有什么区别呢？本文以Windows平台上做测试，以webpack为示例做教程。全局安装安装位置全局安装方式是键入命令：npm install webpack -g 或 npm inst...

2019-04-03 15:41:24 12370 1

转载转：IDEA开发工具使用 git 创建项目、拉取分支、合并分支

本文转自：https://blog.csdn.net/qq_39470733/article/details/80366435，仅做个人备份查阅。工作中多人使用版本控制软件协作开发，常见的应用场景归纳如下：（可以点击右侧目录）假设小组中有两个人，组长小张，组员小袁场景一：小张创建项目并提交到远程Git仓库场景二：小袁从远程Git仓库上获取项目源码场景三：小袁修改了部分源码，提交...

2019-04-02 11:05:39 215

转载 react 进入页面以后自动 focus 到某个输入框

调用input.focus()的 DOM APIReact.js 当中提供了ref属性来帮助我们获取已经挂载的元素的 DOM 节点class AutoFocusInput extends Component { componentDidMount () { this.input.focus() } render () { return ( ...

2019-04-01 10:27:00 3410

仅做个人笔记