web前端
关注
分享
扫一扫
xh-code
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
overflow为什么无效
问题：为什么在display：flex下，overflow不起作用？解决方法：使用display：box，display： box是一种古老的写法，现在基本废弃，可用display: -webkit-box; 兼容使用flex布局：flex布局的默认值，子元素有flex-shrink：1，在这个默认值下，子元素的宽是不管用的。将子元素加上flex-shrink：0；移动端问题：安卓和iOS浏览器都是webkit内核，包括变态UC浏览器，对flex支持并不好，但却都支持古老的displa.原创 2020-06-03 09:25:16 · 18842 阅读 · 0 评论 -
JavaScript打开摄像头
html部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>一、</title></head><body><video id="video" playsinline=""></video><input type="button" class="layui-btn原创 2020-06-03 09:21:47 · 1634 阅读 · 0 评论 -
js可视化音频
var canvas = document.createElement("canvas"); canvas.width = 100; canvas.height = 180; var ctx = canvas.getContext("2d"); ctx.fillStyle = "red"; ctx.strokeStyle = "blue"; ct...原创 2019-11-05 09:05:00 · 1867 阅读 · 2 评论 -
HTML的input监听输入事件
$("#term").bind('input propertychange', function () { var term = $("#term").val(); if (!type.test(term)) { $("#message").html(" <a style='color:r...原创 2019-06-27 10:25:41 · 38788 阅读 · 0 评论 -
Echart统计表
function showEcharts() { layui.config({ base: '/src/js/' }).use(['jquery', 'mockjs', 'table'], function () { var $ = layui.jquery, layer = la...转载 2019-04-18 16:48:33 · 568 阅读 · 0 评论 -
input:checkbox的值的获取
$root = $("input:checkbox[name='platfrom']:checked").map(function (index, elem) { return $(elem).val(); }).get().join(',');原创 2019-04-12 16:39:06 · 3850 阅读 · 0 评论 -
html视屏背景
<!--<style type="text/css">--> <!--HTML,BODY,OL,UL,LI,DL,DT,DD,P,DIV,SPAN {--> <!--margin:0;--> <!--padding:0;--> <!--}--> <!--BODY...转载 2019-04-04 16:08:58 · 492 阅读 · 0 评论 -
threejs的模型引入js框架
index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <meta name="viewport" con原创 2019-02-20 09:55:38 · 1326 阅读 · 0 评论 -
Threejs加载模型代码
/** * @author mrdoob / http://mrdoob.com/ */var APP = { Player: function () { var loader = new THREE.ObjectLoader(); var camera, scene, renderer; var events = {};...原创 2020-01-19 16:15:00 · 282 阅读 · 0 评论 -
触摸滑动翻页-》绑定触摸事件
////////////////////////////////////////////////////////////触摸滑动翻页-》绑定触摸事件var viewport = document.getElementById('contentBox');var currentPosition = 0; // 记录当前页面位置var startX, startY;var initialP...原创 2019-01-18 14:00:26 · 275 阅读 · 0 评论 -
前端插件
Javascript 库Particles.js — 一个用来在 web 中创建炫酷的浮动粒子的库Three.js — 一个用来在 web 中创建 3d 物体和 3d 空间的库Fullpage.js— 快速实现全屏滚动特性Typed.js — 打字机效果Waypoints.js — 滚动到某个元素位置时触发一个功能Highlight.js — web 语法高亮Chart...转载 2018-11-30 09:05:01 · 325 阅读 · 0 评论 -
html中通过url地址传参及获取参数解析方法
var url = document.location.toString();//获取url地址 var urlParmStr = url.slice(url.indexOf('?')+1);//获取问号后所有的字符串 var arr = urlParmStr.split('&');//通过&符号将字符串分割转成数组 var courseId = ...原创 2018-11-24 13:30:35 · 19645 阅读 · 3 评论 -
CSS制作3D盒子
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> html{ perspec原创 2018-11-07 11:17:43 · 1622 阅读 · 0 评论 -
前端框架
1.AliceuiAliceui是支付宝的样式解决方案，是一套精选的基于 spm 生态圈的样式模块集合，是 Arale 的子集，也是一套模块化的样式命名和组织规范，是写 CSS 的更好方式。gitHub地址：https://github.com/aliceui/aliceui.github.io2.AmazeuiAmaze UI 是一个轻量级、 Mobile first 的前端框架...转载 2018-07-25 10:28:58 · 647 阅读 · 0 评论