针对html,我们可以对script\link\style\video\audio\embed等标签的src或href属性进行分析。
在js发展前期,它主要是在浏览器环境发光发热,由于ES规范规范化的时间比较早,所以涵盖的范畴比较小,但是在实际应用中,js的表现取决于宿主环境对ES规范的支持程度,随着web2.0的推进,HTML5崭露头角,它将web从网页时代带进了应用时代,并且在ES标准中出现了更多、更强大的api,在浏览器中也出现了更多、更强大的api供js调用,这需要感谢各大浏览器厂商对规范的大力支持,然而,浏览器的更新迭代和api的升级只出现在前端,后端的js规范却远远落后,对于js自身而言,它的规范依然是十分薄弱的,还存在一些严重的缺陷,比如:没有模块标准。
我们都经常遇到这个情况,在 Web 项目目录结构划分得细致之后,从某个子组件引用公共模块时,如果使用准确的相对路径,路径可能会变得相当长:
一、初识FIS 在做项目中遇到了静态资源浏览器缓存更新的问题,于是在网络上寻找解决方案。之前虽然没有解决过这个问题,但方法无非就是为其设定新URI使得浏览器强制更新。这个过程听起来还是相当简单的。 也是无意中搜索到了知乎上的一个帖子大公司里怎样开发和部署前端代码? 看到这个文章中提到了FIS,跟随着文章开始学习走起,有点小兴奋,只不过很快便发现问题更多。 二、尝试 原本只是想着有个工具可以将前端资源打个标识,这样就可以轻松的解决浏览器静态缓存更新问题。FIS的描述也确实如此,那么就开始动手搞起吧。 安装 F
Github:https://github.com/JSREI/ast-hook-for-js-RE 码云:https://gitee.com/BobZ/ast-hook-for-js-RE
Gulp安装流程、使用方法及CMD常用命令导览 来自前端小白的gulp及周边知识学习总结 一、名词介绍: Npm——node包管理工具 一开始我不理解,包管理工具是什么鬼。后来用到的gulp也好,gulp的插件包也好,都是要在npm这个里边弄出来的。 可以理解为,一个硬盘,里边放的各种整理好的、适用于各种功能的且不重复的文件夹(插件),然后我们需要啥,就去里边摘下来。 当然也可以用它来删除插件 rimraf删除gulp的模块插件 1、安装:npm install -g rimraf(全局安装),如果
作者:郭泽豪 本篇教程关于Nodejs的文件模块机制,具体讲CommonJs规范以及Nodejs文件模块的实现原理。 本章的重点内容: CommonJs的模块规范,包括模块引用,模块定义以及模块标识
来到这家公司之后,一直在使用webpack,也写了不少笔记,但是都比较零散,现在决定整理一下webpack相关的知识点,由浅入深,方便自己后续查漏补缺,后续会一直更新。
在开始之前需要了解一下开发vue插件的前置知识,推荐先看一下vue官网的插件介绍(https://cn.vuejs.org/v2/guide/plugins.html) 预览地址:http://haogewudi.me/kiko/index.html 源码地址:https://github.com/rascalHao/kiko 搭建项目 1.vue-cli将你的vue项目初始化建好 vue init webpack my-project 2.平常我们引入插件的流程是: 所以可以在node_modules
我们都知道Nodejs遵循的是CommonJS规范,当我们require('moduleA')时,模块是怎么通过名字或者路径获取到模块的呢?首先要聊一下模块引用、模块定义、模块标识三个概念。
如果你是一位前端工程师,那你一定不止一次去解决一些顽固的线上问题,你也曾想方设法复现用户的bug,结果可能都不太理想。 怎样定位前端线上问题,一直以来,都是很头疼的问题,因为它发生于用户的一系列操作之后。错误的原因可能源于机型,网络环境,复杂的操作行为等等,在我们想要去解决的时候很难复现出来,自然也就无法解决。
近日,州的先生将觅道文档 MrDoc 更新到了 v0.5.9 版本。本次更新主要带来了如下内容:
接下来我们需要移除无序列表中的行头前缀。 在src文件夹中创建css文件夹,再从css文件夹中创建index.css文件,并写好样式代码。
Cypress是javascript语言写的,写js脚本可以用pycharm编辑器上直接编写。 以第一个百度页面搜索框为案例编写一个可以运行的脚本
在 hbuilderX的菜单“视图”中选择“显示终端”,在终端中把当前目录定位到uni-app的根目录,这样才可以把crypto-js库安装在正确的位置,在终端中键入:npm install crypto-js ,等待片刻,crypto-js 库就装在了uni-app的根目录的:/node_modules/crypto-js/* 中了。要使用其相关加解密算法,只要在代码中引入:import cj from '../../../node_modules/crypto-js/crypto-js.js' 就可以搞事情了。
前端工程化指的是:在企业级的前端项目开发中,把前端开发所需的工具、技术、流程、经验等进行规范化、 标准化。最终落实到细节上,就是实现前端的“4 个现代化”: 模块化、组件化、规范化、自动化
· require()通过分析文件扩展名之后,可能没有查找到对应文件,得到一个目录
微信小程序自诞生以来,高歌猛进,实现了很多的业务场景,也取代了APP的一些市场份额,现在各种微信小程序层出不穷,下面给大家介绍一下如何反编译小程序。
不知不觉 Node 已经更新到第十个版本了,本人使用 Node 也有两年多时间,之前学习的东西一直零零散散,没有形成系统的知识体系,于是最近又抽时间回顾这本经典的 《深入浅出Node.js》,阅读的过程中,难免有些东西不易理解或者容易忘记,因此选择博客的形式记录。
ZEIT 是一个部署平台, 可以部署很多东西, 主要目的是部署一些 Serverless 的项目
:dash::rocket: 微信小程序,一行代码引入的省份/城市/区县定位选择器的库
开始项目时,还需要启动另一个项目middleware充当中间件请求weather接口
对于经常使用的eslint配置,我们可以通过自定义 eslint 配置包,实现配置的复用。
上篇文章主要分享了的一个commonJS规范的问题,那么今天接着昨天的话题继续聊一聊nodejs的模块儿查找机制
在 linux 下需要用 python-admin 来开 django 的服务,如果你是 python3 那么命令应为 python3-admin manage.py runserver 可以正常访问页面,没有静态加载的问题
东东是一名前端工程师,主要用 React 技术栈,用了多年之后想深入一下,所以最近开始看 React 源码。
你会发现代码在抛异常的地方断住了,这就是异常断点的功能。当你不知道哪里抛的异常的时候,可以用这个。
做网站开发的伙伴应该很清楚,一个网站从设计到开发完成,经过的步骤,除了需求功能这些不说以外,其余的就是展现给用户的视觉上的效果了。一般由美工或者说设计师设计出页面的效果图,然后再把这个设计稿通过网页的
const path = require('path') const utils = require('./utils')// 引入utils工具模块,具体查看我的博客关于utils的解释,utils主要用来处理css-loader和vue-style-loader的 const config = require('../config')// 引入config目录下的index.js配置文件,主要用来定义一些开发和生产环境的属性 const vueLoaderConfig = require('./vue-
大家好,又见面了,我是你们的朋友全栈君。 目录 一,各版本下载地址 二,ArcGIS API For JavaScript3.17本地部署(IIS) 2.1 修改相应的js文件(2个文件) 2.2 将修改好的函数库复制到指定位置 2.3 测试ArcGIS API For JavaScript函数库是否安装成功 三,Tomcat 部署 3.1 修改2个js文件 3.2 将修改好的函数库复制到指定位置 3.3 测试ArcGIS API For JavaScript函数库是否安装成功 ---- 一,各版本下载地
Node.js 模块机制采用了 Commonjs 规范,弥补了当前 JavaScript 开发大型应用没有标准的缺陷,类似于 Java 中的类文件,Python 中的 import 机制,Node.js 中可以通过 module.exports、require 来导出和引入一个模块.
我初识 WebAssembly 是当初想要分析某个网站的加密算法,最终定位到了一个 .wasm 文件,没错,这个就是 WebAssembly 的构建产物,能够直接运行在浏览器中。在我当时看来这门技术很先进,不过如今看来绝大多数的 web 应用貌似都没使用上,迄今为止我也只在这个网站中看到使用 WebAssembly 的(也许有很多,只是没实质分析过)。
锚点目录定位功能在长页面和文档类网站中非常常见,它可以让用户快速定位到页面中的某个章节
Selenium(思维导图) 目录 1、浏览器基本操作 2、元素查找方法 3、鼠标和键盘事件 4、窗口/iframe切换 5、select下拉框 6、弹框 7、JS处理(滚动条等) 8、框架 9、selenium常见异常 10、断言 11、cookie处理 12、显示等待 13、JS原生查找元素方法 14、思路集合 15、文件上传/下载 16、元素信息 1、浏览器基本操作 2、元素查找方法 find_element_by_css_selector() find_element_by_xpath()
上述代码会将src/test里面的所有js文件合并,压缩成一个文件并保存到./bunld/js/bundle.min.js 运行命令
上篇文章主要分享了的一个nodejs的模块儿查找机制,查找过程大致会经历路径分析,文件定位,编译执行这三个过程。今天续聊一聊Node模块儿的解析和npm的知识点
Cypress是新一代前端测试框架,它基于node js。解决了开发人员和QA工程师在测试现代应用程序时面临的关键难点问题。 Cypress包含免费的、开源的、可本地安装的Test Runner 和 能够记录测试的控制面板服务。
3.急速 debug 实战三 (Node - webpack插件,babel插件,vue源码篇)
做 web 自动化的时候,我们希望用例失败了能截图,这是之前用 selenium 写 ui 自动化用例的时候经常遇到的问题。 cypress 可以说是业界良心了,不仅帮我们失败的时候自动截图保存下来,还把每个用例都录制成了mp4的小视频,方便追踪问题的时候回放视频
构建的核心是资源管理。简单说,构建就是把前端工程师开发的源代码进行编译、压缩、打包等一系列操作,最终产出可以直接上线或者可供后端工程师的资源。 构建可以划分为纯前端构建和前后端协作构建。 这两个不是专业术语,如果你有更合适的称谓,欢迎指正。 所谓纯前端构建,就是说不涉及后端模板的构建,经过构建之后的前端代码可以直接上线。这种情形下大多是数据驱动UI的web应用,模板只负责提供空白的容器和基础的静态资源,UI的文档结构交由前端JavaScript实现。这个过程可以使用一些框架,比如近期较流行的React
由于项目中需要,但是vue-AMap 又满足不了项目需求。只能赶鸭子上架,看看怎么引入高德原生 地图 api 。( 三大步骤 )
Cypress是新一代ui测试框架,类似于selnium,它基于node js,支持webpack构建。
上一期我们为大家讲解低代码在国内市场的当前现状以及APICloud可视化开发工具的组件类型和特点。相信大家对可视化编程有了一个整体的了解,那么今天带大家更进一步的使用组件。
return 指令 我们先看官方手册的说明吧: Syntax: return code [text]; return code URL; return URL; Default: — Context: server, location, if 示例 location ~ (.*).js$ { return 500; #返回500状态码 } location ~ (.*).js$ { return 500 "error"; #返回500状态码 同时打印error } location
对于搞Java的我来说,前端JS我是有点愚冻,今天在我的博客地盘我就悄悄发布一篇没有技术含量的文章,这次怎么说我也是完完整整的把公司后台管理系统的菜单异步加载独自搞出来了,对自己也是一个小小的提升,话不多说开始写步骤。 同志们都知道,后台系统嘛无非就是一套模板样式,分为头文件,左侧菜单和主体内容,在多了就加个页脚文件。但是为了提升系统的性能,很多公司都习惯将系统的目录数据放在缓存,然后通过异步请求的方式单独加载出来,我们公司也不例外。 首先系统欢迎页面中包含左侧菜单jsp文件,代码如下: 1 <
领取专属 10元无门槛券
手把手带您无忧上云