html文件

模块

喜夏-厌秋 提交于 2019-12-05 10:11:07
什么是模块? export 关键字表示 在当前模块之外可以访问 的变量和功能 import 关键字允许从其他模块中导入一些诸如函数之类的功能等等 ex.导出一个函数 // 📁 sayHi.jsexport function sayHi(user) { alert(`Hello, ${user}!`);} 在其他文件里导入并使用: // 📁 main.jsimport {sayHi} from './sayHi.js';alert(sayHi); // function...sayHi('John'); // Hello, John! 在浏览器环境中使用模块;由于模块使用了特殊的关键词和功能,所有我们必须通过使用属性 <script type="module"> 来告诉浏览器群,脚本应该被当作 模块 来看待 <!doctype html><script type="module"> import {sayHi} from './say.js'; document.body.innerHTML = sayHi('John');</script> ex.使用export default 直接导出函数 // sayHi.jsexport default function sayHi (user) { // ...}// main.jsimport sayHi from './say.js

页面内容解析

让人想犯罪 __ 提交于 2019-12-05 09:01:55
1 常用的页面内容解析的库 页面解析是我们写爬虫获取数据的最终目的。在python中常用的爬虫解析的库包括: lxml bs4 re pyquery 在使用这些包对html页面进行解析的时候,应该先了解一下基本的概念: 元素:通常直接用标签名表示该元素 元素间的关系:根元素、父元素、子元素、孙子元素 思考如下的问题 : 1. 怎么定位到要获取的数据所在的元素 2. 怎么从元素中得到想要的数据:想要的数据可能是 元素的内容 ,也可能是 元素的属性值 思考问题1答案 :怎么定位到要获取的数据所在的目标元素,即 定位目标元素位置 1. 直接根据标签名进行定位 2. 使用标签名和标签的属性进行定位 思考问题2答案 :怎么获取想要的数据, 即数据的解析 1. 数据是元素的内容 2. 数据是元素的标签属 2 常用的包的使用详解 (1)xpath 数据的读取 1 from lxml import etrre 2 3 """构造xpath解析对象""" 4 5 # 1. 从文本 6 text = "<root><a x='123'>aText<b/><c/><b/></a></root>" 7 root = etree.HTML(text) 8 9 # 2. 从文件 10 parse = etree.HTMLParser() # 自定义html解析器 11 html = etree.parse(

Django框架简介(1)

混江龙づ霸主 提交于 2019-12-05 05:31:36
手写web框架 # coding:utf8 import socket server = socket.socket() server.bind(('127.0.0.1', 8080)) server.listen(5) # data 中的信息 """ 请求首行,表明请求方式以及遵循的http协议版本 b'GET / HTTP/1.1\r\n 请求头 Host: 127.0.0.1:8080\r\n Connection: keep-alive\r\n Cache-Control: max-age=0\r\n Upgrade-Insecure-Requests: 1\r\n User-Agent: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/78.0.3904.97 Safari/537.36\r\n Sec-Fetch-User: ?1\r\n Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3\r\n Sec-Fetch-Site: none\r\n Sec

ERROR in Template execution failed: ReferenceError: htmlwebpackPlugin is not defined

喜欢而已 提交于 2019-12-05 04:37:13
ejs文件配置如下: <!DOCTYPE html> <html lang="zh-CN"> <head> <title>webpack App</title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="<%= htmlwebpackPlugin.files.css[0] %>"> </head> <body> <div id="app"></div> <script type="text/javascript" src="<%= htmlwebpackPlugin.files.js[0] %>"></script> </body> </html> 运行: npm run build 报错如下: 解决方法: ejs文件配置中得htmlwebpackPlugin修改为 htmlWebpackPlugin 来源: https://www.cnblogs.com/planetwithpig/p/11906342.html

运用shapefile.js解析Shp文件

99封情书 提交于 2019-12-05 04:30:04
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <script src="shapefile.js"></script> <script> shapefile.open("http://localhost:8181/shp/zd.shp") .then(source => source.read() .then(function log(result) { if (result.done) return; console.log(result.value); return source.read().then(log); })) .catch(error => console.error(error.stack)); </script> </head> </html>   遇到的问题及解决方案(以下以IIS部署为例) 1、 解决方案:open打开的一定是一个带有http或者https的网络地址 2、HTML页面跨域访问shp文件,shp文件在IIS中无法访问 解决方案:dbf无法访问需要添加MIME类型shp无法访问需要添加MIME类型 3、成功解析数据但数据出现中文乱码 解决方案:下载Shapefile.js源文件:https://unpkg.com/shapefile@0.6

CSS样式二

﹥>﹥吖頭↗ 提交于 2019-12-05 02:12:57
一、插入位置简介 将CSS规则放在一个独立文件中,这种方式被称为“外部样式表”。除此之外,CSS规则还可以出现在HTML文档内的两个位置: 位于一个<style>元素内,该元素位于文档的<head>元素中。 位于一个可以带有style特性的元素中,所谓style特性的值。 当CSS规则位于文档头部的<style>元素内时,则被称为“内部样式表”.示例如下: <head> <title>Internal Style sheet</title> <style type="text/css"> body { color:#000000; background-color:#ffffff; font-family:arial,verdana,sans-serif; } h1 { font-size:18pt; } p { font-size:12pt; } </style> </head> 当style特性被用于HTML元素时,则被称为“内联样式规则” 总体上应该避免使用内联样式规则以及内部样式表,而应该积极使用外部样式表。虽然有些情况下前面两者很有用,但是外部样式表的可维护性要好很多。 <style>元素位于<head>元素内,用于在网页内包含样式表规则,而非链接某个外部文档。有时,还被用于需要在单一页面中包含某些额外规则,而且这些规则不必用于网站内共享统一样式表的全部其他页面情况。

小程序引用html遇到的问题

房东的猫 提交于 2019-12-05 01:51:15
先说引用html的方法: 1.下载wxParse https://github.com/icindy/wxParse 2.添加到项目 3.引用 在需要使用转换的js中引入 var WxParse = require('../../wxParse/wxParse.js');//html转换为wxml 对应的wxss中引入 @import "/wxParse/wxParse.wxss";/* html转换为wxml */ 对应的wxml中引入 <import src="../../wxParse/wxParse.wxml" /> 4.调用 js中使用 successFun_imgDetail: function(res,selfObj){ console.log(res); /** * WxParse.wxParse(bindName , type, data, target,imagePadding) * 1.bindName绑定的数据名(必填) * 2.type可以为html或者md(必填) * 3.data为传入的具体数据(必填) * 4.target为Page对象,一般为this(必填) * 5.imagePadding为当图片自适应是左右的单一padding(默认为0,可选) */ // var that = this; WxParse.wxParse('shopDetail

常用跨域方法总结

五迷三道 提交于 2019-12-05 01:51:04
常用跨域方法总结 为什么要跨域? 因为浏览器的一种安全机制——同源策略的限制,导致不能直接获取不同源的资源,所以要跨域。 同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的重要安全机制。 限制之一是不能通过ajax的方法去请求不同源中的文档。 第二个限制是浏览器中不同域的框架(iframe)之间是不能进行js的交互操作的。 那么什么才叫“同源”呢? 协议相同 域名相同 端口号相同 图来自MDN,参见最后Reference. 下面介绍常用的几种跨域方法。 jsonp 跨域 原理: 利用了 <script> 标签不受浏览器同源限制的影响, 因为借用 <script> 发起的请求,所以会把请求到的内容当作js代码来解析执行。 缺点:只能发送get请求 下面是一个简单的例子 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> function callback (msg) { console.log('json:', msg) } </script> <script src="http://localhost:8080?cb=callback "> </script> <

开发调试必备配置之本地服务器的搭建

爷,独闯天下 提交于 2019-12-05 01:05:59
了解html-webpack-plugin HtmlWebpackPlugin会自动为你生成一个HTML文件,根据指定的index.html模板生成对应的 html 文件。 根据src下的index.html自动在打包后的目录下生成html文件,相关引用关系和文件路径都会按照正确的配置被添加进生成的html里 2.安装依赖 npm install html-webpack-plugin --save-dev 3.配置config文件 来源: https://www.cnblogs.com/lanlanJser/p/11893986.html

Flask基础之session验证与模板渲染语法(jinja2)

陌路散爱 提交于 2019-12-05 00:25:52
一、http传输请求头参数   request.headres 之 请求头中数据显示: 1 print(type(request.headers)) 2 """ 3 Host: 127.0.0.1:5000 4 User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:60.0) Gecko/20100101 Firefox/60.0 5 Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8 6 Accept-Language: zh-CN,zh;q=0.8,zh-TW;q=0.7,zh-HK;q=0.5,en-US;q=0.3,en;q=0.2 7 Accept-Encoding: gzip, deflate 8 Referer: http://127.0.0.1:5000/home 9 Content-Type: application/x-www-form-urlencoded 10 Content-Length: 26 11 Cookie: csrftoken=vDIozqveCEfArdYXlM6goHVlSQEn7h4bDygNphL2Feas60DiM2di0jlqKfxo7xhA 12 Connection: keep