mikibiubiu-CSDN博客

原创 <center>vue-cli3.0修改端口</center>

在根目录下创建 vue.config.js 文件module.exports = { devServer: { port: 8888, // 端口 }, lintOnSave: false // 取消 eslint 验证};

2019-09-04 08:57:31 483

原创 <center>v-if 和 v-show的区别-----v-if 的初始化较快，但切换代价高；v-show 初始化慢，但切换成本低</center>

VUE指令v-ifv-show共同点动态显示DOM元素动态显示DOM元素手段动态的向DOM树内添加或者删除DOM元素设置DOM元素的display样式属性控制显隐编译过程有一个局部编译/卸载的过程，切换过程中合适地销毁和重建内部的事件监听和子组件简单的基于css切换编译条件惰性的，如果初始条件为假，则什么也不做；只有在条件第一次变为真时才开始局...

2019-08-27 11:35:28 533

原创 <center>常用git命令</center>

用git管理项目流程1.主管创建项目仓库，建立dev分支。进入git相关网站，注册，创建项目。本地安装git,版本最好低点，不然容易出问题，配置提交的姓名和邮箱。详情参见顶部提供的地址。之后git命令操克隆远程仓库git clone 项目地址 # 例如：git clone git@888888888888888/test.git创建dev分支git branch dev...

2019-08-23 20:46:55 303

转载 <center>使用git克隆指定分支的代码</center>

由于Master主分支上没有放置源码，因此需要切换到指定的Tag分支去查看，如下图所示：切换到v2.8.1这个分支就可以看到具体的代码了，如下图所示：使用Git下载指定分支命令为：git clone -b 分支名仓库地址使用Git下载v.2.8.1分支代码，使用命令：git clone -b v2.8.1 https://git.oschina.net/oschina/android-...

2019-08-20 15:09:55 216

原创 <center>作用域链</center>

2019-08-14 21:06:20 401

原创 <center>原型链</center>

原型链JS的原型与原型链，相较于普通语法，它更难以理解一些，在开发上也较不常见。但这并不意为这它不重要，相反，它很重要。prototype 与 protoprototype 与 proto(双下划线) 很容易混淆，它们之间的指向有些复杂，避免难以理解，我们尝试用最简单的图示将其说明清楚他们的区别我们知道，原型本质也是一个对象，其他对象可以通过它实现属性继承。看看一下图在大多...

2019-08-14 20:46:49 210

原创 produceItem

<template> <div id="produceItem"> <div class="item" v-for="(product,index) in product_lists" :key="index" @click.stop="goToGoodsDetail(product)"> ...

2020-03-08 16:22:55 279

原创 tabbarItem

{{$t(itemsTitle[0])}} {{$t(itemsTitle[1])}} ...

2020-03-08 16:21:38 235

原创引入一级组件

import Vue from ‘vue’import Router from ‘vue-router’// 引入一级组件import Dashboard from ‘…/views/dashboard/Dashboard.vue’import state from ‘…/store/state’;// 懒加载二级组件 Tarbarconst Home = () => impor...

2020-03-08 16:15:58 430

原创人事管理

<title>人事管理</title><div class="layui-card layadmin-header"> <div class="layui-breadcrumb" lay-filter="breadcrumb"> <a lay-href="">主页</a> <a...

2020-02-25 23:33:44 281

原创 iframe

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>layuiCms - 单页面后台管理模板系统</title> <meta name="renderer" content="webkit"> <meta h...

2020-02-25 08:49:15 337

原创 2020-02-25

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>layuiCms - 单页面后台管理模板系统</title> <meta name="renderer" content="webkit"> <meta h...

2020-02-25 08:47:59 189

原创 iconfont.css

@font-face {font-family: "iconfont"; src: url('iconfont.eot?t=1490337422326'); /* IE9*/ src: url('iconfont.eot?t=1490337422326#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('iconfont.w...

2020-02-23 15:32:07 1101

原创 demo_unicode.html

<!DOCTYPE html><html><head> <meta charset="utf-8"/> <title>IconFont</title> <link rel="stylesheet" href="demo.css"> <style type="text/cs...

2020-02-23 15:28:00 406

原创 demo_symbol.html

```javascrip` IconFont <style type="text/css"> .icon { /* 通过设置 font-size 来改变图标大小 */ width: 1em; height: 1em; /* 图标和文字相邻时，垂直对齐 */ vertical-align: ...

2020-02-23 15:12:47 304

原创 demo_fontclass.html

<!DOCTYPE html><html><head> <meta charset="utf-8"/> <title>IconFont</title> <link rel="stylesheet" href="demo.css"> <link rel="stylesheet...

2020-02-23 15:02:01 348 1

原创 menu-add2.html

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> ...

2020-02-23 12:00:41 257

原创网站后台管理模版

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">...

2020-02-22 21:05:45 531

原创 tool.js

layui.define(['jquery'], function (exports) { var $ = layui.jquery; var tool = { /** * 移除数组的值 * @param arr 数组 * @param val 删除的值 */ remov...

2020-02-22 21:03:06 339

原创 formate.js

layui.define(function(exports){ var formate = { /** * 获取当前的日期函数 * 传入一个时间戳,如果不传则为当前时间 * 注意：如果是uinx时间戳记得乘于1000, 比如php函数time()获得的时间戳就要乘于1000 * @type String...

2020-02-22 21:00:36 371

原创 dialog.js

layui.define(['jquery', 'layer'], function (exports) { var $ = layui.jquery; var layer = layui.layer; var dialog = { /*确认框*/ confirm: function (jsonData...

2020-02-22 20:55:47 486

原创表单验证联动

import {Picker, Card, WingBlank, WhiteSpace ,List,InputItem} from 'antd-mobile';import { Component } from 'react';import { connect } from 'dva';import styles from './IndexPage.css';const colors =...

2019-12-17 00:01:37 455

原创有一个字符串let a="hello, are you hello kitty",定义一个函数highlight(a,"hello")，传这两个参数，将字符串a中的hello变红，请手写这个函数。你

有一个字符串let a=“hello, are you hello kitty”,定义一个函数highlight(a,“hello”)，传这两个参数，将字符串a中的hello变红，请手写这个函数。你们用什么规范代码的？function changeColor(longStr, str) { return longStr.split(str).join(`<span color='red...

2019-10-27 17:56:20 221

原创 <center>全局导航跳转工具类</center>

export default class NavigationUtil { /** * 跳转到指定页面 * @param params 要传递的参数 * @param page 要跳转的页面名 **/ static goPage(params, page) { const navigation = NavigationUtil...

2019-10-23 16:11:46 213

Set实例的方法分为两大类：操作方法（用于操作数据）和遍历方法（用于遍历成员），操作方法有：add(value)、delete(value)、has(value)、clear()；遍历方法有：keys()、values()、entries()、forEach()1、ES6——new Set方法const myArray = [1,1,2,2,3,3,4,4,5,5]console.log([...

2019-10-14 21:33:15 139

转载 <center>Vue 框架搭建</center>

vue框架的搭建使用VUE首先需要下载安装一些列的环境。第一步：安装Node.js下载并安装：node-v8.9.0-x64.msi第二步：安装Vue脚手架：cmd以管理员身份执行npm install vue-cli -g 或者安装淘宝版 cnpm install vue-cli -gvue -V 查看是否安装成功第三步：创建项目：vue init webpack myP...

2019-10-09 09:10:47 400

原创 <center>解决robomongo连接报错Cannot connect to the MongoDB at localhost:27017.Network is unreacha</center>

出现此错误，一般是因为Mongodb的服务没有打开，自己在服务中打开或者重启mongoDB服务即可正常连接

2019-10-08 09:26:55 2192

转载 <center>this.props.children</center>

this.props对象的属性与组件的属性一一对应，但是有个例外：this.props.children，他表示组件所有的子节点。var NotesList = React.createClass({ render: function() { return ( <ol> { React.Children.map(this.props...

2019-10-08 09:02:06 297

原创 <center>web开发原生开发混合开发的区别优势(web-view还是混合开发)</center>

一、Web 应用Web应用本质上是为移动浏览器设计的基于Web的应用，它们是用普通Web开发语言开发的，可以在各种智能手机浏览器上运行。优点：支持设备广泛；较低的开发成本；可即时上线；无内容限制；用户可以直接使用最新版本（自动更新，不需用户手动更新）。缺点：表现略差（对联网的要求比较大）；用户体验没那么炫；图片和动画支持性不高；没法在App Store中下载、无法通过...

2019-10-08 08:47:51 529

原创 <center>引入antd-mobile过程中报错：The "injectBabelPlugin" helper has been deprecated as of v2.0. 【</center>

报错：The “injectBabelPlugin” helper has been deprecated as of v2.0. You can use customize-cra plugins in replacement - https://github.com/arackaf/customize-cra#available-plugins原因是新版本的react-app-rewired...

2019-10-07 12:46:53 177

转载 <center>单页面应用与多页面的区别与优缺点</center>

单页面应用（SinglePage Web Application，SPA）只有一张Web页面的应用，是一种从Web服务器加载的富客户端，单页面跳转仅刷新局部资源，公共资源(js、css等)仅需加载一次，常用于PC端官网、购物等网站如图:单页面应用结构视图多页面应用（MultiPage Application，MPA）多页面跳转刷新所有资源，每个公共资源(js、css等)需选择性重新加...

2019-10-06 11:00:16 928

原创 <center>create-react-app脚手架工具使用</center>

1- 快速创建项目npm install -g create-react-app //---全局安装react脚手架create-react-app my-app //---通过react脚手架创建my-app项目cd my-app/ //---打开my-app项目npm start ...

2019-10-02 20:40:38 156

原创 <center>不知道的 npm init</center>

npm init在现代新建一个 JS 相关的项目往往都是从 package.json 文件开始的，不过这个文件里需要的字段实在是太多了，正常人都记不住，所以 npm 官方提供了 npm init 命令帮助我们快速初始化 package.json 文件。执行之后会有一个交互式的命令行让你输入需要的字段值，当然如果你想直接使用默认值，也可以使用 npm init -y 来超速初始化。...

2019-09-29 10:52:19 104

原创 <center>redux-saga框架使用详解</center>

什么是redux-sagaredux-saga 是一个用于管理 Redux 应用异步操作的中间件（又称异步 action）。 redux-saga 通过创建 Sagas 将所有的异步操作逻辑收集在一个地方集中处理，可以用来代替 redux-thunk 中间件。这意味着应用的逻辑会存在两个地方：Reducers 负责处理 action 的 state 更新Sagas 负责协调那些复杂或异步...

2019-09-28 23:14:24 144

原创 <center>反转数组（两种方法)</center>

a.第一种方法:创建一个新数组接收并返回; var arr1 = [1,2,3]; var arr2 = reverse1(arr1); console.log(arr2); console.log(reverse1(arr1)); //定义一个新数组，把老数组中的元素反向添加到新数组中 function reverse1(array){ var ...

2019-09-27 20:20:25 4157

原创 <center>使用Redux-thunk中间件实现ajax数据请求</center>

1.先安装redux-thunk依赖npm install redux-thunkyarn add redux-thunkredux-thunk的GitHub网址： https://github.com/reduxjs/redux-thunk2.接下来我们要引入配置redux-thunk这个中间件参考上面GitHub的网址上的文档3.打开store文件夹下的index文件引入redu...

2019-09-27 20:02:05 142

原创 <center>使用redux完成todoList的删除功能</center>

1.没有把action单独拿出来的时候当大小写写错的时候很难找出错误而把action统一抽出来作为常量写入action-type中便于管理。2.在store文件夹下新建actionTypes.js文件export const CHANGE_INPUT_VALUE = 'change_input_value';export const ADD_TODO_ITEM = 'add_todo_it...

2019-09-27 15:40:12 137

转载 <center>使用antd+redux重写Todo</center>

1.在src目录下新建一个index.js文件文件内容如下：import React from 'react';import ReactDOM from 'react-dom';import TodoList from './TodoList';ReactDOM.render(<TodoList/>, document.getElementById('root'));2...

2019-09-27 11:59:26 134

原创 react中dangerouslySetInnerHTML使用

在react中，通过富文本编辑器进行操作后的内容，会保留原有的标签样式，并不能正确展示。在显示时，将内容写入__html对象中即可。具体如下：<div dangerouslySetInnerHTML = {{ __html: checkMessages.details }} />如果是直接调用接口中的值，则是以上的写法，如果是单纯的显示固定的内容，用如下的写法：<di...

2019-09-25 19:50:41 205

原创 <center>React实现简易TodoList</center>

class TodoList extends Component {/**render函数返回的JSX模板最外层只能由一个包裹元素 * 使用Fragment做占位符，只起包裹作用，并不会渲染成DOM元素 */ render() { return ( <Fragment> <div> ...

2019-09-25 19:18:47 147

空空如也

空空如也