- vue项目debugger调试看不到源码
hua_ban_yu
浏览器vuedebuggervue断点vue在chrome源码vuedebugger源码vue调试
在搭建vue项目时,在vue文件里面输入debugger后,在浏览器点击操作发现可以进入断点,但显示的是已经压缩好的代码,无法看到源码。在网上查了好多文件都说添加devtool:"source-map"即可解决,实际情况是添加了没有效果。解决方案:1打开vue.config.js文件,添加devtool:"cheap-module-source-map",然后重启项目。2.在页面上点击即可进入断点
- webpack开发部署技巧
f_Joyce
开发技巧启用source-map现在的代码是合并以后的代码,不利于排错和定位,只需要在config中添加...devtool:'eval-source-map',...这样出错以后就会采用source-map的形式直接显示你出错代码的位置。配置webpack-dev-server代理既然常用webpack做React一类的SPA,那么一个典型的例子就是前后端分离。后端是一个RESTful的serv
- 使用webstorm调试vue 2 项目
Future_By_Now
vuewebstormvue.jside
学习目标:使用webstorm调试vue2项目笔者环境:npm6.14.12webstorm2023.1vue2学习内容:例如:正常启动npm项目配置javaScruotdubug配置你的项目地址就好使用dubug运行你配置的调式页问题如果进入了js页无法进入vue页1.查看settting的vue.js插件是否安装2.查看webpack.conf.js文件是否配置了devtool:“eval-s
- Vue打包Webpack源码及物理路径泄漏问题解决
未来@音律
Vue全家桶从入门到精通vue.jswebpack前端
修复前:找到vue.config.js文件,在其中增加配置module.exports={productionSourceMap:false,//webpack配置configureWebpack:{devtool:false,}}修复后:
- NodeJs环境安装与配置
王大可996
系统工具windowsnode.jsnpm
最近电脑重装了系统,开发环境啥的都得重装,顺便记录下nodeJs的安装与配置,方便需要的同学查看,也方便自己以后查找。安装下载地址:https://nodejs.cn/download/根据需要选择自己环境需要的下载即可,我这里是win11.64位的系统。现在一般都是64的了吧...下载后,安装到指定目录即可,一版安装到非C盘以外的目录,这个就不用说为啥了吧。我这里是D:\work\devtool
- Webpack(四):devTool中SourceMap模式详解
CodeMT
一:什么是SourceMap?我们在项目进行打包后,会将开发中的多个文件代码打包到一个文件中,并且经过压缩,去掉多余的空格,且babel编译化后,最终会用于线上环境,那么这样处理后的代码和源代码会有很大的差别,当有bug的时候,我们只能定位到压缩处理后的代码位置,无法定位到开发环境中的代码,对于开发不好调式,因此sourceMap出现了,它就是为了解决不好调式代码问题的。官网devtoolhttp
- IntelliJ IDEA下SpringBoot应用实现热部署
lglspace
IDEintellijidea
1、IntelliJIDEA配制Ctrl+Shift+Alt+/进入Registry2.引入devtool依赖org.springframework.bootspring-boot-devtoolstrue
- Fiddler替换原网页元素
RaptorWE
爬虫fiddler前端测试工具
我将此代码替换为我的图片时,再进行加载的页面,图片将改变。此效果主要用于当某些网站使用js脚本注入,来禁止F12访问时,可以将他的js文件替换为空。例:只需要将https://cdn.jsdelivr.net/npm/disable-devtool/disable-devtool.min.js,替换成一个空的js文件即可破解。
- webpack的sourcemap各种参数详解
刷题刷到手抽筋
webpack配置中的devtool字段可以允许我们控制sourcemap的生成,提供开发时候的代码定位功能关于sourcemap可以参考sourcemap详解1.sourcemap关键字sourcemap关键字如下eval使用eval包裹代码模块(这个代码块是转译后的代码,并未进行打包和压缩)eval包裹每个代码块时候,会在后面增加"sourceURL"(和sourcemap里的"sourceM
- vue 项目优化打包时间
菜菜爱吃菜c
vue.jsjavascript前端
优化Vue项目的打包速度随着项目依赖的增加,在配合开发的时候听到后端同学的抱怨build时间长,及其影响开发效率和心情.然后翻阅了相关的资料开启Vue优化之路。此项目是针对vue-cli2脚手架进行优化的优化配置修改config/index.js下的文件//开发环境dev下,设置为`eval`能提高最快速度,但是缺点是不能正确显示行号,Debug会有点影响devtool:'eval'//关闭生产环
- Vue中使用debugger在浏览器中不起作用解决方案
小鱼小鱼干
vue.js前端javascript
问题描述:使用vscode编辑器,运行vue项目时想要断点调试,奈何始终进不了断点。先后尝试Edge和chrome浏览器,均不生效,排除浏览器因素,定位为代码问题。解决方案:找到文件vue.config.js,或全局搜索configureWebpack,在如下位置加入devtool:"sourcemap",重新启动项目,debugger即可生效。
- 本地配置webpack启动
李成泽
1、新建webpack.config.js文件constHtmlWebpackPlugin=require("html-webpack-plugin");module.exports={mode:"none",stats:"none",devtool:"source-map",plugins:[newHtmlWebpackPlugin()],};2、npm生成pakage.json文件3、启动本地
- DevTools failed to load source map: Could not load content for http://localhost:8080/static/js/zh_cn
不努力code
webpackvue.js前端
目录解决方式一:利用浏览器,禁用,但不能得到真正的解决,比如谷歌方式二:webpack.config.js或者vue.config.js中添加devtool:'inline-source-map',解决方式一:利用浏览器,禁用,但不能得到真正的解决,比如谷歌方式二:webpack.config.js或者vue.config.js中添加devtool:'inline-source-map',//vu
- webpack高手秘籍(四)
vv_小虫虫
前言我们继续前面的内容,把webpack剩下的配置项撸一遍,推荐大家先看一下前面的文章:webpack源码解析一webpack源码解析二(html-webpack-plugin插件)webpack源码解析三webpack源码解析四配置devtool此选项控制是否生成,以及如何生成sourcemap。什么是Sourcemap?简单说,Sourcemap就是一个信息文件,里面储存着位置信息。也就是说,
- Flutter配置代理抓包
前端开发小陈
flutterandroid
背景在开发Flutter中,我们经常需要对网络请求进行调试,而Flutter自带的devtool的network又不太好用,有时会出现请求成功,但是又看不到response返回(难道是我姿势不对?)。于是我就尝试通过抓包来查看请求工具准备1.安装charles2.有时我们需要抓https的请求,此时用charles抓包的内容是加密的,看不到明文,这时候需要安装下Charles的证书来解决。点击he
- 【Http代理来访问】
玉成226
http网络协议网络
本地客户端向服务端发送Http请求,通过用可连接外网服务器来作为代理服务器,流程:*客户端向代理服务器发送的HTTP报文。*代理服务器向目标服务器发送的HTTP报文。实现步骤如下:1在谷歌浏览器中安装Chorme插件,下载地址:http://www.cnplugins.com/devtool/proxy-switchysharp/download.html。2在liunx系统中开启allproxy
- webpack 的 source-map 设置
imdongliang
sourcemap是什么sourcemap是一个信息文件,里面储存着位置信息,是转化(打包压缩混淆)后代码与源文件代码的位置映射sourcemap的作用在代码调试的时候,能快速定位到源文件的位置如何在webpack中配置在webpack.config.js中,有个devtool的属性可以配置module.exports={mode:"development",devtool:"cheap-modu
- 通过npm安装vue-devtools(vue的chrome调试工具)
灰侠_bf44
1.下载chrome的扩展程序包github地址:https://github.com/vuejs/vue-devtools2.下载完成后,解压到先关文件夹下。进入vue-devtools文件夹,开始安装项目所需依赖包命令:npminstall(如果有国内镜像环境,直接cnpminstall就好了)下载成功出现如下状态:3.开始编译项目文件:命令:npmrunbuild4.在vue-devtool
- 安装vue-devtools
adced06edef5
1、安装nodejs,http://nodejs.cn/download/2、nodejs中集成了npm,windows中升级npm:npminstallnpm-g安装淘宝镜像:npminstall-gcnpm--registry=https://registry.npm.taobao.org3、下载vue-devtools,https://github.com/vuejs/vue-devtool
- Webpack高级应用篇
sourceunity
webpack前端javascript开发语言性能优化
source-mapconstHtmlWebpackPlugin=require('html-webpack-plugin')module.exports={mode:'development',entry:'./app.js',devtool:false,//默认值为evalplugins:[newHtmlWebpackPlugin()]}devServerdevServer:{static:p
- webpack高级应用篇(一):source map —— 增强调试过程
__畫戟__
前端工程化Webpackwebpacksourcemapdevtoolsource-map
DevtoolDevtool模式品质说明(quality)对于开发环境对于生产环境Devtool此选项控制是否生成,以及如何生成sourcemap。使用SourceMapDevToolPlugin进行更细粒度的配置。查看source-map-loader来处理已有的sourcemap。选择一种sourcemap格式来增强调试过程。不同的值会明显影响到构建(build)和重新构建(rebuild)的
- 【webpack】高级篇
博主花神
【前端工程化】webpack前端node.js
webpack高级应用安装流程提高开发效率与完善团队开发规范devtool属性devServer属性下compress属性port属性headers请求头proxy开启代理https配置http2配置historyApiFallback配置开发服务器主机host模块热替换与热加载eslint代码规范取消黑色背景弹窗提示git-hooks与husky模块和依赖模块解析(resolve)下alias和
- Vue打包后JS文件夹中出现一些map文件的解决方法
流眸Tel
1.在项目下进入目录:项目包/config/index.js找到productionSourceMap/***SourceMaps*/productionSourceMap:true,//https://webpack.js.org/configuration/devtool/#productiondevtool:'#source-map',2.将productionSourceMap的true改
- js 通过 navigator.clipboard.writeText(textToCopy) 实现复制,测试环境可以,正式环境不行的解决方案。
众纳
WEB前端javascriptjava开发语言
问题描述:代码:navigator.clipboard.writeText('http://go.defino.cn/public?uuid='+data.uuid).then(()=>{layer.msg("复制成功");}).catch(()=>{layer.msg("复制失败");})测试环境下可以正常复制,但放到线上会报错:找不到.writeText百度分析:在Chrome的DevTool
- 好用的网页内容转markdown工具
Funny_AI_LAB
工具数据结构编辑器web3人工智能
因为平时记录的笔记在不同的平台发布,后面需要保存成mrakdown的格式又找不到本地的文件记录,本地存储的好处很多,比如可以离线浏览阅读,对网页进行备份,也能借助其他工具同步数据而来满足自己的工作流程。这是这些工具将会简化你的操作:一.在线工具推荐:1.devtool在线地址:https://devtool.tech/html-md用法一:十分简单,只需要在左边页面地址处填入网址,并按Enter,
- Vue:Vue的开发者工具不显示Vue实例中的data数据
生产队队长
前端vue.jsjavascript前端
一、情况描述代码:页面:可以看到,input获取到了data数据,但是,vue-devtool没有获取到data数据二、解决办法解决办法1:data.name的值不能全是中文,比如改成aa尚硅谷解决办法2:data中不要用name作为key,比如,改成address
- 如何开启vue3.0 调试工具vue-devtools
李成泽
1.去https://github.com/vuejs/vue-devtools官网下载2.注意:安装beta版本image.png3.安装后直接使用,不用作其它配置,直接F12可以看到新版的vue-devtool
- 在 VS Code 中调试vue项目
海的那一边
1.VSCode中安装DebuggerforChrome扩展的最新版本:image.png2.在config/development.config.js(官网描述的是config/index.js,所以需要根据具体的项目而定)中添加如下配置:devtool:'source-map'3.点击运行调试按钮,再点击设置按钮,修改launch.json文件,配置如下:image.png{//UseInte
- 如何查看安卓手机/安卓设备是否root了
liuhanrong
使用数据线将手机或者设备连接到pc端。打开命令行。输入以下命令(前提是已经在电脑中配置好adb系统变量。如果没有配置好则需要切换到adb.exe的直接父目录下输入以下命令。下方图2中的D:\devTool\AS3.6\SDK\platform-tools则为adb.exe的直接父目录)adbshell回车如果出现了#号。代表已经被root图1(已经被root)如果出现了$号。代表还有root过图2
- 解决Eclipse+SpringBoot配置devtool后server.port不生效问题
王国之星
eclipsemavenspringboot
Eclipse的开发环境下,在pom.xml启用devtools后,src/main/resources/application.yml中的server.port不生效,可能是因为target\classes文件下,没有生成配置文件(实际所有配置都不生效)解决方案一:右键项目:BuildPath->ConfigureBuildPath...->javaBuildPath->Source找到src/
- java解析APK
3213213333332132
javaapklinux解析APK
解析apk有两种方法
1、结合安卓提供apktool工具,用java执行cmd解析命令获取apk信息
2、利用相关jar包里的集成方法解析apk
这里只给出第二种方法,因为第一种方法在linux服务器下会出现不在控制范围之内的结果。
public class ApkUtil
{
/**
* 日志对象
*/
private static Logger
- nginx自定义ip访问N种方法
ronin47
nginx 禁止ip访问
因业务需要,禁止一部分内网访问接口, 由于前端架了F5,直接用deny或allow是不行的,这是因为直接获取的前端F5的地址。
所以开始思考有哪些主案可以实现这样的需求,目前可实施的是三种:
一:把ip段放在redis里,写一段lua
二:利用geo传递变量,写一段
- mysql timestamp类型字段的CURRENT_TIMESTAMP与ON UPDATE CURRENT_TIMESTAMP属性
dcj3sjt126com
mysql
timestamp有两个属性,分别是CURRENT_TIMESTAMP 和ON UPDATE CURRENT_TIMESTAMP两种,使用情况分别如下:
1.
CURRENT_TIMESTAMP
当要向数据库执行insert操作时,如果有个timestamp字段属性设为
CURRENT_TIMESTAMP,则无论这
- struts2+spring+hibernate分页显示
171815164
Hibernate
分页显示一直是web开发中一大烦琐的难题,传统的网页设计只在一个JSP或者ASP页面中书写所有关于数据库操作的代码,那样做分页可能简单一点,但当把网站分层开发后,分页就比较困难了,下面是我做Spring+Hibernate+Struts2项目时设计的分页代码,与大家分享交流。
1、DAO层接口的设计,在MemberDao接口中定义了如下两个方法:
public in
- 构建自己的Wrapper应用
g21121
rap
我们已经了解Wrapper的目录结构,下面可是正式利用Wrapper来包装我们自己的应用,这里假设Wrapper的安装目录为:/usr/local/wrapper。
首先,创建项目应用
&nb
- [简单]工作记录_多线程相关
53873039oycg
多线程
最近遇到多线程的问题,原来使用异步请求多个接口(n*3次请求) 方案一 使用多线程一次返回数据,最开始是使用5个线程,一个线程顺序请求3个接口,超时终止返回 缺点 测试发现必须3个接
- 调试jdk中的源码,查看jdk局部变量
程序员是怎么炼成的
jdk 源码
转自:http://www.douban.com/note/211369821/
学习jdk源码时使用--
学习java最好的办法就是看jdk源代码,面对浩瀚的jdk(光源码就有40M多,比一个大型网站的源码都多)从何入手呢,要是能单步调试跟进到jdk源码里并且能查看其中的局部变量最好了。
可惜的是sun提供的jdk并不能查看运行中的局部变量
- Oracle RAC Failover 详解
aijuans
oracle
Oracle RAC 同时具备HA(High Availiablity) 和LB(LoadBalance). 而其高可用性的基础就是Failover(故障转移). 它指集群中任何一个节点的故障都不会影响用户的使用,连接到故障节点的用户会被自动转移到健康节点,从用户感受而言, 是感觉不到这种切换。
Oracle 10g RAC 的Failover 可以分为3种:
1. Client-Si
- form表单提交数据编码方式及tomcat的接受编码方式
antonyup_2006
JavaScripttomcat浏览器互联网servlet
原帖地址:http://www.iteye.com/topic/266705
form有2中方法把数据提交给服务器,get和post,分别说下吧。
(一)get提交
1.首先说下客户端(浏览器)的form表单用get方法是如何将数据编码后提交给服务器端的吧。
对于get方法来说,都是把数据串联在请求的url后面作为参数,如:http://localhost:
- JS初学者必知的基础
百合不是茶
js函数js入门基础
JavaScript是网页的交互语言,实现网页的各种效果,
JavaScript 是世界上最流行的脚本语言。
JavaScript 是属于 web 的语言,它适用于 PC、笔记本电脑、平板电脑和移动电话。
JavaScript 被设计为向 HTML 页面增加交互性。
许多 HTML 开发者都不是程序员,但是 JavaScript 却拥有非常简单的语法。几乎每个人都有能力将小的
- iBatis的分页分析与详解
bijian1013
javaibatis
分页是操作数据库型系统常遇到的问题。分页实现方法很多,但效率的差异就很大了。iBatis是通过什么方式来实现这个分页的了。查看它的实现部分,发现返回的PaginatedList实际上是个接口,实现这个接口的是PaginatedDataList类的对象,查看PaginatedDataList类发现,每次翻页的时候最
- 精通Oracle10编程SQL(15)使用对象类型
bijian1013
oracle数据库plsql
/*
*使用对象类型
*/
--建立和使用简单对象类型
--对象类型包括对象类型规范和对象类型体两部分。
--建立和使用不包含任何方法的对象类型
CREATE OR REPLACE TYPE person_typ1 as OBJECT(
name varchar2(10),gender varchar2(4),birthdate date
);
drop type p
- 【Linux命令二】文本处理命令awk
bit1129
linux命令
awk是Linux用来进行文本处理的命令,在日常工作中,广泛应用于日志分析。awk是一门解释型编程语言,包含变量,数组,循环控制结构,条件控制结构等。它的语法采用类C语言的语法。
awk命令用来做什么?
1.awk适用于具有一定结构的文本行,对其中的列进行提取信息
2.awk可以把当前正在处理的文本行提交给Linux的其它命令处理,然后把直接结构返回给awk
3.awk实际工
- JAVA(ssh2框架)+Flex实现权限控制方案分析
白糖_
java
目前项目使用的是Struts2+Hibernate+Spring的架构模式,目前已经有一套针对SSH2的权限系统,运行良好。但是项目有了新需求:在目前系统的基础上使用Flex逐步取代JSP,在取代JSP过程中可能存在Flex与JSP并存的情况,所以权限系统需要进行修改。
【SSH2权限系统的实现机制】
权限控制分为页面和后台两块:不同类型用户的帐号分配的访问权限是不同的,用户使
- angular.forEach
boyitech
AngularJSAngularJS APIangular.forEach
angular.forEach 描述: 循环对obj对象的每个元素调用iterator, obj对象可以是一个Object或一个Array. Iterator函数调用方法: iterator(value, key, obj), 其中obj是被迭代对象,key是obj的property key或者是数组的index,value就是相应的值啦. (此函数不能够迭代继承的属性.)
- java-谷歌面试题-给定一个排序数组,如何构造一个二叉排序树
bylijinnan
二叉排序树
import java.util.LinkedList;
public class CreateBSTfromSortedArray {
/**
* 题目:给定一个排序数组,如何构造一个二叉排序树
* 递归
*/
public static void main(String[] args) {
int[] data = { 1, 2, 3, 4,
- action执行2次
Chen.H
JavaScriptjspXHTMLcssWebwork
xwork 写道 <action name="userTypeAction"
class="com.ekangcount.website.system.view.action.UserTypeAction">
<result name="ssss" type="dispatcher">
- [时空与能量]逆转时空需要消耗大量能源
comsci
能源
无论如何,人类始终都想摆脱时间和空间的限制....但是受到质量与能量关系的限制,我们人类在目前和今后很长一段时间内,都无法获得大量廉价的能源来进行时空跨越.....
在进行时空穿梭的实验中,消耗超大规模的能源是必然
- oracle的正则表达式(regular expression)详细介绍
daizj
oracle正则表达式
正则表达式是很多编程语言中都有的。可惜oracle8i、oracle9i中一直迟迟不肯加入,好在oracle10g中终于增加了期盼已久的正则表达式功能。你可以在oracle10g中使用正则表达式肆意地匹配你想匹配的任何字符串了。
正则表达式中常用到的元数据(metacharacter)如下:
^ 匹配字符串的开头位置。
$ 匹配支付传的结尾位置。
*
- 报表工具与报表性能的关系
datamachine
报表工具birt报表性能润乾报表
在选择报表工具时,性能一直是用户关心的指标,但是,报表工具的性能和整个报表系统的性能有多大关系呢?
要回答这个问题,首先要分析一下报表的处理过程包含哪些环节,哪些环节容易出现性能瓶颈,如何优化这些环节。
一、报表处理的一般过程分析
1、用户选择报表输入参数后,报表引擎会根据报表模板和输入参数来解析报表,并将数据计算和读取请求以SQL的方式发送给数据库。
2、
- 初一上学期难记忆单词背诵第一课
dcj3sjt126com
wordenglish
what 什么
your 你
name 名字
my 我的
am 是
one 一
two 二
three 三
four 四
five 五
class 班级,课
six 六
seven 七
eight 八
nince 九
ten 十
zero 零
how 怎样
old 老的
eleven 十一
twelve 十二
thirteen
- 我学过和准备学的各种技术
dcj3sjt126com
技术
语言VB https://msdn.microsoft.com/zh-cn/library/2x7h1hfk.aspxJava http://docs.oracle.com/javase/8/C# https://msdn.microsoft.com/library/vstudioPHP http://php.net/manual/en/Html
- struts2中token防止重复提交表单
蕃薯耀
重复提交表单struts2中token
struts2中token防止重复提交表单
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
蕃薯耀 2015年7月12日 11:52:32 星期日
ht
- 线性查找二维数组
hao3100590
二维数组
1.算法描述
有序(行有序,列有序,且每行从左至右递增,列从上至下递增)二维数组查找,要求复杂度O(n)
2.使用到的相关知识:
结构体定义和使用,二维数组传递(http://blog.csdn.net/yzhhmhm/article/details/2045816)
3.使用数组名传递
这个的不便之处很明显,一旦确定就是不能设置列值
//使
- spring security 3中推荐使用BCrypt算法加密密码
jackyrong
Spring Security
spring security 3中推荐使用BCrypt算法加密密码了,以前使用的是md5,
Md5PasswordEncoder 和 ShaPasswordEncoder,现在不推荐了,推荐用bcrpt
Bcrpt中的salt可以是随机的,比如:
int i = 0;
while (i < 10) {
String password = "1234
- 学习编程并不难,做到以下几点即可!
lampcy
javahtml编程语言
不论你是想自己设计游戏,还是开发iPhone或安卓手机上的应用,还是仅仅为了娱乐,学习编程语言都是一条必经之路。编程语言种类繁多,用途各 异,然而一旦掌握其中之一,其他的也就迎刃而解。作为初学者,你可能要先从Java或HTML开始学,一旦掌握了一门编程语言,你就发挥无穷的想象,开发 各种神奇的软件啦。
1、确定目标
学习编程语言既充满乐趣,又充满挑战。有些花费多年时间学习一门编程语言的大学生到
- 架构师之mysql----------------用group+inner join,left join ,right join 查重复数据(替代in)
nannan408
right join
1.前言。
如题。
2.代码
(1)单表查重复数据,根据a分组
SELECT m.a,m.b, INNER JOIN (select a,b,COUNT(*) AS rank FROM test.`A` A GROUP BY a HAVING rank>1 )k ON m.a=k.a
(2)多表查询 ,
使用改为le
- jQuery选择器小结 VS 节点查找(附css的一些东西)
Everyday都不同
jquerycssname选择器追加元素查找节点
最近做前端页面,频繁用到一些jQuery的选择器,所以特意来总结一下:
测试页面:
<html>
<head>
<script src="jquery-1.7.2.min.js"></script>
<script>
/*$(function() {
$(documen
- 关于EXT
tntxia
ext
ExtJS是一个很不错的Ajax框架,可以用来开发带有华丽外观的富客户端应用,使得我们的b/s应用更加具有活力及生命力。ExtJS是一个用 javascript编写,与后台技术无关的前端ajax框架。因此,可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中。
ExtJs最开始基于YUI技术,由开发人员Jack
- 一个MIT计算机博士对数学的思考
xjnine
Math
在过去的一年中,我一直在数学的海洋中游荡,research进展不多,对于数学世界的阅历算是有了一些长进。为什么要深入数学的世界?作为计算机的学生,我没有任何企图要成为一个数学家。我学习数学的目的,是要想爬上巨人的肩膀,希望站在更高的高度,能把我自己研究的东西看得更深广一些。说起来,我在刚来这个学校的时候,并没有预料到我将会有一个深入数学的旅程。我的导师最初希望我去做的题目,是对appe