小嘟啦咪-优快云博客

原创 JSON.parse 和JSON.stringify

1、JSON.parse将字符串转成数组var text1 = '{ "name":"abc", "initDate":"2018-12-14", "site":"www.baidu.com"}';var obj1 = JSON.parse(text1);console.log('JSON.parse:',obj1);2、JSON.stringify将数组转成字符串var te...

2019-06-26 16:23:15 338

原创 js数组的多条件筛选

问题：有以下数组var reportList = [ { reportName: '报告一', reportType: 1, reportTime: '20190524', isRelease: true }, { reportName: '报告二', reportType: 2, reportTime: '20190321', isRelease: true }, { reportN...

2019-06-26 16:18:36 2896 1

原创 react添加页面

1、新建要添加的文件夹和页面2、在路由处引入import QrUntreatinfo from '../../pages/test/Test';<Route path="/test" component={Test} title='练习' />

2019-06-26 16:15:00 1276

原创 dva-roadhog模拟数据、渲染数据

1、在根目录下的.roadhogrc.mock.js文件中写好数据module.exports = { "POST /api/demo": (req, res) => { setTimeout(() => { res.json({ code: 0, data: [{ id: 1, na...

2019-06-05 09:32:12 820

原创 dva里引入less样式

在.webpackrc或者.webpackrc.js文件里添加disableCSSModules: true,

2019-05-30 14:27:02 2800

原创在 roadhog 或 Umi 里配置antd主题

在项目根目录的.webpackrc（roadhog）或config/config.js（Umi）文件中theme字段进行主题配置。theme可以配置为一个对象或文件路径。"theme": { "primary-color": "#1DA57A",},"theme": "./theme.js",...

2019-05-30 14:23:46 3460

转载 ES6中export及export default的区别

在JavaScript ES6中，export与export default均可用于导出常量、函数、文件、模块等，你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式，将其导入，以便能够对其进行使用，但在一个文件或模块中，export、import可以有多个，export default仅有一个。1.export与export default均可用于导出常...

2019-05-20 10:26:40 288

原创用css做箭头图标

css部分arrow{ width:20px; height:20px; border-right:5px solid #c7c7cc; border-bottom:5px solid #c7c7cc; transform:translateX(-8px) rotate(-45deg);} html部分<div class="...

2019-05-17 17:21:25 596

原创微信小程序——wepy框架下的数据绑定

代码部分：<view class="m-list"> <view class="list-item" wx:if="{{show}}"> <image class="item-video" @tap="videoDet" src="{{item.image}}"> <image class="v-btn...

2019-05-16 17:19:37 439

原创微信小程序wepy框架下的页面跳转

在view中添加事件<view class="item-video" @tap="goNext"> <button>点击跳转</button></view>设置methods = { goNext: function () { wx.navigateTo({ url: ...

2019-05-15 17:14:59 2097

原创微信小程序wepy框架下的页面显示/隐藏

<view class="m-modal" hidden='{{flag}}'> <view class="m-free"> <image class="free-close" src="../../assets/images/close-2.png" @tap="closeFlag"></image> ...

2019-05-15 17:09:26 1205

原创让一个div垂直水平居中

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div{ width: 4

2018-10-13 17:18:26 167

原创让一张图片垂直水平居中

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .pic{ margin:

2018-10-13 17:15:40 819

原创 js字符串截取函数

1、slice()定义和用法：slice() 方法可从已有的数组中返回选定的元素。slice()方法可提取字符串的某个部分，并以新的字符串返回被提取的部分。注意： slice() 方法不会改变原始数组。语法：array.slice(start, end);参数描述 start 可选。规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。也...

2018-10-12 22:49:44 6252

原创 jQuery选择器——（记一次惨痛的经历）

1.基本选择器$("#id") //ID选择器$("div") //元素选择器$(".classname") //类选择器$(".classname,.classname1,#id1") //组合选择器2.层次选择器$("#id>.classname ") //子元素选择器$("#id .clas

2018-10-12 22:02:01 254

原创 jsonp跨域

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> 最大的缺点：只能访问ge

2018-10-12 17:33:20 125

原创 jQuery——点击切换

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>点击切换</title> <script src="jquery-1.9.1.js">&a

2018-10-11 11:14:44 454

原创 bootstrap—响应式布局

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta

2018-10-11 11:10:40 147

原创 Node.js——fs文件模块

//文件模块核心模块，所以直接用require导入就行var fs=require("fs");//文件操作：读//文件路径打开的方式（读 r / 写 w） [权限]-可有可无回调函数——异步请求//fs.open(path, flags[, mode], callback)// path - 文件的路径。// flags - 文件打开的行为。具体值详见下文。//...

2018-10-10 12:20:19 250

原创 Node.js——搭建http服务器

//导入包var http=require("http");http.createServer(function (request,response) { //请求响应 response.writeHead(200,{"Content-Type":"text/plain"}); response.write("hello world"); response.e...

2018-10-10 12:19:05 556

原创 Ajax提交form表单

<body> <form action="" method="post"> 用户名：<input type="text" id="uname" name="unme" /> 密码：<input type="password" id="pwd&

2018-10-10 12:16:32 151

原创创建Ajax

2018-10-10 12:15:06 134

原创关于我个人博客的记录——Node.js所有主模块的处理

var express=require("express");var mysql=require("mysql");//配置数据库连接池var pool=mysql.createPool({ host:'127.0.0.1', //IP地址 port:3306, //端口号 database:'blog', ...

2018-10-09 01:04:28 402

原创关于我个人博客的记录——Node.js前台逻辑模块的处理

var express=require("express");var mysql=require("mysql");//配置数据库连接池var pool=mysql.createPool({ host:'127.0.0.1', //IP地址 port:3306, //端口号 database:'blog', ...

2018-10-09 01:02:48 442

原创关于我个人博客的记录——Node.js后台模块处理

var express=require("express");var mysql=require("mysql");//配置数据库连接池var pool=mysql.createPool({ host:'127.0.0.1', //IP地址 port:3306, //端口号 database:'blog', ...

2018-10-09 01:00:55 467

原创模板引擎

<div class="menu">  {% for type in types %} {% if type.tid == mytype %} <a href="/?mytype={{type.tid}}" class="active">{{type.t..

2018-10-09 00:53:56 276

原创 Node.js服务器设置

var express=require('express');var cookieParser=require("cookie-parser");var bodyParser=require("body-parser");var session=require('express-session'); //session模块var mysql=require("mysql"); //数据库...

2018-10-09 00:51:49 397

原创后台使用nodejs的好处或者优势

1.Nodejs基于Javascript语言，不用再单独新学一门陌生的语言，从而减低了学习的门槛。同时，Javascript语言在Web前端开发中至关重要，特别HTML5的应用必须要使用，所以前后台统一语言，不仅可以实现程序员的全栈开发，还可以统一公共类库，代码标准化。2.Nodejs并没有重新开发运行时环境，而是选择了目前最快的浏览器内核V8做为执行引擎，保证了Nodejs的性能和稳定性。...

2018-09-27 21:37:29 11450

原创 vue的指令

【vue的指令，都是以前缀v-开头，表示他们是vue提供的一种特殊的特性】v-if ：判断，如果值为true则显示，如果没有则隐藏（真的不见了，相当于直接删除了）v-show ：显示，如果值为true则显示，如果没有则隐藏（只是看不见而已）如果是多个同时操作，而且只是为了显示和隐藏，那么建议使用v-show 实例： ...

2018-09-23 15:02:26 186

原创 vue的引入和基本操作（代码）

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue</title></head><body> <div id

2018-09-23 14:11:48 545

原创 bootstrap—预定义样式风格

预定义样式风格: bootstrap给我们预定义了六种不同意义的类——所对应的颜色 muted：无显示的——无颜色 primary：重要的——蓝色 success：成功——绿色 info：信息——天蓝色 warning：警告...

2018-09-23 14:03:30 1303

原创 bootstrap—响应式布局代码

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta nam

2018-09-23 13:57:26 2564

原创简单的SQL语句的增、删、改、查

1、增： insert into 表名 values(); //添加一整行数据 insert into 表名(sno) values(xx); //对对应的列添加数据 2、改： update 表名 set sno=xx; 默认修改所有的数据 ...

2018-09-23 13:49:17 4837

原创 MYSQL基础

1、创建数据库 create database xxx; create database if not exists xxx character set utf-8; （不要重复创建） 2、删除数据库： drop database if exists xxx; 3、使用数据库当数据库创建成功之后，我们就...

2018-09-23 13:35:05 108

原创 Ajax 是什么? 如何创建一个Ajax？

(1）异步javascript和XML，是指一种创建交互式网页应用的网页开发技术。通过后台与服务器进行少量数据交换，AJAX可以使用网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。（2）如何创建： 1、创建XMLHttpRequest对象,也就是创建一个异步调用对象. 2、创建一个新的HTTP请求,并指定该HTTP...

2018-09-23 11:19:54 543

原创 jQuery - AJAX

什么是 AJAX？AJAX = 异步 JavaScript 和 XML（Asynchronous JavaScript and XML）。简短地说，在不重载整个网页的情况下，AJAX 通过后台加载数据，并在网页上进行显示。使用 AJAX 的应用程序案例：谷歌地图、腾讯微博、优酷视频、人人网等等。关于 jQuery 与 AJAXjQuery 提供多个与 AJAX 有关的方法。...

2018-09-23 11:18:24 130

原创 jQuery - 获取内容和属性

<jQuery DOM 操作>jQuery 中非常重要的部分，就是操作 DOM 的能力。jQuery 提供一系列与 DOM 相关的方法，这使访问和操作元素和属性变得很容易。【DOM = Document Object Model（文档对象模型）】获得内容 - text()、html() 以及 val() 三个简单实用的用于 DOM 操作的 jQuery 方法：...

2018-09-23 10:48:44 164

原创 jquery效果

1、隐藏和显示jQuery hide() 和 show() （1）、通过 jQuery，可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素：语法: $(selector).hide(speed,callback); $(selector).show(speed,callback); ...

2018-09-23 10:25:01 107

原创 XML和JSON的区别

（1）XML是什么？ 1、xml常用于数据存储和传输，文件后缀为 .xml； 2、它是可扩展标记语言（Extensible Markup Language，简称XML），是一种标记语言。 3、XML设计用来传送及携带数据信息，不用来表现或展示数据，所以XML用途的焦点是它说明数据是什么，以及携带数据信息。而HTML语言则用来表现数据（2）J...

2018-09-22 18:33:18 8670

原创 DOM操作——怎样添加、移除、移动、复制、创建和查找节点?

（1）创建新节点 createDocumentFragment() //创建一个DOM片段 createElement() //创建一个具体的元素 createTextNode() //创建一个文本节点（2）添加、移除、替换、插入 appendChild() removeChild...

2018-09-22 18:31:26 4724

空空如也

空空如也