IT狗

Web前端

Html5、css、JavaScript基础

一、HTML学习 HTML样式Css内联样式- 在HTML元素中使用"style" 属性内部样式表 -在HTML文档头部 <head> 区域使用<style> 元素 来包含CSS外部引用 - 使用外部 CSS 文件内联样式: 1 <p style="color:blue;margin-left:...

/ ()阅读()

js 3D旋转效果


<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>智慧园区</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="X-...

/ ()阅读()

使用CSS样式的三种方式

外部样式表当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。使用外部样式表,你就可以通过更改一个文件来改变整个站点的外观。
内部样式表当单个文件需要特别样式时,就可以使用内部样式表。你可以在 head...

/ ()阅读()

多种米字型布局方式

第一种米字型布局代码分享,思路首先分成四个大三角形上下左右,然后在在每个大的三角形分成两个三角形,颜色自己可以调整
html代码分享
<div class="bigBox"> <div class="rackBox"> <!-- 向上的三角形...

/ ()阅读()

CSS3选择器笔记

1.属性选择器:[id=test] {&hellip;} 选择id=test字符串的元素[id*=test] {&hellip;} 选择id存在test字符串的元素[id^=test] {&hellip;} 选择id 以test字符串开头的元素[id$=test] {&hellip;} 选择id以test结尾的元素...

/ ()阅读()

JavaScript--Dom操作元素的样式

在前端开发中,有时候需要动态修改的网页元素的样式,这里将使用JS动态修改元素样式的方法做个小结:网页结构:按钮:  标签:input 类型:button id:btn value:点我div:  标签:div id:box使用JS修改网页元素...

/ ()阅读()

Aurelia binding

今天介绍一下使用Aurelia binding 模块绑定HTML属性/事件的方式。我们依然使用之前创建的代码例子。Aurelia binding 绑定属性或者方法的通用模式就是 XXX.command="expression"XXX如 属性 value, 如方法click,blurc...

/ ()阅读()

&quot;美女相册&quot;的 js 实现代码

划重点拉! 先来解释一下子标题这个所谓的美女相册呢 并不是和你们想的一样龌龊
当然了 好像看起来也很龌龊 但是很多的版面都能用到这个功能的我来简单举个例子:在一个网页里 这上面有三个图 如果你点击任意一个...

/ ()阅读()

vue-cli2 构建速度优化

对于使用 vue-cli 脚手架创建的前端项目,编译发布几乎是必需操作,有的编译只需要几秒钟,快如闪电,有的却需要好几分钟,慢如蜗牛。如果是线上进行热修复,那更是分秒必争,网页响应的速度直接影响了用户体验,用户不会那么有耐心...

/ ()阅读()

js防抖和节流

  今天在网上看到的,里面的内容非常多。说下我自己的理解。  所谓的防抖就是利用延时器来使你的最后一次操作执行。而节流是利用时间差的办法,每一段时间执行一次。下面是我的代码:这段代码是右侧的小滑块跟随页面一...

/ ()阅读()

node引入bootstrap npm报错

今天node引入bootstrap npm报错 但是页面正常显示 最后发现bootstrap.min.js.map没有放在文件里 虽然不用页面中引入 另外也发现了怎么看这种错误了...

/ ()阅读()

Javascript 继承和克隆

个人总结: call 继承的是父类私有
prototype 继承的父类公有
create 可以将公有或私有继承到子类上去(克隆)
for in 克隆 不管公有还是私有的都...

/ ()阅读()

记Bootstrap Table两种渲染方式

这里主要区别两种Bootstrap Table的数据渲染方式,一、属性渲染方式,二、JS渲染方式工作直接接手前人的,之前都直接在table标签上渲染属性,后面因为项目需要,同一页面的表格,需要申请不同的接口获取数据,写两个表格后期数据量...

/ ()阅读()

动态显示checkbox选中条数

<script> $('input[type=checkbox]').click( function () { $('span#cheak_len').empty(); var len = $("input[name=product_bound_id]:checkbox:checked").le...

/ ()阅读()