Web前端
关注
分享
扫一扫
文章平均质量分 60
html、css、JavaScript、AngularJS的技术
菜鸟小窝
这个作者很懒，什么都没留下…
展开
-
bootstrap模态框
【代码】bootstrap模态框。原创 2024-10-31 09:08:22 · 214 阅读 · 0 评论 -
JavaScript的原型与原型链
对象（Object）是一种无序的键值对集合，键为字符串，值可以是任意类型。函数也是对象。每个对象都有一个属性__proto__，它指向另一个对象，而这个对象又通过属性__proto__指向另一个对象。当我们访问一个对象（例如u1）的属性时，首先会在该对象自身的属性中查找，如果未找到，则会沿着__proto__一直向上查找，形成一个链式结构，这个结构称为原型链。如果在原型链中找到所请求的属性，就返回该属性的值；如果在整个原型链中都未找到该属性，则返回undefined。原创 2024-10-15 12:59:15 · 1061 阅读 · 0 评论 -
输入框（input）的宽度根据内容自适应
通过使用CSS的width属性和一些JavaScript来完成input宽度自适应。原创 2023-09-12 10:26:30 · 6955 阅读 · 2 评论 -
JS 中 var、let、const 的区别
JS 中 var、let、const 的区别原创 2022-09-21 14:42:43 · 235 阅读 · 0 评论 -
AngularJS 截取字符串
In HTML Template Binding（在HTML的模板绑定中）{{ limitTo_expression | limitTo : limit : begin}}In JavaScript$filter('limitTo')(input, limit, begin)如：{{"2017-01-20 15:16:30"|limitTo:10}}显示为：2017-01-20填写负值为从后往前截取，如：{{"2017-01-20 15:16:30"|limitTo:-8}}显示为原创 2022-08-17 14:46:27 · 711 阅读 · 0 评论 -
Object.assign用法 以及 与$.extend的区别
我们先看看ES6官方文档是怎么介绍的？方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。简单来说，就是是对象的静态方法，可以用来复制对象的可枚举属性到目标对象，利用这个特性可以实现对象属性的合并。...原创 2022-08-10 13:23:58 · 806 阅读 · 0 评论 -
AngularJS使用ng-class、ng-style实现动态css样式
AngularJS使用ng-class、ng-style实现动态css样式原创 2022-08-05 13:05:10 · 3547 阅读 · 0 评论 -
js获取url地址栏参数的方法，解决中文乱码问题
js获取url地址栏参数的方法，解决中文乱码问题。原创 2022-07-16 20:47:13 · 698 阅读 · 0 评论 -
Java Web 实现下载文件
Java Web 实现下载文件Response.setContentType 可设置属性原创 2022-06-30 13:19:24 · 2625 阅读 · 0 评论 -
Promise使用
支持链式调用，解决回调地狱问题。let p = new Promise(function(resolve, reject){ setTimeout(function(){ console.log("setTimeOut"); resolve(); //reject(); }, 1000);});p.then(()=>{console.log("resolve执行了")},()=>{console.log("reject执行了"原创 2022-05-28 15:06:58 · 330 阅读 · 0 评论 -
JavaScript计算文件Hash值(sha1 sha 256 md5)
JavaScript计算文件Hash值三种方法计算Hash值的方法都是相同的；只是将Hash值转换为16进制或base 64不同。方法一<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> window.onload = functi原创 2022-05-24 13:52:25 · 8790 阅读 · 0 评论 -
WEB上传文件预览
一、上传图片预览1、JS版本<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> function upload(files) { let imageElementStr = ""; fo原创 2022-05-24 13:46:10 · 430 阅读 · 0 评论 -
html元素居中
html居中原创 2022-05-13 22:37:59 · 3396 阅读 · 0 评论 -
html元素自动换行设置
html自动换行原创 2022-05-13 21:37:54 · 23140 阅读 · 1 评论 -
HTML 表格滚动锁定表头，实现固定行列
这个案例主要实现了表格在横向滚动或者纵向滚动时可以锁定表格的头部。主要 css 代码在 style 标签下，还有就是表格外层的div也设置了绝对布局，这样可以将内部表格的高度设置为100%，否则就需要设置一个固定高度。原创 2022-04-01 18:12:59 · 14788 阅读 · 11 评论 -
html前端打印
var newstr = document.getElementById("picOutDiv").innerHTML;//得到需要打印的元素HTMLvar oldstr = document.body.innerHTML;//保存当前页面的HTMLdocument.body.innerHTML = newstr; $(".pic").offset({top:0,left:0});$(".p...原创 2018-02-26 19:36:57 · 11130 阅读 · 0 评论 -
html 网页变黑白
html{filter:grayscale(100%); -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:progid:DXImageTransform.Microsoft.Bas...原创 2020-04-06 23:21:14 · 1283 阅读 · 0 评论 -
AngularJS设置img使用ng-src替换src
使用src报错原因因为在加载页面的时候, 在Angular加载完成之前,浏览器会试图从img/{{imgName}} 加载图片,当然这会失败。一旦Angular加载完成以后,浏览器就会明白 {{imgName}} 变量需要被具体值代替,比如logo.png，然后就会到正确的img/logo.png 去加载图片，这显然就要执行两次操作。ng-src就解决了这个问题,因为它会等Angular加载完成以后,才会到正确的地址去加载数据。使用 ng-src 替换了src :错误写法:<img ng原创 2020-09-04 17:47:36 · 1451 阅读 · 2 评论 -
AngularJS使用$scope.name绑定变量失败
变量绑定到$scope.name属性这样在改变input时，没有及时刷新变量的值。<input ng-model="name" ng-change="search()">当在input中输入a，$scope.name的值并没有刷新，打印为""。$scope.name= "";$scope.search = function(){console.log($scope.name);}变量绑定到$scope.form.name属性这样在改变input时，可以及时刷新变量的值。&原创 2020-08-31 12:03:46 · 403 阅读 · 0 评论 -
AngularJS的ng-show使用
<li class="third-menu" ng-repeat="thirdMenu in secondMenu.thirdMenus" ng-show="thirdMenuFilter(thirdMenu)"> <a id="thirdMenu{{thirdMenu.id}}" ng-click="clickThirdMenu(thirdMenu)">{{thirdMenu.name}}</a></li>$scope.thirdMenuFilter原创 2020-05-20 14:07:36 · 769 阅读 · 0 评论 -
angularJs获取元素的值
<input ng-blur="stdAnswerChk($event)" type="text">$scope.stdAnswerChk = function(e) { var val = e.target.value; console.log(val);}原创 2019-06-25 13:24:31 · 2883 阅读 · 0 评论 -
bootstrap 时间日期日历控件（datetimepicker）
Bootstrap datetimepicker控件的使用说明1.支持日期选择，格式设定2.支持时间选择3.支持时间段选择控制4.支持中文涉及的样式及js:云加速外联即可。(moment-with-locales.js 这个得在datatimpicker.min.js之前。可以网上百度这个文件。我没找到这个cdn)文档http://eonasdan.github.io/bootstrap-datetimepicker/#bootstrap-3-datepicker-v4-docs案例原创 2020-07-28 15:51:33 · 6294 阅读 · 0 评论 -
JavaScript Date 比较
答案为 falsevar d = Date.parse("2017/08/09 10:30")var date = new Date(d+1);document.write(d 答案为true原创 2017-08-22 18:49:44 · 1111 阅读 · 0 评论 -
查询下拉框案例，代替datalist对象。
代码html：<input class="searchInput" itemIndex="{{$index}}" placeholder="请输入搜索关键字" type="text" value=""><div id="dataDownListOutDiv"> <div class="dataDownList" ng-repeat='pl in ...原创 2020-03-11 16:33:46 · 952 阅读 · 1 评论 -
获取input标签的value
JS的方法 window.onload = function(){ var psel = document.getElementById("provSelect1"); alert("获取到的value：" + psel.value); //获取 psel.value = "123"; //设置 alert("设置后的v原创 2017-08-30 16:59:39 · 2702 阅读 · 0 评论 -
JavaScript 中使用 escape、encodeURI、encodeURIComponent 编码解码
JavaScript 中使用 escape、encodeURI、encodeURIComponent 编码解码原创 2018-05-07 21:01:08 · 3681 阅读 · 1 评论 -
jQuery日期和时间插件（jquery-ui-timepicker-addon.js）
简介jQuery UI Datepicker日期选择插件很好用了，只不过只能精确到日，不能选择时间（小时分钟秒）很遗憾，而jquery-ui-timepicker-addon.js正是基于jQuery UI Datepicker的一款可选时间的插件。官网地址：http://trentrichardson.com/examples/timepicker/官网demo下载：https://github.com/trentrichardson/jQuery-Timepicker-AddonDemo使用原创 2020-07-28 15:52:10 · 1431 阅读 · 0 评论 -
jQuery日期和时间插件（jquery-ui-timepicker-addon.js）新
案例效果案例源码<!DOCTYPE html><head> <title>日期控件jquery-ui-timepicker-addon</title> <link href="jquery-ui-1.12.1/jquery-ui.css" rel="stylesheet"> <link href="jQuery-Timepicker-Addon/jquery-ui-timepicker-addon.css" r原创 2020-07-28 15:35:35 · 925 阅读 · 2 评论 -
Ajax 使用案例
Ajax 使用案例原创 2020-11-26 09:52:44 · 798 阅读 · 0 评论