- 博客(26)
- 收藏
- 关注
RSS订阅原创 Vue组件通讯方式 provide/inject 介绍以及使用场景
文章目录vue的通讯方式provide / inject的缺点使用办法代码案例展示一（provide字符串）代码案例展示二（provide返回一个方法，并且方法返回字符串）vue的通讯方式父子组件：父传子prop，子通知父 emit，【root，root，root，parent，$children】非父子组件：Vuex实现，父子层层传递、中央事务总线Bus，$ref子组件实例可以用 this.$parent 访问父实例，子实例被存储父组件实例的 $children 数组中。但是这种只是作为访问组件的
2021-07-17 18:25:19
4810
1
原创 nginx入门启动与停止（window）
目录一、nginx简介二、ngin下载与启动一、nginx简介Nginx 是高性能的 HTTP 和反向代理的web服务器，处理高并发能力是十分强大的，能经受高负 载的考验,有报告表明能支持高达 50,000 个并发连接数。其特点是占有内存少，并发能力强，事实上nginx的并发能力确实在同类型的网页服务器中表现较好，中国大陆使用nginx网站用户有：百度、京东、新浪、网易、腾讯、淘宝等。Nginx 可以作为静态页面的 web 服务器，同时还支持 CGI 协议的动态语言，比如 perl、
2021-05-02 11:44:16
1308
4
原创 基于window10的flutter环境搭建——Android studio 和 vs code两种方式
1、安装git2、安装jdk3、安装flutter第一步： 下载flutter sdkWindows环境：下载地址（要翻墙，不然就像我一样晚上睡觉的时候在下载，还很大可能不成功）下载成功之后解压到相应的目录下（目录一定要记住）例如： 本机解压之后的flutter相对应的地址第二步： 配置flutter到全局中右键此电脑=> 属性 => 高级系统设置=> 环境变量。 打开环境变量配置 用户变量中找到path（没有则新建）： C:\src\flutte...
2021-03-13 20:40:29
558
1
原创 vue-cli3修改index.html浏览器名字和图标——htmlWebpackPlugin.options.title
一、打包后网页的入口是public文件夹index.html,决定项目网页入口tab的名字是 <title><%= htmlWebpackPlugin.options.title %></title>二、vue.config.js/** * @Description: 自定义配置 * @Author: txf * @CreateDate: 2020/5/7 13:28 */const path = require("p
2020-06-06 22:32:29
9080
1
原创 Koa ejs if you meant to create an async function, pass `async: true` as an option.
新建目录list.ejs文件,目录结构如下src views list.ejs<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, in...
2020-05-05 13:10:58
1895
1
原创 浏览器的事件流
这里写目录标题定义三个阶段 （先捕获，后冒泡）定义 浏览器的事件流是指在浏览器中，从页面中接收事件（onKeyDown, onKeyMove）的顺序三个阶段 （先捕获，后冒泡） 1、事件捕获 2、目标 3、事件冒泡（只是IE没有捕获阶段） ![在这里插入图片描述](https://img-blog.csdnimg.cn/20200327110403575.png?x-oss-p...
2020-03-27 11:05:45
425
1
原创 vue使用lodash防抖和节流
节流防抖的目的构建应用程序中，减少频繁操作DOM，提升页面的速度和性能，避免页面的卡顿、浏览器崩溃等问题节流防抖的应用场景用户在短时间内快速触发多次事件，调整窗口大小或滚动页面、点击触摸事件等（onmousemove、scroll、keyup、keydown等）。例如，监听页面窗口滚动事件，并且用户持续快速地向下滚动页面，那么滚动事件可能在 3 秒内触发数千次，这可能会导致一些严重的性能问题...
2020-02-23 12:40:26
7241
4
原创 认识Threejs
Threejs定义 Threejs运行在浏览器的3d javascript库（three表示3D的意思，js表示javascript）三大对象 Threejs运行在浏览器的3d javascript库（three表示3D的意思，js表示javascript）...
2020-01-30 14:31:59
959
1
原创 flex布局实现div内容居中
<div class="list-col-detail">1002</div>.list-col-detail{ width: 180px; height: 78px; display: flex; align-items: center; justify-content: center; background: #ff0000; }
2018-12-24 15:17:35
3590
原创 vue项目使用svg图片（svg-sprite-loader以及vue2-svg-icon的使用）
一、使用svg的好处未来必热：SVG Sprite技术介绍第一种方式：二、安装svg-sprite-loadernpm install svg-sprite-loader --save-dev三、webpack 配置（build/webpack.base.conf.js）{ test: /\.svg$/, loader: 'svg-...
2018-12-06 22:06:29
13543
9
原创 图片缩放时java.lang.IllegalArgumentException: pointerIndex out of range解决方案
package com.example.webproject;import android.app.Activity;import android.graphics.Matrix;import android.graphics.PointF;import android.os.Bundle;import android.util.FloatMath;import android.u...
2018-11-18 08:50:05
647
原创 小程序实现之—css伪元素实现带框加号
背景：基于小程序包大小的限制，使用css伪元素实现带框加号。减少包体积。图片效果如下： .add { border: 1px solid; width: 100px; height: 100px; color: #ccc; transition: color .25s; position: relative; } ...
2018-11-17 16:51:50
6671
1
原创 flex布局换行空白间隙之align-content
一、本文实现的效果图如下：布局右侧使用flex布局，超过3个则换行。父元素代码如下：.nav-right{ width: 75%; padding: 10px; display: flex; /* 默认是水平的 */ flex-direction: row;/*设置子元素的排列方向*/ flex-wrap: wrap;/*溢出则换行*/}子元素代...
2018-09-12 16:16:19
28994
3
原创 mac 安装webpack之-bash: webpack: command not found
1、用npm的方式安装，首先你要安装node.js,地址 https://nodejs.org/en/download/下载安装 安装 Node.js 和npm双击该文件，无脑下一步即可。安装成功后，是这样的：2、安装完看有没有安装成功，看下版本,打开终端输入：node -v【查看node版本】、npm -v【查看npm版本】 xxxx-Pro:~ xf$ node -vv8.9.1xxxx-P...
2018-06-20 15:37:40
12023
6
原创 java并发编程基础(1)—线程之基本概念
概述进程和线程的区别进程与线程的关系图线程间的状态一操作系统分析线程间的状态二从java分析线程间的状态java15以后的源码线程间状态切换java的多线程编程中涉及的东西比较多，本文主要从线程的概述、线程、进程与线程的区别、线程的状态以及切换概述 1、线程是操作系统的概念，是进程的一个执行单元（通俗的讲就是进程的执行线路，一个进程至少有一个线程）。 2、在早期的操作系统中
2016-08-15 09:18:00
1171
4
原创 Gradle DSL method not found: 'useLibrary()'
解决办法：修改settings.gradle里面引用的配置，如果你没有引用库了请将引用后面的‘：library去掉’ include ':app', ':library' 去掉库后面的':library',修改为 include ':app'即可 ...
2016-03-03 09:39:42
1308
2
原创 enforceInterface() expected 'com.txfy.aidl.IAidl' but read 'com.example.AliPay.IAidl'
一、AIDL是什么？AIDL（Android Interface Definition Language）是Android接口定义语言,用于进程间的通信（IPC），它能实现让多个应用程序组件之间与某个Service进行跨进程通信，从而实现多个应用程序共享一个服务的功能。二、为什么要通过AIDL进行IPC通信？系统为一个应用分配一个进程，进程运行在自己的内存空间，一个进程不能直接访问另外...
2015-04-10 15:21:07
5272
原创 Intent之——跨进程启动Activity和设置程序的多个入口
一个应用程序是一个进程，那么我们如何启动另一个进程呢？public void switchProcess(View v) { Intent intent = new Intent(); intent.setAction("android.txfy.action.customapp"); startActivity(intent); }？也就是启动其他的app。这里使用到...
2015-04-02 11:05:11
3873
原创 Android自定义控件之——文字圆形边框（将文字绘制在圆中间）
自定义的控件写了很多跟圆形有关系的，有时候蛮纠结在圆里面画文字的有两种思路，一种是画圆之后再画字体，将字体控制在居中的位置另外一种是：重写TextView，控制TextView的gravity居中，再绘制TextView的边框，重点介绍这种用法。 一、绘制之前，掌握RectF对象的用法RectF 这个类包含一个矩形的四个单精度浮点坐标。矩形通过上下左右4个边的坐标来表示一个矩形...
2015-04-01 16:34:05
9092
原创 Android开源通信框架之——EventBus
前阵子看了 Mr Simple的博客，关于事件总线的，自己也跟着学了下一、什么是EventBusEventBus是一种基于事件发布与订阅模式的事件总线，实现了Activity、Fragment、Service组件或对象之间交互。让发布与订阅充分的解耦。二、与Android其他事件传递的区别Android传递方式包括Handler、BroadcastReceiver、In...
2015-03-30 10:09:07
800
原创 图片缩放时java.lang.IllegalArgumentException: pointerIndex out of range解决方案
最近在学习多点触控Multi-Touch照着别人的代码写了一个多点触控的Demo，功能是实现图片的放大缩小。一、实现的代码，下面是可能会出现错误的代码：package com.example.webproject;import android.app.Activity;import android.graphics.Matrix;import android.graphics.Po
2015-01-28 10:29:41
1105
原创 Unable to execute dex: Multiple dex files define 的一种解决方法
由于你自己的疏忽，你的项目下某个文件夹中有一个后缀为*.APK的文件，删掉，重新clean你的项目就能重新运行了，当然也不排除其他情况！其他情况网上有很多介绍了，我这里就不详细介绍了。
2014-11-27 11:09:12
526
原创 android的Theme.Light.NoTitleBar和Theme.Light.NoTitleBar.Fullscreen的区别
Theme.Light.NoTitleBar 查看顶部通知需要滑动两次才能出来Theme.Light.NoTitleBar.Fullscreen 查看顶部通知滑动一次就
2014-04-16 16:33:16
3279
原创 简单使用poi解析excel
POI结构HSSF － 提供读写Microsoft Excel XLS格式档案的功能。XSSF － 提供读写Microsoft Excel OOXML XLSX格式档案的功能。HWPF － 提供读写Microsoft Word DOC格式档案的功能。HSLF － 提供读写Microsoft PowerPoint格式档案的功能。HDGF － 提供读Microsoft Visio格
2013-10-31 12:03:06
1201
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人