网页前端
关注
分享
扫一扫
文章平均质量分 59
codingCoge
人生是场马拉松
QQ:
1115106468
展开
-
微信第三方平台开发(二)---内网穿透
开发第一步：创建第三方平台，但是有个前提就是需要存放服务的服务器域名。有个方法：修改后打包部署到服务器上，但是这很麻烦，的确。那怎么可以做到本地开发呢？这个时候就需要内网穿透这个神器了，找了很久发现这个不错。建议买9块一个月的，然后再花3块买个二级域名，这样可以固定穿透的公网域名。当然可以选择免费的渠道穿透，但是域名是随机生成的。（花钱真香）https://juejin.im/pos...原创 2019-07-24 10:03:54 · 391 阅读 · 0 评论 -
Bootstrap学习笔记--下拉菜单，折叠，菜单，标签，Pills
下拉菜单： 下拉菜单是比较常见的直接看源码： .dropdown表示下拉框 按钮和下拉框都要放在dropdown类的div下 要打开下拉菜单，请使用按钮或具有属性的类.dropdown-toggle和 属性data-toggle="dropdown" span+.caret类可以创建一个插入箭头图标 .dropdown-menu类添加到<u原创 2018-05-26 08:33:21 · 5582 阅读 · 5 评论 -
Html学习总结--表单and js验证表单
以下内容主要来自于W3school：http://www.w3school.com.cn/html/html_forms.asp<form>表单标签 干什么大家都知道吧 就是为了跟服务器做出响应 比如登陆注册就是由表单来完成的。 先来看一下表单的属性： action属性：请求路径，确定表单提交到服务器的地址 比如www.baidu原创 2018-05-15 16:06:56 · 304 阅读 · 0 评论 -
Bootstrap学习笔记--进度条，分页，Pager，列表，面板
注意： Internet Explorer 9及更早版本不支持进度条（因为它们使用CSS3转换和 动画来实现其某些效果）默认的进度条： 创建一个基本的进度条的步骤如下：添加一个带有 class .progress 的 <div>。接着，在上面的 <div> 内，添加一个带有 c原创 2018-05-25 17:47:13 · 528 阅读 · 0 评论 -
Bootstrap学习笔记--图片,jumbotron,page-header,well,警告,按钮,Glyphicon组件,徽章,标签
图片属性加上这些就有不同效果 class=”img-rounded” class=”img-circle” class=”img-thumbnail” 注意 如果是circle圆的话 四个角的东西会直接被隐藏 而不是 缩小还可以添加响应式图片： <img src="11.png" cla原创 2018-05-25 14:56:13 · 1246 阅读 · 0 评论 -
Bootstrap学习笔记--表格
实践出真知： 类：.table 一个轻的填充物和只有水平分隔符。 看代码：<div class="container"> <table class="table"> <thead> <tr> &am原创 2018-05-25 12:13:31 · 299 阅读 · 0 评论 -
Bootstrap学习笔记--常用标签和类模板
h标签：bootstrap中的h标签被改写了 比原标签字体要细<h1>我是标题1 h1</h1><h2>我是标题2 h2</h2><h3>我是标题3 h3</h3&原创 2018-05-25 11:36:58 · 424 阅读 · 0 评论 -
Html常用标签
<h1>标题</h1> :可以是h1到h7<p>一段话</p><br>强制换行<q></q>是引用一句话<blockquote>是对长文本的引用这两者引用都不用加分号<b>粗体</b>，<i&g原创 2018-05-14 16:45:59 · 234 阅读 · 0 评论 -
HTML中id和name的区别（摘自网络）
HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。name原来是为了标识之用，但是现在根据规范，都建议用id来标识元素。但是name在以下用途是不能替代的： 1. 表单（form）的控件名，提...原创 2018-05-14 16:38:29 · 367 阅读 · 0 评论 -
JS代码位置
javascript代码写在里面： 由于这时候网页主体（body）还未加载，所以这里适合放一些不是立即执行的自定义函数，立即执行的语句则很可能会出错（视浏览器而定） javascript代码写在里面： 这里可以放函数也可以放立即执行的语句，但是如果需要和网页元素互动的（比如获取某个标签的值或者给某个标签赋值），Javascript代码务必在标签的后面 javascript代码写在下面： ...原创 2018-05-14 16:09:43 · 487 阅读 · 0 评论 -
Js DOM学习笔记--回顾
js和html分离很重要 属性： display：inline；可以实现列表横向显示 外部引用css 注意点： title是鼠标移到上面显示的内容 alt是图片加载不出来显示的内容 为了减少对网站的请求次数 应该将.js文件合并到一个文件中 事件处理函数 如 onclick（“show(this);xx();”） 里面包涵多个js语句的时候 用分号隔开 1.对象有内建对象...原创 2018-05-14 15:48:21 · 759 阅读 · 0 评论 -
HTML meta标签总结与属性使用介绍
转载自：https://segmentfault.com/a/1190000004279791之前学习前端中，对meta标签的了解仅仅只是这一句。&lt;meta charset="UTF-8"&gt;但是打开任意的网站，其head标签内都有一列的meta标签。简介在查阅w3school中，第一句话中的“元数据”就让我开始了Google之旅。然后很顺利的在英文版的w3sch...转载 2018-05-19 22:49:52 · 218 阅读 · 0 评论 -
jQuery之validate验证表单
访问jQuery validate官网下载最新插件 https://jqueryvalidation.org/validate是用来验证表单的 以前我们都是用js手动验证 现在可以通过这个插件直接调用别人写好的方法 更加简单方便 validate.js是建立在jquery之上的，所以得先导入jquery的类库我是下载到本地了的jQuery和validate 然后直接引用<...原创 2018-05-19 14:42:42 · 177 阅读 · 0 评论 -
Bootstrap学习笔记--导航栏
本文来自于：W3school默认导航栏下： 因为Bootsrap是具有响应式的所以当屏幕缩小的时候 效果是这样的 那如何实现呢？ <nav class="navbar navbar-default"> //导航栏注意：是在页面的顶部： 源码：<body><nav class="navbar navbar-default"&...原创 2018-05-26 23:39:48 · 567 阅读 · 0 评论 -
input type="button" 和button区别
来源：https://www.jianshu.com/p/687aabeedae5 在一个页面上画一个按钮，有四种办法：1、 <input type=”button” /> 这就是一个按钮。如果你不写javascript 的话，按下去什么也不会发生。2、 <input type=”submit” />这样的按钮用户点击之后会自动提交 f...转载 2018-05-16 16:19:20 · 9135 阅读 · 1 评论 -
HTML对表格隔行变色
&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;script&gt; window.onload = function(){原创 2018-05-16 17:22:33 · 7637 阅读 · 0 评论 -
微信第三方平台开发(一)---需求分析
最近接到一个需求：开发微信第三方平台绑定多个公众号以及添加Yibot智能回答机器人接口实现目标：用户扫描二维码即可绑定到我们的第三方平台，也可随时解绑等操作，并且自动实现接入Yibot智能回答机器人实现公众号智能回复的功能。开发第一步：创建第三方平台，但是有个前提就是需要存放服务的服务器域名。有个方法：修改后打包部署到服务器上，但是这很麻烦，的确。那怎么可以做到本地开发呢？这个时...原创 2019-07-23 21:30:48 · 1111 阅读 · 0 评论 -
js页面实现小球在div固定容器中上下左右弹射
代码不难，也是挺简单的，主要考虑边界问题。网页我已经挂到服务器了，可以看看效果是否是你想要的：http://codingcoge.cn:8080/ball/ball.html代码：也可以通过F12来查看js代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">...原创 2018-10-12 17:15:21 · 1021 阅读 · 0 评论 -
Dom4j工具--XML的DOM解析（下）--写操作
前言：上一篇博客我开始了用Dom4j对XML进行了读操作，这篇博客主要是进行对XML的写操作 只涉及基础的内容，只要有javase基础和eclipse的使用 就可以完成， 往后的内容包括 “框架” 我都还没学到，所以本文中的内容也都是局限于基础部分有兴趣的可以参考Dom4j工具–XML的DOM解析（上）–读操作 也可以参考DOM4J官网现在开始正文。如何写内容到XM...原创 2018-06-02 16:28:45 · 259 阅读 · 0 评论 -
XML学习笔记了解一下
开始学习XML啦 学习一门新技术，我们得想三个问题：XML是什么？XML怎么使用？XML运用场景？先来解决第一个问题：XML是什么？ XML 是可扩展标记语言 其设计宗旨是传输数据，而非显示数据 其焦点是数据的内容学习之前 我想大家都知道HTML，XHTML吧 来区分以下三者：XML：被设计用来传输和存储数据。HTML 被设计用来显示数据。 设计用来显示数据，其...原创 2018-05-30 15:22:47 · 1100 阅读 · 4 评论 -
Bootstrap学习笔记--网格基础
bootstrap3是移动优先的 所以是从小屏幕设备（比如移动设备、平板电脑）开始，然后扩展到大屏幕设备（比如笔记本电脑、台式电脑）上的组件和网格Bootstrap的网格系统允许在页面上多达12列。如果您不想单独使用全部12列，则可以将列组合在一起以创建更宽的列bootstrap的网格系统具有响应性，并且列根据屏幕大小自动重新排列网格： 基本结构：&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;div clas原创 2018-05-24 11:05:00 · 466 阅读 · 0 评论 -
bootstrap学习笔记--初识bs
参考：https://www.quanzhanketang.com/bootstrap/bootstrap_grid_basic.htmlbootstrap是基于jQuery的前端CSS框架 预定于好了各种CSS类 相当于API接口，直接调用即可使用css样式，方便前端开发。 这个相信大部分的前端框架都可以搞定 但是Bootstrap还可以让你轻松创建响应式设计，这什么概念？意...原创 2018-05-24 10:24:53 · 792 阅读 · 0 评论 -
bootstrap中container类和container-fluid类的区别
container和container-fluid到底什么区别。查了很多资料，看到很多人和我有同样的疑问，但是下面的回答一般都是一个是响应式一个宽度是百分百&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;zh-cn&quot;&amp;gt;&amp;lt;head&amp;gt;&amp;lt转载 2018-05-24 00:28:05 · 466 阅读 · 0 评论 -
对http-equiv中"X-UA-Compatible"属性的理解
X-UA-Compatible是自从IE8新加的一个设置，对于IE8以下的浏览器是不识别的。 通过在meta中设置X-UA-Compatible的值，可以指定网页的兼容性模式设置。 在IE8刚推出的时候，很多网页由于重构的问题，无法适应较高级的浏览器，考虑兼容旧版本的模式，所以使用X-UA-Compatible标签强制IE8采用低版本方式渲染。 比如：content=”IE=7”在无论页面是...转载 2018-05-24 00:05:35 · 563 阅读 · 0 评论 -
Bootstrap学习笔记--插件之Carousel插件轮播图片，模态插件，提示插件，滚动监听插件，Affix插件
Carousel插件： 轮播插件。 是一个通过元素循环的组件，如旋转木马（幻灯片）插件可以单独包含（使用Bootstrap“carousel.js”文件），或者一次全部使用（使用“bootstrap.js”或“bootstrap.min.js”）。注意： 在Internet Explorer 9及更早版本中不被正确支持（因为它们使用CSS3转换和动画来实现幻灯片效果举例： ...原创 2018-05-28 14:13:03 · 1245 阅读 · 0 评论 -
Bootstrap学习笔记--表单
Bootstrap表单有三种类型： 1. 垂直表单 ：表单元素垂直分布 2. 内联表单：表单元素行内分布，左对齐 3. 水平表单：表单元素水平分布默认：所有文本&amp;amp;lt;input&amp;amp;gt;，&amp;amp;lt;textarea&amp;amp;gt;和 &amp;amp;lt;select&amp;amp;gt;类的元素.form-control都有100％的宽度。原创 2018-05-27 20:03:38 · 418 阅读 · 0 评论 -
html select标签二级关联
&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;script&amp;gt; //1.创建一个二维数组用于存储省份和城市 var cities = new Array(3);原创 2018-05-16 18:08:44 · 3636 阅读 · 0 评论 -
html--表格高亮显示
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <script type="text/javascript"> function changeColor(id,flag){ if原创 2018-05-16 17:41:58 · 1391 阅读 · 2 评论 -
jQuery学习笔记--效果，操作html元素，遍历DOM树
jQuery效果：隐藏：基础语句： $(selector).hide(speed,callback);可选的 speed 参数规定隐藏/显示的速度，可以取以下值：”slow”、”fast” 或毫秒。可选的 callback 参数是隐藏或显示完成后所执行的函数名称。实现：单击p标签的文字 文字消失&amp;amp;amp;amp;lt;script&amp;amp;amp;amp;gt;$(document).read...原创 2018-05-19 00:27:09 · 297 阅读 · 0 评论 -
jQuery学习笔记--选择器和事件
以下内容参考W3school你要是问我什么是jQuery 那可以这么两句话概括：jQuery 是一个 JavaScript 库。jQuery 极大地简化了 JavaScript 编程。要学jQuery最好有点javaScript的基础有人对jQuery对象和javaScript对象之间的还是有点混淆也是很简单理解 你可以理解为jQuery对象是对javaScri...原创 2018-05-17 23:15:14 · 215 阅读 · 0 评论 -
html常见英文单词
form：表单action:行动(提交的路径)method：方法(提交的方式)input：输入type：类型text：文本(文本输入项)password：密码radio：单选按钮checkbox：复选框file：文件(文件上传项)hidden：隐藏字段reset：重置(重置按钮)button：按钮(普通按钮)name：名称(元素名称)value：值(输入项的内容)si...原创 2018-05-17 13:20:59 · 8078 阅读 · 1 评论 -
javascript dom的图片最终版源代码 （重复看）
html代码：html lang="en">head> meta http-equiv="content-type" content="text/html; charset=utf-8" /> title>Image Gallerytitle> script type="text/javascript" src="scripts/showPic.js">script> lin转载 2018-02-06 15:24:40 · 416 阅读 · 3 评论 -
dom设置动画
dom设置动画：要考虑是否真的需要 重要的是setTimeout还有js创建的标记和css中创建的呈现效果可以一起使用时间：setTimeout("function",time); 举例： function moveMessage(){ var elem=document.getElementById("xx"); elem.style.left="200px"; } ...原创 2018-02-10 18:44:42 · 736 阅读 · 0 评论 -
JavaScript DOM的图片库的应用和优化
js和html分离很重要属性： display：inline；可以实现列表横向显示外部引用css"stylesheet" href="styles/layout.css" type="text/css" media="screen">注意点： title是鼠标移到上面显示的内容 alt是图片加载不出来显示的内容为了减少对网站的请求次数 应该将.js文件合并到一个文件中事件处理函数原创 2018-02-04 20:23:54 · 210 阅读 · 0 评论 -
dom修改css样式
CSS-DOM:style属性是对象类型nodeName是tring类型如果文档的内容需要定期编辑和刷新 添加class属性的工作就会变成一种负担 如果文档内容需要一个CMS来处理 给文档内容的个别部分添加class属性或者其他样式的做法有时是不被允许的font-size属性要用元素.style.fontSize来检索考虑纯粹用css还是用DOM设置样式 需要考虑这些问题：1最...原创 2018-02-08 15:32:12 · 2422 阅读 · 0 评论 -
JavaScript高级程序设计基本概念
ECMAscript到底是什么？它和JavaScript的关系？（这个概念我也是百度的）要讲清楚这个问题，需要回顾历史。1996年11月，JavaScript的创造者Netscape公司，决定将JavaScript提交给国际标准化组织ECMA，希望这种语言能够成为国际标准。次年，ECMA发布262号标准文件（ECMA-262）的第一版，规定了浏览器脚本语言的标准，并将这种语言成为ECMAScri原创 2018-01-10 15:41:21 · 196 阅读 · 0 评论 -
JavaScript外部调用Js（自己理解加参考百度）
html xmlns="http://www.w3.org/1999/xhtml">head>meta http-equiv="Content-Type" content="text/html; charset=utf-8" />script type="text/javascript" src="qwe.js">script>head>body>body>script type原创 2018-01-11 15:16:40 · 2584 阅读 · 0 评论 -
JavaScript高级编程第四章（变量，作用域，内存问题）的学习摘录 纯手打
第四章变量，作用域和内存问题JavaScript不允许直接访问内存的位置，也就是说不能直接操作对象的内存空间。在操作对象时，实际上是在操作对象的引用而不是实际的对象。为此，引用类型的值时按引用访问的。动态的属性：只有给引用类型的变量添加，修改，删除属性；如：var person=new Object();person.name="sdf";alert(person.name);原创 2018-01-11 14:34:13 · 159 阅读 · 0 评论 -
推荐的javascript书籍
前三本都是基础的书籍，最后一个相当于是字典，又不会的了就直接查哪。 锋利的jquery javascript高级程序设计 Dom编程艺术 Javascript犀牛书原创 2017-12-23 17:32:13 · 981 阅读 · 0 评论 -
网页的float和positon的使用
.div1{width:100px;height:30px;background:red;left:30px;float :left;} .div3{width:100px;height:30px;background:blue;position:relative;position:relative;float :left;left:30px} .div2{width:100px;height:原创 2017-12-13 10:49:56 · 313 阅读 · 0 评论