学习笔记
关注
分享
扫一扫
瑞朋哥
这个作者很懒，什么都没留下…
展开
-
Dart学习 入口 注释 变量 常量 命名规则--002
1.入口方法：main方法，所以yao原创 2021-06-05 14:33:11 · 331 阅读 · 0 评论 -
Dart学习环境搭建--001
官网是https://dart.dev/Dart环境搭建：要在我们本地开发Dart程序的话首先需要安装Dart Sdk原创 2021-06-05 14:10:41 · 512 阅读 · 2 评论 -
解决vscode集成“git bash”后的中文乱码问题
1、git目录下搜索gitconfig文件中增加以下内容：[gui] encoding = utf-8[i18n] commitencoding = GB2312[svn] pathnameencoding = GB2312原创 2021-06-05 09:15:18 · 2761 阅读 · 0 评论 -
Argument passed in must be a single String of 12 bytes
错误发生分析及原因使用mongoDB中的ObjectId，通过构造器方式自行封装一个通过id查询数据的函数Error: Argument passed in must be a single String of 12 bytes or a string of 24 hex characters传入的参数必须是一个12字节的字符串或24个十六进制字符的字符串错误就是在前端与后端数据交互的过程中，id长度出现了问题，不满足使用要求，所以报出错误。错误解决在前端对应id传回后端判断之...原创 2021-06-01 17:03:38 · 1139 阅读 · 0 评论 -
数组扁平化及树形数据添加属性
// 原始数据let arr = [{ "label": "费用名称及项目", "id": -1, "children": [{ "label": "名称", "id": -5, "children": [] }, { "label": "项目", "id": -6, "children": [] }] }, { "label": "公式", "id": -2, "children": [] }, { "label": "金额", "id": -3, "children": [] }, { "label.原创 2021-06-01 14:21:01 · 217 阅读 · 0 评论 -
温故而知新--小程序学习01
数据渲染 /** * 页面的初始数据 */ data: { msg: 'one', list: [ 'vue', 'react', 'mina' ], arr: [{ name: 'abc', age: 18, list: [ 'vue', 'react', 'mina' ] },原创 2021-02-27 23:51:40 · 206 阅读 · 0 评论 -
React学习之旅----表单录入
import React, { Component } from 'react';/*约束性和非约束性组件: 非约束性组:<input type="text" defaultValue="a" /> 这个 defaultValue 其实就是原生DOM中的 value 属性。 这样写出的来的组件，其value值就是用户输入的内容，React...原创 2019-07-15 23:04:39 · 167 阅读 · 0 评论 -
React学习之旅----Todolist
import React from 'react';class TodoList2 extends React.Component { constructor(props) { super(props) this.state = { list: [ { title: '录制ionic', checked: ...原创 2019-07-14 00:13:13 · 159 阅读 · 0 评论 -
React学习之旅-----TodoList本地存储版
import React from 'react';class TodoList2 extends React.Component { constructor(props) { super(props) this.state = { list: [ // { // title: '录制ionic', // ...原创 2019-07-14 00:13:07 · 188 阅读 · 0 评论 -
React学习之旅----TodoList localstorage本地存储完善版
封装storage。jsvar storage = { set (key,value) { localStorage.setItem(key, JSON.stringify(value)) }, get (key) { return JSON.parse(localStorage.getItem(key)) }, remove (key) { re...原创 2019-07-14 00:13:00 · 425 阅读 · 0 评论 -
React学习之旅----父子组件传值
父组件import React from 'react'import Header from './Header'import Footer from './Footer'class Father extends React.Component { constructor(props) { super(props) this.state = { titl...原创 2019-07-14 00:12:54 · 123 阅读 · 0 评论 -
React学习之旅----defaultProps与propTypes
import React from 'react'import PropTypes from 'prop-types';class Header extends React.Component { constructor(props) { super(props) this.state = { title: '头部组件' } } getFath...原创 2019-07-14 00:12:48 · 1174 阅读 · 0 评论 -
React学习之旅----axios与fetch-jsonp
父组件import React from 'react'import Header from './Header'import Footer from './Footer'import Axios from './Axios'import FetchJsonp from './FetchJsonp'class Father extends React.Component { c...原创 2019-07-14 00:12:40 · 839 阅读 · 0 评论 -
React学习之旅----生命周期函数
app.jsimport React, { Component } from 'react';// import logo from './assets/images/logo.svg';// import './assets/css/App.css';// 引入Home组件// import Home from './components/Home'// import News...原创 2019-07-14 00:12:34 · 130 阅读 · 0 评论 -
React学习之旅----react-router
app.js/* react路由的配置： 1、找到官方文档 https://reacttraining.com/react-router/web/example/basic 2、安装 cnpm install react-router-dom --save 3、找到项目的根组件引入react-router-dom import { ...原创 2019-07-14 00:12:28 · 137 阅读 · 0 评论 -
React学习之旅----动态路由传值及get传值
app.js/* react路由的配置： 1、找到官方文档 https://reacttraining.com/react-router/web/example/basic 2、安装 cnpm install react-router-dom --save 3、找到项目的根组件引入react-router-dom import { Browse...原创 2019-07-12 00:13:52 · 387 阅读 · 0 评论 -
手机显示数据的原理：手机通过WebView控件显示网页数据
WebView控件是用于显示网页的，手机根据网页创建一个WebView，之后显示出来，所以显示WebView网页是通过WebView控件显示的。 <script type="text/javascript" charset="utf-8"> mui.init(); //mui加载完成事件 mui.plusReady(function() { ...原创 2019-05-01 10:33:32 · 559 阅读 · 0 评论 -
React学习之旅----项目小实例----无人点餐一----列表页渲染
App.js/* react路由的配置： 1、找到官方文档 https://reacttraining.com/react-router/web/example/basic 2、安装 cnpm install react-router-dom --save 3、找到项目的根组件引入react-router-dom import { BrowserR...原创 2019-07-12 00:13:46 · 168 阅读 · 0 评论 -
React学习之旅----项目小实例----无人点餐二---详情页渲染
App.js/* react路由的配置： 1、找到官方文档 https://reacttraining.com/react-router/web/example/basic 2、安装 cnpm install react-router-dom --save 3、找到项目的根组件引入react-router-dom import { BrowserR...原创 2019-07-12 00:13:40 · 193 阅读 · 0 评论 -
React学习之旅----项目小实例----无人点餐二---js控制路由跳转
/*实现js跳转路由：https://reacttraining.com/react-router/web/example/auth-workflow1、要引入Redirect import { BrowserRouter as Router, Route, Link, Redirect, withRouter } from ...原创 2019-07-12 00:13:34 · 159 阅读 · 0 评论 -
React学习之旅----项目小实例----无人点餐二---嵌套路由
App.js/* react路由的配置： 1、找到官方文档 https://reacttraining.com/react-router/web/example/basic 2、安装 cnpm install react-router-dom --save 3、找到项目的根组件引入react-router-dom import { BrowserR...原创 2019-07-12 00:13:27 · 147 阅读 · 0 评论 -
React学习之旅----项目小实例----无人点餐二---路由模块化-中小型项目
routes数组配置动态路由表import React, { Component } from 'react';import logo from './logo.svg';import './App.css';import { BrowserRouter as Router, Route, Link } from "react-router-dom";import Home from...原创 2019-07-12 00:13:21 · 156 阅读 · 0 评论 -
Android SDK Tools开发工具安装
下载适合自己电脑版本的Android SDK Tools我是从http://www.androiddevtools.cn/下载的，资源不错，对于不太熟悉的我来说，直接下载最新版安装。下载好之后，双击进行安装。...原创 2019-07-21 08:33:19 · 35819 阅读 · 3 评论 -
Intel x86 Emulator Accelerator(HAXM installer)无法安装
在sdk manager中Intel x86 Emulator Accelerator(HAXM installer)后面显示NOT compatible with windows这个时候可以尝试手动安装Intel x86 Emulator Accelerator(HAXM installer)1、在网上下载后，https://software.intel.com/en-us/artic...原创 2019-07-21 08:33:14 · 9437 阅读 · 2 评论 -
hbuilder 连接夜神模拟器，对app进行模拟器调试
分别启动hbuilder 和夜神模拟器对app进行模拟器调试之前需要安装好android-sdk tools不会安装的请看我的另一篇文章https://blog.youkuaiyun.com/qfxlw/article/details/83098051和https://blog.youkuaiyun.com/qfxlw/article/details/83098158，在夜神模拟器安装目录下/bin下启动cm...原创 2019-07-21 08:33:04 · 672 阅读 · 0 评论 -
hbuilder使用mui进行移动app开发，真机调试
原创 2019-07-21 08:32:58 · 1506 阅读 · 0 评论 -
React学习之旅----项目小实例----无人点餐二---路由模块化-大型项目
App.jsimport React, { Component } from 'react';import logo from './logo.svg';import './App.css';import { BrowserRouter as Router, Route, Link } from "react-router-dom";import './assets/css/inde...原创 2019-07-12 00:13:16 · 166 阅读 · 0 评论 -
React学习之旅----安装脚手架
npm i yarn -g全局安装yarnnpm install -g create-react-app全局安装脚手架create-react-app react01建立第一个项目，最好已经全局安装了yarn安装了node高版本后可以直接npx create-react-app react02是新的react建立项目方法，将来使用，目前还是旧方法好之后cd react02（项目文件...原创 2019-07-21 08:32:52 · 260 阅读 · 0 评论 -
React学习之旅----新建组件
react的组件有两种写法：import React from 'react';class News extends React.Component { constructor(props) { super(props) // 用于父子组件传值 } render () { return ( <div> <ul>...原创 2019-07-15 23:05:38 · 134 阅读 · 0 评论 -
React学习之旅----使用优美的框架Antd
create-react-app react05cd react05npm install react-router-dom axios url antd -Syarn start启动项目后，在编辑器中打开修改src/App.css，在文件顶部引入antd/dist/antd.css。全局引入对之后的性能优化有些累赘。@import '~antd/dist/antd.c...原创 2019-07-12 00:13:10 · 195 阅读 · 0 评论 -
React学习之旅---antd框架组件按需引入
1、安装antd npm install antd --save2、安装（react-app-rewired）一个对 create-react-app 进行自定义配置的社区解决方案yarn add react-app-rewired / cnpm install react-app-rewired --save3、修改 package.jsonreact...原创 2019-07-12 00:13:05 · 596 阅读 · 0 评论 -
Angular学习之旅----创建项目第一次运行
npm install -g @angular/cli 全局安装最新的angular-cli脚手架在项目目录下cmdng new angular01建立新的项目cd angular01 之后yarn install安装依赖ng serve --open在项目目录下运行ng g component components/header来创建header组件ngOnInit a...原创 2019-07-10 22:18:41 · 132 阅读 · 0 评论 -
React学习之旅----引入图片
import React from 'react';// 引入本地图片，需以组件的形式引入，而远程图片则不需要import logo from '../assets/images/logo.svg';class News extends React.Component { constructor(props) { super(props) // 用于父子组件传值 thi...原创 2019-07-15 23:05:22 · 245 阅读 · 0 评论 -
React学习之旅----循环数据
import React from 'react';// 引入本地图片，需以组件的形式引入，而远程图片则不需要import logo from '../assets/images/logo.svg';// 组件名称，类首字母必须大写class News extends React.Component { constructor(props) { super(props) //...原创 2019-07-15 23:05:16 · 268 阅读 · 0 评论 -
Anguar学习之旅----创建和使用服务
创建服务命令 ng g service services/storage在我们的services目录下创建了stroage.service.ts文件，class初始了类StorageService所以在app.module.ts 里面引入创建的服务时，名字最好一致import { StorageService } from './services/storage.service'...原创 2019-07-10 22:18:31 · 180 阅读 · 0 评论 -
Angular学习之旅----http jsonp请求数据
app.module.ts 中引入 import { HttpModule, JsonpModule } from '@angular/http'; // 引入http jsonp模块// 这个根模块会告诉angular如何组装该应用import { BrowserModule } from '@angular/platform-browser'; // 浏览器解析import...原创 2019-07-10 22:18:25 · 359 阅读 · 0 评论 -
Angular学习之旅----post请求
先设置请求头import { Http, Jsonp, Headers } from '@angular/http';private headers = new Headers({ 'Content-Type': 'application/json' })postData() {// 1.import { Http,Jsonp,Headers } from '@angular/ht...原创 2019-07-12 00:12:59 · 1115 阅读 · 0 评论 -
Vue学习之旅----父子组件传值
父传子 props<template> <div>Home <button @click="getHomeData()">Home请求数据</button> <ul> <li v-for="(item,key) in list" :key=key> {{item.titl...原创 2019-07-03 23:38:29 · 124 阅读 · 1 评论 -
React学习之旅----事件方法及改变this指向
import React, { Component } from 'react';import '../assets/css/index.css'// react绑定属性注意点// class要换成className// for 要换成htmlFor// styleclass Home extends Component { constructor() { super()...原创 2019-07-15 23:05:31 · 277 阅读 · 0 评论 -
React学习之旅----获取自定义属性
获取自定属性，在小程序中可能更常用，在React中同样也是可以获取的，看实例import React, { Component } from 'react';class Event extends Component { constructor(props) { super(props) this.state = { title: '事件对象练习' ...原创 2019-07-15 23:05:11 · 558 阅读 · 0 评论