自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(29)
  • 资源 (7)
  • 收藏
  • 关注

原创 Android Studio 升级后工程报错

Could not determine java version from '11.0.8'.Android Studio 升级后工程报错Android Studio 升级后工程报错原因:高版本 Android Studio 编译默认使用的 jdk 是 11解决:修改 编译jdk 版本1.安装插件述2.修改工程编译版本...

2021-08-05 20:56:49 300

原创 win7 Flutter 入门

这里写自定义目录标题win7 搭建 Flutter1.dart 需要环境 PowerShell 5.02.运行flutter 工程 报错win7 搭建 Flutterwin7环境 创建 Flutter Demo遇到的坑flutter中文:https://flutterchina.club/setup-windows/ 按步骤操作1.dart 需要环境 PowerShell 5.0官网下载https://www.microsoft.com/en-us/download/windows.as

2020-08-16 10:19:23 326

原创 css flex弹性布局入门

css flex弹性布局常用属性1.flex-direction2.flex-wrap3.flex-flow4.justify-content5.align-items6.align-content7.其他属性常用属性1.flex-direction排列方向flex-direction: row | row-reverse | column | column-reverse;row(默认值):主轴为水平方向,起点在左端。row-reverse:主轴为水平方向,起点在右端。column:主轴为垂

2020-05-21 20:06:18 191

原创 Android Studio 查看sdk 和 jdk 安装路径

Android Studio 查看sdk 和 jdk 安装路径

2020-05-07 16:33:47 9100

原创 安装Navicat12.版本

1.下载安装包注意:navicat-keygen-forx64文件存放激活码生成器2.安装一直下一步:默认安装路径:C:\Program Files\PremiumSoft\Navicat Premium 12注意:安装完成后,不要打开程序;3.激活3.1使用管理员模式运行3.2进入注册器目录3.3运行:navicat-patcher.exe “C:\Program File...

2019-06-04 12:43:54 817

原创 Android常用框架

1.缓存框架    1.1DiskLruCache:Java实现基于LRU的磁盘缓存,DiskLruCache不是google官方所写,但是得到了官方推荐,DiskLruCache没有编写到SDK中去,如需使用可直接copy这个类到项目中去。使用场景:如“清除缓存”,DiskLruCache一句话就可以搞定!github https://github....

2019-05-06 17:10:14 33992 5

原创 React Native 基础组件

Image:用于显示多种不同类型图片的 React 组件,包括网络图片、静态资源、临时的本地图片、以及本地磁盘上的图片(如相册)等。举例:app.js//导入模块import React from ‘react’;import {StyleSheet,View,Text,Image} from ‘react-native’;//定义样式const styles=StyleSheet.c...

2019-05-02 09:57:09 150

原创 Android Studio 连接第三方模拟器

常见模拟器:mumu模拟器:adb connect 127.0.0.1:7555海马玩模拟器:adb connect 127.0.0.1:26944逍遥安卓模拟器:adb connect 127.0.0.1:21503夜神玩模拟器:adb connect 127.0.0.1:62001举例:海马玩模拟器解决方式:方式一:进入到adb.exe文件目录去执行方式二:配置环境变量注意...

2019-05-02 08:45:58 2123

原创 React Native快速入门

React Native 看起来很像 React,只不过其基础组件是原生组件而非 web 组件。要理解 React Native 应用的基本结构,首先需要了解一些基本的 React 的概念,比如 JSX 语法、组件、state状态以及props属性。如果你已经了解了 React,那么还需要掌握一些 React Native 特有的知识,比如原生组件的使用。ReactNative资料:Reac...

2019-04-23 20:14:20 392

原创 React+webpack4x+bootstrap

入门案例:1.安装组件webpack:cnpm install webpack webpack-cli -Dwebpack-dev-server:cnpm i webpack-dev-server -Dbabel:cnpm i babel-loader -Dcnpm i @babel/core @babel/plugin-transform-runtime @babel/pres...

2019-04-22 12:25:14 273

原创 webpack4+React组件使用

创建组件方式一:全局创建组件 注意:组件名称:首字母必须大写function HelloWorld(props){//必须return 合法的jsx 元素//return null;//注意:props 只读return 组件方式一:全局创建 HelloWorld{ props.name};}**方式二:**使用class 继承入门案例:1.安装:webpack:cnpm ...

2019-04-21 23:00:55 264

原创 React+ES6 class基本用法

CMAScript 2015 中引入的 JavaScript 类实质上是 JavaScript 现有的基于原型的继承的语法糖。类语法不会为JavaScript引入新的面向对象的继承模型。类实际上是个“特殊的函数”,就像你能够定义的函数表达式和函数声明一样,类语法有两个组成部分:类表达式和类声明。入门案例:1.安装webpack:    cnpm ...

2019-04-21 19:14:19 732

原创 React jsx语法入门

JSX就是Javascript和XML结合的一种格式。React发明了JSX,利用HTML语法来创建虚拟DOM。简单的来说:1.遇到标签,JSX就当HTML解析。2.遇到{代码}就当JavaScript解析。注意:解析使用到了babel插件入门案例:1.安装:webpack:    cnpm install webpack webpack-...

2019-04-21 14:10:20 168

原创 React+webpack4x快速入门

React是一个用于构建用户界面的 JAVASCRIPT 库。React主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图)。React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站,并于 2013 年 5 月开源。React 拥有较高的性能,代码逻辑非常简单,越来越多的人已开始关注和使用它。React 拥有较高的性能,代码逻辑非常简单,越...

2019-04-20 22:16:39 125

原创 webpack,vue整合

开发环境:Windows1.初始化项目npm init -y项目结构:webpack_vue|-dist|-srcpackage.json2.安装2.1:webpack指令:cnpm install webpack webpack-cli -dwebpack-dev-server:cnpm i webpack-dev-server -D2.2:babel指令:cn...

2019-04-20 12:26:16 794

原创 npm 和 cnpm

NPM介绍:说明:NPM(节点包管理器)是的NodeJS的包管理器,用于节点插件管理(包括安装,卸载,管理依赖等)举例:安装指令安装指令:npm install -g moduleName 命令安装模块到全局,不会在项目node_modules目录中保存模块包。不会将模块依赖写入devDependencies或dependencies 节点。运行 npm install 初始化项目...

2019-04-20 11:35:51 850

原创 webpack整合bable

webpack默认只支持一部分的ES6语法,一些更高级的语法webpack不支持,如果在webpacke中要使用高级语法,需要使用第三方工具把高级语法转换低级语法;举例:通过Bable工具,可以将高级语法转换成低级语法1.安装Bablenpm i bable-core bable-loader bable-plugin-transform-runtimenpm i bable-preset...

2019-04-19 11:24:18 405

原创 Babel入门

Babel 是一个 JavaScript 编译器Babel 是一个工具链,主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法,以便能够运行在当前和旧版本的浏览器或其他环境中。下面列出的是 Babel 能为你做的事情:语法转换通过 Polyfill 方式在目标环境中添加缺失的特性 (通过 @babel/polyfill 模块)源码转换 (co...

2019-04-19 11:02:55 114

原创 Vue路由

Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成,让构建单页面应用变得易如反掌。包含的功能有:嵌套的路由/视图表模块化的、基于组件的路由配置路由参数、查询、通配符基于 Vue.js 过渡系统的视图过渡效果细粒度的导航控制带有自动激活的 CSS class 的链接HTML5 历史模式或 hash 模式,在 IE9 中自动降级自定义的滚动条行...

2019-04-18 17:33:39 137

原创 webpack压缩输出

从 webpack 4 开始,也可以通过 “mode” 配置选项轻松切换到压缩输出,只需设置为 “production”。webpack.config.jsconst path = require(‘path’);module.exports = {entry: ‘./src/index.js’,output: {filename: ‘bundle.js’,path: path.re...

2019-04-18 15:13:01 377

原创 webpack自动编译

每次编译代码时,手动运行 npm run build 会显得很麻烦。webpack 提供几种可选方式,帮助你在代码发生变化后自动编译代码:方式一:webpack watch mode(webpack 观察模式)watch mode(观察模式) :你可以指示 webpack “watch” 依赖图中所有文件的更改。如果其中一个文件被更新,代码将被重新编译,所以你不必再去手动运行整个构建。p...

2019-04-17 20:32:53 737

原创 webpack source map定位异常

当 webpack 打包源代码时,可能会很难追踪到 error(错误) 和 warning(警告) 在源代码中的原始位置。例如,如果将三个源文件(a.js, b.js 和 c.js)打包到一个 bundle(bundle.js)中,而其中一个源文件包含一个错误,那么堆栈跟踪就会直接指向到 bundle.js。你可能需要准确地知道错误来自于哪个源文件,所以这种提示这通常不会提供太多帮助。为了更容易...

2019-04-17 19:52:14 1805

原创 webpack清理 /dist 文件夹

清理 /dist 文件夹你可能已经注意到,由于遗留了之前的指南和代码示例,我们的 /dist 文件夹显得相当杂乱。webpack 将生成文件并放置在 /dist 文件夹中,但是它不会追踪哪些文件是实际在项目中用到的。通常比较推荐的做法是,在每次构建前清理 /dist 文件夹,这样只会生成用到的文件。让我们实现这个需求。clean-webpack-plugin 是一个流行的清理插件,安装和配置...

2019-04-17 19:38:51 3765

原创 webpack 使用多个js文件

一个html 文件中手动引入所有资源,然而随着应用程序增长,并且一旦开始 使用多个js文件,如果继续手动管理 html 文件,就会变得困难起来。然而,通过一些插件可以使这个过程更容易管控。webpack-demo|- package.json|- webpack.config.js|- /dist|- /src|- index.js|- print.js|- /node_mod...

2019-04-17 19:36:27 775

原创 webpack资源管理

webpack管理资源:现在我们尝试混合一些其他资源,比如 images,看看 webpack 如何处理。在 webpack 出现之前,前端开发人员会使用 grunt 和 gulp 等工具来处理资源,并将它们从 /src 文件夹移动到 /dist 或 /build 目录中。JavaScript 模块也遵循同样方式,但是,像 webpack 这样的工具,将动态打包所有依赖(创建所谓的 依赖图(...

2019-04-17 18:03:26 195

原创 webpack快速入门

webpack:它做的事情是,分析你的项目结构;构建项目:就是把源代码转换成发布到线上的可执行 JavaScrip、CSS、HTML 代码,包括如下内容。构建就是把源代码转换成发布到线上的可执行 JavaScrip、CSS、HTML 代码,包括如下内容。1.代码转换:TypeScript 编译成 JavaScript、SCSS 编译成 CSS 等。2.文件优化:压缩 JavaScript...

2019-04-17 15:16:19 303

原创 Vue基础语法 流程操作

for 循环:格式v-for//遍历集合对象<p v-for=’(item,index) in list’> {{item}} {{index}}</p>//普通计数遍历 注意:从1 开始<p v-for=“count in 10”>{{count}}</p>注意:在2.2版本后必须使用key//key 属性是能使用 number 或者 ...

2019-03-25 19:39:09 109

原创 Vue.js入门基础语法

介绍:Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。优点:Vue 只关注视图层, 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。Vue 学习起来非常简单。使用步骤:1.导入js文件(vue.min.js);js文件地址:https://vuejs.org/js/vue.min.js...

2019-03-25 19:31:25 167

原创 使用ueditor富文本编辑器

使用ueditor富文本编辑器官网地址:https://ueditor.baidu.com/website/根据需要下载Demo:我这是要的是jsp版本:解压之后结构图:到这一步准备工作就做好了,接下来导入到工程中:全部复制到工程中:2.导入依赖jar包:jar包在jsp目录下如果是maven工程: <dependency> <grou...

2019-03-21 11:09:00 295

React+webpack4x+bootstrap

React+webpack4x+bootstrap 整合代码,使用前需要先cnpm i

2019-04-22

webpack4x+React 组件使用

webpack4x+React 组件使用,使用前先 cnpm install安装组件

2019-04-21

React+ ES6 Class基本用法

React+ ES6 Class基本用法 案例,使用前需要 cnpm install 安装组件

2019-04-21

React JSX语法使用案例

React JSX语法使用案例,使用前需要 cnpm install 安装组件

2019-04-21

webpack4整合react

webpack4整合react 入门案例,使用前需要先cnpm install 加载组件

2019-04-21

webpack4整合vue

webpack4.3整合vue代码,运算环境 windows +node v10.15.3 +npm v6.4.1

2019-04-20

jackson2.6.5

jackson2.6版本,兼容 spring 4.2版本,使用json数据转换javaBean

2019-02-28

空空如也

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

TA关注的人

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