_dalianmiao
_dalianmiao

前端经验_调试

1.Chrome 浏览器可以调试手机。

2.Element：查看HTML结构

（1）可以直接按delete键删除

（2）可以右击Edit as html编辑选中的元素

3.Network
前端经验_调试_第1张图片

展示网络请求，可以点击查查请求的状态

Headers：与HTTP协议有关,请求头、请求状态

Preview：显示具体内容（HTML、图片、JS插件）

Response:返回的是json

Preserve log ：不清空日志

Webstore提供了一个服务器的小功能，浏览器中localhost指向了本地的一个服务器端口，如果直接从文件夹打开，浏览器地址栏是file….
4.Sources

调试
前端经验_调试_第2张图片
左侧是一个目录结构

第一个是域名

然后是目录结构，可以查看详情

如何调试？

调试JS和JQuery的代码

如何打断点？在想要测试的JS代码前打断点，点击一下序号，然后刷新页面，就可以看到刷新页面绑定事件了。你想要监控什么就把它选中，就会显示出相应的详情（不方便），可以选中点击右键add to watch ，就可以在右侧看到详细信息。

你可能感兴趣的:(前端项目经验)

  • Vue - Table表格渲染 蟹逍鹤舞
    前端项目经验总结-Vue-Table表格渲染上千数据优化（分享自知乎网）https://zhuanlan.zhihu.com/p/53455289?utm_source=com.jianshu.haruki&utm_medium=social&utm_oi=1020077929602007040Vue-Table表格渲染上千数据优化Vue-Table表格渲染上千数据优化8个月前·来自专栏前端项目经
  • 没前端项目经验很难找实习吗？ 测试小扎 前端编程自学前端vue.jsjavascript
    学项目怎么会是怕不适合自己呢？学项目是让大家学习项目开发流程，对前面的基础知识查漏补缺。不能以后工作了，接一个项目说，这不适合我吧??一、聊聊企业招聘需求：近几年大厂面试前端，对数据结构和算法考察越来越重视，起码要懂的基本的递归、遍历、链表的操作、栈与堆的常见算法，能够更好的理解框架，可以向面试官展示编程能力和解决思路。另外手写一些功能也是很有必要的，比如深拷贝，Apply、Bind、New和pr
  • 关于前端项目经验---前端封装项目img模块的好处 DaXiong1024 JavaScriptvuereact
    前端封装项目img模块一、前言在我们项目开发的时候，会用到许多icon、img图片等当我们打包项目的时候，如果项目性能加载图片卡顿、迟缓、那么就可能需要用到CDN图片静态资源托管.此时我们的项目已经完成,图片数量庞大,再去修改img的src路径便是一个巨大的任务工程。且项目以后维护也会有很多相应问题所以引入img模块化来应对该问题。二、起步创建img.js文件importp1from"../ass
  • 各公司对前端职位描述 weixin_30500473
    傲游浏览器·前端开发组高级前端工程师工作职责Web应用的设计与开发；Javascript数据处理；复杂Ajax交互开发；Web接口设计与开发；Html/css代码质量控制。岗位要求3年以上前端开发经验，有完整的前端项目经验；熟练使用jQuery,Mootools或Yui等主流Javascript库/框架；熟练使用Photoshop/Fireworks对设计图进行切割和导出;良好的编码习惯、沟通协作
  • web前端项目经验之《登录模块》 吴小花的博客 Web前端开发
    HTML部分{extendname="common:base"}{blockname="title"}{/block}{blockname="css"}{/block}{blockname="header"}{includefile="common:header"/}{/block}{blockname="body"}{$content.login}{$content.loginT}{$conte
  • Web前端面试指导：编写简历，吃透简历内容 weixin_43955769
    2.2吃透简历内容2.2.1吃透自己的简历Ø简历出现的名词术语要非常熟悉Ø简历出现的技术要熟练应用，不能熟练的死记硬背也要记下Ø对于项目要非常熟悉，非常清楚自己所负责的模块Ø对自己的学历、阅历要非常清楚，特别是那些虚构的，更要下功夫。2.2.2项目经验修ØWeb前端项目经验一般要求在2~3年Ø项目个数不能少于3个，最好在3~4个之间，也不要太多。2.2.3进行模拟面试Ø进行训练，假想面试官问的问题
  • 前端项目经验总结 涂行知
    页面编写心得先分清项目中的公有逻辑和私有逻辑，把公有逻辑抽离出来。面向对象编程，而不是面向过程编程。例子1，一个大的课程表表格，里面嵌套了一个小的考勤按钮，小的考勤按钮和大的表格有交叉相同的交互逻辑，此部分逻辑就可以抽离出来，作为公共逻辑。例子2离谁最近，就依靠谁一个函数最好只做一件事echart相关样式1、自定义chart图颜色，可以设置option里的color，为数组类型。自适应vue、el
  • 无标题文章 Hathaway_桉
    2017.7.10【腾讯微信-2018应届生提前批招聘已开启】腾讯微信应届生offer提前拿，前端等岗位现正热招，HR小姐姐等你来liao，简历直达[email protected]。跟风发一波广告，百度最核心高大上的AI部门招web前端实习生，熟悉HTML，CSS，JavaScript，有一定前端项目经验，感兴趣的简历发送到[email protected]，邮件标题注明：应
  • 个人技能树成长记录（更新至2018-10-06） 孤明 个人成长
    现阶段个人经历技能树能力2018-10-14最近求职中，对于工作经验在简历很难简述在此做一下补充以项目为例：原工作一年中，前端项目经验主要集中在页面保真还原和API数据对接上页面：布局————DIV+CSS、Flex实现常见的各种页面布局（UI框架，暂只使用过Bootstrap,一般靠抽离公共样式后进行手撸）功能：基础应用功能均熟练，包括不限于表单、弹出层、表格、图标、地图，插件和原生都曾有技术实
  • 关于前端项目经验 Mukers
    按着套路的话来讲，一般的指标就是这样：项目名称项目描述具体职责当然，还可以更细化。国内的招聘站点，都有简历模板，填填空就可以了。也可以证明你在这些方面有造诣并且可以让人可以看的出的demo，可以传到github之类的可在线预览的。列举几个站点,并注明参与了哪些部分,学到了哪些知识。首先项目经验一定要务实，因为基本是一定会被问到的。你在项目中的位置，上面有谁下面有谁，前面有谁后面有谁，平行的又有谁？
  • Web前端面试指导(二)：编写简历，吃透简历内容 智学无忧-老曹 Web前端
    2.1简历模板（仅供参考，不得千篇一律）~~~~~~温馨提示~~~~~~简历模板文件在QQ群4909166352.2吃透简历内容2.2.1吃透自己的简历Ø简历出现的名词术语要非常熟悉Ø简历出现的技术要熟练应用，不能熟练的死记硬背也要记下Ø对于项目要非常熟悉，非常清楚自己所负责的模块Ø对自己的学历、阅历要非常清楚，特别是那些虚构的，更要下功夫。2.2.2项目经验修ØWeb前端项目经验一般要求在2~3
  • ASM系列六 利用TreeApi 添加和移除类成员 lijingyao8206 jvm动态代理ASM字节码技术TreeAPI
        同生成的做法一样，添加和移除类成员只要去修改fields和methods中的元素即可。这里我们拿一个简单的类做例子，下面这个Task类，我们来移除isNeedRemove方法，并且添加一个int 类型的addedField属性。   package asm.core; /** * Created by yunshen.ljy on 2015/6/
  • Springmvc-权限设计 bee1314 springWebjsp
    万丈高楼平地起。 权限管理对于管理系统而言已经是标配中的标配了吧，对于我等俗人更是不能免俗。同时就目前的项目状况而言，我们还不需要那么高大上的开源的解决方案，如Spring Security，Shiro。小伙伴一致决定我们还是从基本的功能迭代起来吧。 目标： 1.实现权限的管理（CRUD） 2.实现部门管理 （CRUD) 3.实现人员的管理 （CRUD） 4.实现部门和权限
  • 算法竞赛入门经典（第二版）第2章习题 CrazyMizzz c算法
    2.4.1 输出技巧 #include <stdio.h> int main() { int i, n; scanf("%d", &n); for (i = 1; i <= n; i++) printf("%d\n", i); return 0; } 习题2-2 水仙花数(daffodil
  • struts2中jsp自动跳转到Action 麦田的设计者 jspwebxmlstruts2自动跳转
    1、在struts2的开发中，经常需要用户点击网页后就直接跳转到一个Action，执行Action里面的方法，利用mvc分层思想执行相应操作在界面上得到动态数据。毕竟用户不可能在地址栏里输入一个Action（不是专业人士）   2、＜jsp:forward page="xxx.action" /＞ ，这个标签可以实现跳转，page的路径是相对地址,不同与jsp和j
  • php 操作webservice实例 IT独行者 PHPwebservice
    首先大家要简单了解了何谓webservice，接下来就做两个非常简单的例子，webservice还是逃不开server端与client端。我测试的环境为：apache2.2.11 php5.2.10做这个测试之前，要确认你的php配置文件中已经将soap扩展打开，即extension=php_soap.dll; OK 现在我们来体验webservice //server端 serve
  • Windows下使用Vagrant安装linux系统 _wy_ windowsvagrant
    准备工作： 下载安装 VirtualBox ：https://www.virtualbox.org/ 下载安装 Vagrant ：http://www.vagrantup.com/ 下载需要使用的 box ： 官方提供的范例：http://files.vagrantup.com/precise32.box 还可以在 http://www.vagrantbox.es/ 
  • 更改linux的文件拥有者及用户组(chown和chgrp) 无量 clinuxchgrpchown
    本文（转） http://blog.163.com/yanenshun@126/blog/static/128388169201203011157308/ http://ydlmlh.iteye.com/blog/1435157 一、基本使用： 使用chown命令可以修改文件或目录所属的用户：        命令
  • linux下抓包工具 矮蛋蛋 linux
    原文地址： http://blog.chinaunix.net/uid-23670869-id-2610683.html tcpdump -nn -vv -X udp port 8888 上面命令是抓取udp包、端口为8888 netstat -tln 命令是用来查看linux的端口使用情况 13 . 列出所有的网络连接 lsof -i 14. 列出所有tcp 网络连接信息 l
  • 我觉得mybatis是垃圾！：“每一个用mybatis的男纸，你伤不起” alafqq mybatis
    最近看了  每一个用mybatis的男纸，你伤不起 原文地址 ：http://www.iteye.com/topic/1073938 发表一下个人看法。欢迎大神拍砖； 个人一直使用的是Ibatis框架，公司对其进行过小小的改良； 最近换了公司，要使用新的框架。听说mybatis不错；就对其进行了部分的研究； 发现多了一个mapper层；个人感觉就是个dao；
  • 解决java数据交换之谜 百合不是茶 数据交换
    交换两个数字的方法有以下三种 ，其中第一种最常用   /* 输出最小的一个数 */ public class jiaohuan1 { public static void main(String[] args) { int a =4; int b = 3; if(a<b){ // 第一种交换方式 int tmep =
  • 渐变显示 bijian1013 JavaScript
    <style type="text/css"> #wxf { FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#97FF98); height: 25px; } </style>
  • 探索JUnit4扩展：断言语法assertThat bijian1013 java单元测试assertThat
    一.概述         JUnit 设计的目的就是有效地抓住编程人员写代码的意图，然后快速检查他们的代码是否与他们的意图相匹配。 JUnit 发展至今，版本不停的翻新，但是所有版本都一致致力于解决一个问题，那就是如何发现编程人员的代码意图，并且如何使得编程人员更加容易地表达他们的代码意图。JUnit 4.4 也是为了如何能够
  • 【Gson三】Gson解析{"data":{"IM":["MSN","QQ","Gtalk"]}} bit1129 gson
      如何把如下简单的JSON字符串反序列化为Java的POJO对象? {"data":{"IM":["MSN","QQ","Gtalk"]}}   下面的POJO类Model无法完成正确的解析：   import com.google.gson.Gson;
  • 【Kafka九】Kafka High Level API vs. Low Level API bit1129 kafka
    1. Kafka提供了两种Consumer API High Level Consumer API Low Level Consumer API(Kafka诡异的称之为Simple Consumer API，实际上非常复杂) 在选用哪种Consumer API时，首先要弄清楚这两种API的工作原理，能做什么不能做什么，能做的话怎么做的以及用的时候，有哪些可能的问题  
  • 在nginx中集成lua脚本：添加自定义Http头，封IP等 ronin47 nginx lua
    Lua是一个可以嵌入到Nginx配置文件中的动态脚本语言，从而可以在Nginx请求处理的任何阶段执行各种Lua代码。刚开始我们只是用Lua 把请求路由到后端服务器，但是它对我们架构的作用超出了我们的预期。下面就讲讲我们所做的工作。 强制搜索引擎只索引mixlr.com Google把子域名当作完全独立的网站，我们不希望爬虫抓取子域名的页面，降低我们的Page rank。 location /{
  • java-归并排序 bylijinnan java
    import java.util.Arrays; public class MergeSort { public static void main(String[] args) { int[] a={20,1,3,8,5,9,4,25}; mergeSort(a,0,a.length-1); System.out.println(Arrays.to
  • Netty源码学习-CompositeChannelBuffer bylijinnan javanetty
    CompositeChannelBuffer体现了Netty的“Transparent Zero Copy” 查看API（ http://docs.jboss.org/netty/3.2/api/org/jboss/netty/buffer/package-summary.html#package_description） 可以看到，所谓“Transparent Zero Copy”是通
  • Android中给Activity添加返回键 hotsunshine Activity
    // this need android:minSdkVersion="11" getActionBar().setDisplayHomeAsUpEnabled(true); @Override public boolean onOptionsItemSelected(MenuItem item) {
  • 静态页面传参 ctrain 静态
    $(document).ready(function () { var request = { QueryString : function (val) { var uri = window.location.search; var re = new RegExp("" + val + "=([^&?]*)", &
  • Windows中查找某个目录下的所有文件中包含某个字符串的命令 daizj windows查找某个目录下的所有文件包含某个字符串
    findstr可以完成这个工作。   [html]  view plain copy   >findstr /s /i "string" *.*   上面的命令表示，当前目录以及当前目录的所有子目录下的所有文件中查找"string&qu
  • 改善程序代码质量的一些技巧 dcj3sjt126com 编程PHP重构
    有很多理由都能说明为什么我们应该写出清晰、可读性好的程序。最重要的一点，程序你只写一次，但以后会无数次的阅读。当你第二天回头来看你的代码 时，你就要开始阅读它了。当你把代码拿给其他人看时，他必须阅读你的代码。因此，在编写时多花一点时间，你会在阅读它时节省大量的时间。让我们看一些基本的编程技巧：    尽量保持方法简短    尽管很多人都遵
  • SharedPreferences对数据的存储 dcj3sjt126com
    SharedPreferences简介：                                                   &nbs
  • linux复习笔记之bash shell (2) bash基础 eksliang bashbash shell
    转载请出自出处： http://eksliang.iteye.com/blog/2104329 1.影响显示结果的语系变量（locale）  1.1locale这个命令就是查看当前系统支持多少种语系，命令使用如下： [root@localhost shell]# locale LANG=en_US.UTF-8 LC_CTYPE="en_US.UTF-8"
  • Android零碎知识总结 gqdy365 android
    1、CopyOnWriteArrayList add(E) 和remove(int index)都是对新的数组进行修改和新增。所以在多线程操作时不会出现java.util.ConcurrentModificationException错误。 所以最后得出结论：CopyOnWriteArrayList适合使用在读操作远远大于写操作的场景里，比如缓存。发生修改时候做copy，新老版本分离，保证读的高
  • HoverTree.Model.ArticleSelect类的作用 hvt Web.netC#hovertreeasp.net
    ArticleSelect类在命名空间HoverTree.Model中可以认为是文章查询条件类，用于存放查询文章时的条件，例如HvtId就是文章的id。HvtIsShow就是文章的显示属性，当为-1是，该条件不产生作用，当为0时，查询不公开显示的文章，当为1时查询公开显示的文章。HvtIsHome则为是否在首页显示。HoverTree系统源码完全开放，开发环境为Visual Studio 2013
  • PHP 判断是否使用代理 PHP Proxy Detector 天梯梦 proxy
    1. php 类 I found this class looking for something else actually but I remembered I needed some while ago something similar and I never found one. I'm sure it will help a lot of developers who try to
  • apache的math库中的回归——regression（翻译） lvdccyb Mathapache
    这个Math库，虽然不向weka那样专业的ML库，但是用户友好，易用。 多元线性回归，协方差和相关性（皮尔逊和斯皮尔曼），分布测试（假设检验，t，卡方，G），统计。   数学库中还包含，Cholesky，LU，SVD，QR，特征根分解，真不错。   基本覆盖了：线代，统计，矩阵， 最优化理论 曲线拟合 常微分方程 遗传算法（GA）， 还有3维的运算。。。
  • 基础数据结构和算法十三：Undirected Graphs (2) sunwinner Algorithm
      Design pattern for graph processing. Since we consider a large number of graph-processing algorithms, our initial design goal is to decouple our implementations from the graph representation
  • 云计算平台最重要的五项技术 sumapp 云计算云平台智城云
    云计算平台最重要的五项技术 1、云服务器 云服务器提供简单高效，处理能力可弹性伸缩的计算服务，支持国内领先的云计算技术和大规模分布存储技术，使您的系统更稳定、数据更安全、传输更快速、部署更灵活。 特性 机型丰富 通过高性能服务器虚拟化为云服务器，提供丰富配置类型虚拟机，极大简化数据存储、数据库搭建、web服务器搭建等工作； 仅需要几分钟，根据CP
  • 《京东技术解密》有奖试读获奖名单公布 ITeye管理员 活动
    ITeye携手博文视点举办的12月技术图书有奖试读活动已圆满结束，非常感谢广大用户对本次活动的关注与参与。  12月试读活动回顾： http://webmaster.iteye.com/blog/2164754 本次技术图书试读活动获奖名单及相应作品如下： 一等奖（两名） Microhardest：http://microhardest.ite
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他