![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html+css+js
2021乐乐
交流学习
展开
-
html基础知识点
html 是一门提供样式的语言,很多都是固定不变的模板,重要的是掌握一种基本结构<html>.....</html> 另外就是记住<html>、<body>与<p>之间的关系。<!DOCTYPE html><html><body style="font-size:16px&q转载 2018-12-13 15:45:24 · 150 阅读 · 0 评论 -
canvas 颜色渐变
部分语法:createLinearGradient(0,0,250,150)代表其实坐标(0,0)代表终点坐标(250,150) addColorStop(0.5,"green");代表0.5处渐变,颜色为green<html> <head> <script type="text/javascript" src="jq...原创 2018-12-17 17:42:44 · 525 阅读 · 0 评论 -
Canvas 插入图片
最初想用w3c上面的方法:http://www.w3school.com.cn/tiy/t.asp?f=html5_canvas_image发现不行。最后看到一篇博客:介绍是因为图片加载没有完成,所以巴拉巴拉......https://blog.csdn.net/m0_38073011/article/details/80027397自己写的代码:<!DOCTYPE...转载 2019-01-02 11:36:14 · 1895 阅读 · 0 评论 -
html lang="en"
<html lang="en">向搜索引擎表示该页面是html语言,并且语言为英文网站,其"lang"的意思就是“language”,语言的意思,而“en”即表示english你的页面如果是中文页面,可将其改为<html lang="zh">zh即表示中文...转载 2019-07-08 16:18:50 · 19423 阅读 · 3 评论 -
两个HTML 页面间的数据传递
<html><head lang="en"> <meta charset="UTF-8"> <title> 起始页面 </title>></head><body> <form action="page02.html" method="GET"> ...转载 2019-07-08 19:55:24 · 1694 阅读 · 0 评论 -
js 资料汇总方便快速学习
https://www.runoob.com/js/js-tutorial.htmlJavaScript 和 HTML DOM 参考手册js 语法汇总https://echarts.baidu.com/examples/index.html#chart-type-barjquery学习Js 绘图转载 2019-07-08 20:08:22 · 97 阅读 · 0 评论 -
js 基本语法
1:document.write() :HTML 输出流中使用 document.write,相当于添加在原有html代码中添加一串html代码。document.write("<h1>这是一个标题</h1>");document.write("<p>这是一个段落。</p>");2:alert("我的第一个 JavaScrip...转载 2019-07-09 11:36:26 · 163 阅读 · 0 评论 -
http 中的地址码 ? 代表什么
留个坑希望大神指点get!代表了参数原创 2019-07-15 09:38:35 · 426 阅读 · 0 评论 -
echarts.min.js 的下载
首先从百度中查询:通常会得到该地址:https://echarts.baidu.com/download.html然后按照步骤下载:wind@wind-ThinkPad-X250:~$ npm install echarts/home/wind└─┬ echarts@4.2.1 └── zrender@4.0.7 npm WARN enoent ENOENT: no suc...原创 2019-07-11 16:16:26 · 48814 阅读 · 27 评论 -
Echarts 经典案例(Flask + Echarts)
通过此案例就可以知道如何使用:test.py#!/usr/bin/python# coding: utf-8from flask import Flask,render_template,url_for#生成Flask实例app = Flask(__name__)@app.route('/')def my_echart():#在浏览器上渲染my_templaces.html...转载 2019-07-11 17:21:38 · 2987 阅读 · 1 评论 -
canvas在线绘图
<html> <head> <script type="text/javascript" src="jquery-3.2.1.min.js"></script> <style type="text/css"> </sty原创 2018-12-17 17:23:50 · 1386 阅读 · 1 评论 -
$( document ).on( "click", ".element", function ( event ) {
.$(document).on('click','要选择的元素',function(){})是属于jquery的语法例程:<html><body> <ul> <li>1</li> <li>2</li> <li>3&原创 2018-12-17 15:46:01 · 7894 阅读 · 0 评论 -
Js 按键改变背景的颜色
<html> <head> <script type="text/javascript" src="jquery-3.2.1.min.js"></script> <script type="text/javascript"> var Arraycol原创 2018-12-17 15:24:36 · 1708 阅读 · 0 评论 -
百度搜索页面(前端学习1)
<!DOCTYPE HTML><html> <style type="text/css"> #a{ background-color: white; } img{ position: abso...原创 2018-12-13 17:11:26 · 763 阅读 · 0 评论 -
csdn 博客页面(前端网页学习2)
<!DOCTYPE html> <html> <head> <script type="text/javascript" src="jquery-3.2.1.min.js"></script> <style type="text/css">原创 2018-12-13 17:41:58 · 201 阅读 · 0 评论 -
点击产生方框画图(前端网页3)
<html> <head> <meta charset="utf-8">/*显示注释的部分*/ <script type="text/javascript" src="jquery-3.2.1.min.js"></script> <script>原创 2018-12-13 22:11:59 · 447 阅读 · 0 评论 -
万花色魔术板(前端网页4)
<html> <head> <script type="text/javascript" src="jquery-3.2.1.min.js"></script> <style type="text/css"> * {原创 2018-12-13 23:00:34 · 122 阅读 · 0 评论 -
相对定位与绝对定位
什么是文档流?将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流。只有三种情况会使得元素脱离文档流,分别是:浮动绝对定位和相对定位。对position的四个属性值relative,absolute,static,fixed分的不是很清楚.TRBL(top、right、bottom、left)写前端网页经常涉及到的两个位置,就是相对位置和绝对位置。具体表现...转载 2018-12-14 20:32:45 · 228 阅读 · 0 评论 -
Js+Jquery的使用1
1.src代表外部脚本文件的路径,type用来指定HTML中使用的脚本语言及其版本。代码1: <html> <head> <script type="text/javascript" src="jquery-3.2.1.min.js"></script> <script ty原创 2018-12-16 22:41:42 · 149 阅读 · 0 评论 -
Js异常处理
无论哪种语言,都涉及到异常处理第一:从Java中延伸出来的异常处理try...catch..finally .具体语法: try{}catch(){}finally{}catch:捕捉异常try:尝试执行关键字代码finally:最终一定会被处理的区域关键字,该关键字的和后面大括号中的语句可以省掉。例程1: <html> <h...原创 2018-12-16 23:01:29 · 185 阅读 · 0 评论 -
Javascript 对象
注意:调试代码的时候浏览器打开F12 的console 代码1: <script type="text/javascript"> var student={ name:"张三", "sex":"男", } document.write(student.name); ...原创 2018-12-17 09:54:22 · 93 阅读 · 0 评论 -
JavaScript 的Array对象
1.Array对象元素的下标从0开始,基本操作,创建数组,遍历数组,删除数组元素,增加数组元素代码: <html> <head> <script type="text/javascript" src="jquery-3.2.1.min.js"></script> <script type=&qu原创 2018-12-17 10:13:21 · 82 阅读 · 0 评论 -
JQuery的基本用法
常用的形式,$代表jquery $(document).ready(function(){ });Jquery的基本语法$(选择器).操作()eg:$("p").hide();1 标记选择器:$("p")2 id选择器(#)id=test的属性$("#test")3 class 选择器 通过组件class 属...原创 2018-12-17 14:53:31 · 372 阅读 · 0 评论 -
js 获取文本框的内容
<!doctype html><html> <head> <meta charset="utf-8"> <title>代码测试</title> <script> function myfunction(){ ...转载 2019-07-12 10:06:31 · 3768 阅读 · 0 评论