自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(45)
  • 收藏
  • 关注

原创 try-catch

var msg = ""try{ abc() //abc未定义,会抛出异常}catch(err){ console.log(err) console.log(err.message);}console.log('程序继续执行') //程序不会因为abc未定义报错而不执行该语句/****如果去掉try-catch,程序会终止****/var msg = ""abc() //abc未定义,会抛出异常console.log('程序继续执行') //不会执行此语句/***自.

2020-09-15 12:10:26 124

原创 Vuex核心概念示例

Mutation触发mutations的第一种方式: this.$store.commit('add') commit的作用,就是调用某个mutations函数。 //定义Mutationsexport default new Vuex.Store({ state: { count: 0 }, mutations: { add(state){...

2020-04-16 21:16:47 164

原创 Vue参数传递

1、$refs、$parent,示例:/******************父主动获取子$refs********************/<child-list ref="childMethod"></child-list> //父组件中调用子组件export default { data() {}, methods: { pre...

2020-04-16 19:43:16 352

原创 Multer插件,获取表单上传的文件

multer插件是用于处理多部分/表单数据的node.js中间件,主要用于上传文件。 它被编写在busboy之上,以实现最高效率。//server.jsvar express = require('express')var fs = require('fs')var multer = require('multer')// 指定上传文件目录,左边可以看到uploads文件夹,存放客...

2020-04-16 14:28:13 441

原创 body-parser插件

使用body-parser插件,获取post提交的表单数据var express = require('express')var bodyParser = require('body-parser')//引入body-parser插件var app = express()// 添加body-parser中间件//在处理程序之前,在中间件中解析传入的请求主体,该处理程序在re...

2020-04-16 14:26:06 301

原创 Express-路由

路由 根据请求方法(get、post)和路径(请求地址),执行匹配成功后,执行对应的回调函数。(即,对客户端相应地址的请求,做相应处理,并返回。) 如果有多个路由:请求方法——路径——回调函数,会将其全部放入如图所示的容器中,顺序匹配执行。 var express = require('express'); //引入express模块var app = express();...

2020-04-16 14:23:31 167

原创 Vue-router基础

1.使用vue-router(Vue cli 创建项目)//1.router/index.js中:引入插件,并注册到全局中,然后引入需要的组件。import Router from 'vue-router',Vue.use(Router)//2.router/index.js中:配置路由,并实例化导出:export default new Router({ routes ...

2020-04-14 17:24:16 163

原创 Vue-父子组件传参

<name-item></name-item> //1.单独声明注册组件<div id="myApp"> <my-weather></my-weather> //2.Vue实例中的局部组件 <table> <tr> <td>編號&lt...

2020-04-14 14:58:38 150

原创 Vue-表单:v-model,双向数据绑定

<div id="myApp"> <input type="text" v-model="name" placeholder="來呀,編輯呀">//表单控件 <p>Message is: {{ message }}</p> <input type="checkbox" id="hero" value="英雄联...

2020-04-14 14:56:30 150

原创 Vue基础功能

<div id="myApp"> <input v-model="name">//为页面输入框进行双向数据绑定。 <button v-on:click="btnClick('JiaZ')">JiaZ</button>//事件绑定 <p>{{name}}</p> <p>{{name ...

2020-04-14 14:54:47 227

转载 浏览器加载、解析、渲染的过程

转自:https://www.cnblogs.com/zhaowy/p/8435751.html

2020-02-22 14:33:55 173

原创 全屏滚动的两种实现方式

元素布局:类似于轮播(或下面的无缝滚动),多个元素一直排列下去,假设有5个需要全屏的页面,则高度是500%,但只是展示100%(overflow:hidden;)。 全屏方法一:父容器div设置 absolute 定位; 全屏方法二:html、body设置 width:100%; height:100%; 滚动方式: 方法一:添加过渡效果,transition:transform...

2020-02-18 20:59:17 959

转载 脚本语言和编程语言的比较

转自:https://blog.csdn.net/swf_shixinshou/article/details/80227246

2019-10-18 22:06:23 165

原创 数据结构与算法学习三----字典、Hash表

5.字典(1)字典的数据结构:其实就是类似对象 {key:value} 对。与对象一样,key不能重复。1.字典数据结构:2.主要操作如下:3.用js实现字典及其方法://用js实现字典及其方法var Dictionary = function(){ //定义字典数据结构类型 var items = {}; //检查key是否存在 ...

2019-09-28 21:45:05 272

原创 数据结构与算法学习二

4.集合(1)用js中object对象模拟集合set的数据结构set集合中的数据结构:s={1, 2, 3} ===> s = {1:1,2:2,3:3},即集合中的键--值相同。故,可令Object对象中的键---值相同,来模拟set集合及其中的方法,代码如下://用js中Object模拟实现集合Set数据结构//ES6中有Set类,避免混淆这里用Set2var Se...

2019-09-27 21:58:39 270

原创 数据结构与算法学习一

目录1.栈2.队列3.链表1.栈1.栈中的方法push()、pop()、peek()(查看栈顶元素)、isEmpty()、clear()、size()。2.用js数组实现栈//类封装栈---用js数组实现栈var Stack = function(){ var items = [] //定义私有数组,用以存储数据 //入栈 thi...

2019-09-26 20:00:17 203

原创 Java启动本机应用程序EXE的几种方式

https://blog.csdn.net/ZHANGHUI3239619/article/details/788081291.方法一//执行exe,one way logger.info("run program:" + "0724maoyan.exe"); try { Desktop.getDesktop().open(new File("...

2019-09-22 19:58:28 602

转载 将Python文件打包成.EXE可执行文件的方法

利用Python写了一个小脚本想要传给使用Windows但没有装Python的朋友执行,这时候就可以利用将档案包装成exe档案,让没有Python的朋友也可以执行。本篇将介绍利用套件「PyInstaller」制作exe档。1.安装方法在命令窗口执行如下操作:#安装pyinstallerpip install pyinstaller#安装依赖pip install pywi...

2019-09-03 19:41:57 190

原创 Python实现网页简单爬虫

Python实现网页简单爬虫,并将内容写入txt文件import requestsfrom fake_useragent import UserAgent #第三方插件from lxml import etree #第三方插件import json#获取这个网页的源代码,并返回def get_html(url): headers={ "User-Agen...

2019-09-03 17:23:42 196

原创 React+Redux项目实战——简书2

1.什么是路由,如何在React中使用路由功能根据URL的不同显示不同内容。2.在home首页中各部分组件初次加载时所用到的数据,统一在home首页index.js中用ajax获取。3.home下的index.js里面的Home组件是一个UI组件(只有render),应该将其他逻辑操作放到他处(比如,ajax请求)。4.home下的每个子组件几乎都用connect与store进行了...

2019-08-27 20:42:25 313

原创 React+Redux项目实战——简书

1.styled-components(进行react项目的CSS布局)CSS文件一旦在一个文件中引入,则在全局都生效,易出错,故使用styled-components第三方插件实现CSS样式的引入。styled-components功能:实现带样式的组件,这些组件的样式是组件独享的,样式组件之间的样式不会产生影响。2.Reset CSS固定写法,见:https://meyerwe...

2019-08-22 10:55:30 291

原创 React+Redux学习

目录1.使用react-redux第三方插件开发项目2.react-redux实现TodoList功能完整实例1.使用react-redux第三方插件开发项目重要学习途径:官方文档、GitHub中直接搜索。react-redux官方文档:https://react-redux.js.org/redux:数据框架;react-redux:方便的在react中使用redux。...

2019-08-18 15:17:57 118

原创 Redux学习2

目录1.UI组件(渲染)和容器组件(逻辑)的拆分2.无状态组件3.Redux中发送异步请求获取数据4.使用Redux-thunk中间件进行ajax请求发送5.什么时Redux中间件6.Redux-saga中间件的使用1.UI组件(渲染)和容器组件(逻辑)的拆分将 TodoList.js 拆分成 容器组件TodoList.js 和 UI组件TodoListUI.js ...

2019-08-17 09:53:33 153

原创 Redux学习1

目录1.概述2.Redux工作流程3.使用antd编写TodoList页面布局4.Redux实现TodoList5.ActionTypes的拆分6.使用actionCreator统一创建action7.Redux设计和使用的三项原则:1.概述Redux:数据层框架。Redux = Reducer + Flux核心:将所有数据放到公共store中,蓝的组件...

2019-08-15 22:09:17 137

原创 React学习2

1.propTypes2.defaultProps3.state、prop、render当组件的state或者props发生改变的时候,render函数就会重新执行。当父组件的render函数被运行时,它的子组件的render都将被重新运行一次。4.虚拟DOMReact代码中render下的JSX内容:JSX —> React.createElement —> ...

2019-08-14 22:13:29 141

原创 React学习1

React重要学习方式:官方文档React:(1)声明式开发;(原生js、jQuery命令式开发)(2)可以与其它框架并存;(比如Vue、jQuery等,每个只负责自己的组件部分)(3)组件化;(组件首字母大写)(4)单向数据流;(父可以传给子,子不能修改父的state)(5)视图层框架----解决数据和页面渲染问题;(大型项目需配合数据层框架flux、redux等----...

2019-08-12 20:06:03 173

原创 JavaScript知识点总结6

一.面向对象:在程序中都是用一个对象来描述现实中一个具体的东西。1.现实中的一个东西都包含属性和功能:(1)属性:描述一个东西特点的变量,一个值;(2)功能:东西可以执行的操作。2.对象:封装多个数据和方法的存储空间。3.自定义对象:封装现实中一个东西的属性和功能的存储空间。 现实中东西的属性,会成为对象中的属性变量; 现实中东西的功能,会成为...

2019-08-10 11:47:31 271

原创 JavaScript知识点总结5

Function对象js 中一切都是对象,函数也是对象,函数名其实就是引用函数定义对象的变量。1. arguments对象重载:程序中可定义多个相同函数名,不同参数列表的函数;调用者不必区分每个函数的参数;执行时,程序根据传入的参数个数,自动判断选择哪个函数执行。js 语法不支持重载!—> 可用arguments对象模拟重载效果。arguments对象:函数对象内,自动创...

2019-07-25 16:08:52 122

原创 JavaScript知识点总结4

对象:封装一组类型的数据,提供一组方法(操作API)。1.Math对象(与上面定义的对象不太一样)专门执行数学计算的对象,封装了数学计算中常用的常量。(1)取整1.上取整:Math.ceil(n);2.下取整:Math.floor(n);3.四舍五入:Math.round(n);round vs toFixed(都是取整) round:Math对象; 只...

2019-07-24 16:11:02 134

原创 JavaScript知识点总结3

1.栈和队列js 中没有真正的栈和队列的类型,一切都是用数组对象模拟的(1)栈:一端进出的数组;FILO(first in last out)1.末尾出入栈:已入栈元素的下标不再改变 入栈:arr.push(); 出栈:var last = arr.pop();2.开头出入栈:每次入栈新元素时,已入栈元素的位置都会向后顺移 入栈:arr.unshift...

2019-07-23 17:37:44 134

原创 JavaScript知识点总结2

1.函数(是引用类型的对象,函数名是指向函数对象的变量)函数可以作为参数传递给另一个函数:js中函数本质是一个对像,函数名本质是指向函数对象的变量。return单独使用,标识退出函数执行的意思。参数变量是局部变量。js中没有块级作用域,分支/循环结构中声明的变量,出了结构照样使用。(1)声明提前:在程序执行前或函数被调用前,将 var 声明的变量 和 function 声明的函...

2019-07-22 22:22:22 121

原创 JavaScript知识点总结1

1.js=ECMA+DOM+BOMECMA:js语言核心语法;DOM(Document Object Model)标准:专门操作网页内容的标准;BOM(Browser Object Model):操作浏览器窗口的编程接口。js是脚本程序,脚本程序:不需要预编译,边解释边执行的程序。2.程序运行js代码时,一次引擎加载处理过程中,只要发生错误,错误即之后代码都不执行。3.仅声...

2019-07-22 19:36:18 149

转载 CSS---水平居中+垂直居中+水平/垂直居中

转自:https://blog.csdn.net/weixin_37580235/article/details/82317240

2019-07-20 08:58:59 197

原创 前端开发-CSS-浮动float

一.浮动float详细内容见:https://www.cnblogs.com/smyhvae/p/7297736.html作用:1.让多个块级元素一行无缝显示;(inline-block也可以实现行内块级元素) 2.文字环绕效果。特性:1.脱离标准流浮动后,不区分行内、块级,所有元素都能并排,都能设置宽高。2.浮动元素互相贴靠左浮动:沿父容器右侧...

2019-07-19 10:19:44 201

转载 【css、html】 background-color设置为透明的方法

转自:https://blog.csdn.net/happydecai/article/details/81216419html background-color设置为透明的方法如下:1,比较好的方法:background-color:transparent;2,不太好的方法(模仿透明,不仔细看,看不出来)前三个参...

2019-04-26 11:13:06 5467

原创 使用Ajax方式提交异步请求,并得到后端响应(JSON格式)

前端JS代码var btn = document.getElementById("btn"); btn.onclick = function () { // 原声Ajax实现 var xhr = getxhr(); xhr.open("post", "ShoppingMall.php"); xhr.setRequestH...

2019-04-02 22:22:21 799

原创 前端HTML+CSS注意事项

1.CSS中使多个div并排显示的方法:flaot:left; display:inline;两个div设置了float:left不并排的原因:总宽度要小于或等于对象上级宽度 上级对象与本级div没有设置宽度另:div作为父元素没有指定高度或宽度时,由其子元素的高度或宽度撑起父元素的大小。2.CSS中加载背景图片时必须设置被加入位置元素的宽和高HTML:<span c...

2019-04-02 22:17:34 1168

原创 JavaScript—HTML—DOM操作注意事项

jQuery对象是数组对象1.如何使用使用 HTML DOM 来分配事件错误的写法:<script> document.getElementById("myBtn").onclick=function displayDate(){ //这里写法错了,不能有displayDate。 document.getElementById("demo").in...

2019-04-02 22:17:09 285

转载 Math.round(),Math.ceil(),Math.floor()的区别

转自:https://www.cnblogs.com/johnsonwei/p/6101171.html

2019-03-21 08:45:44 117

转载 Web页面向后台提交数据的方式和选择

转自:https://www.cnblogs.com/pyyblogs/p/5899094.html1、通过表单提交这是HTML支持最传统的提交方法,需要创建表单,然后表单包含各种类型的表单元素,还要有一个提交按钮,通过提交按钮来提交到后台,这种方式提交后页面会刷新。表单提交的方式(1)在表单中定义submit按钮(2)表单绑定onsubmit事件(3)<form&g...

2019-03-18 21:19:28 639

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除