![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Web前端
文章平均质量分 60
html、css、JavaScript、AngularJS的技术
菜鸟小窝
这个作者很懒,什么都没留下…
展开
-
输入框(input)的宽度根据内容自适应
通过使用CSS的width属性和一些JavaScript来完成input宽度自适应。原创 2023-09-12 10:26:30 · 5990 阅读 · 2 评论 -
JS 中 var、let、const 的区别
JS 中 var、let、const 的区别原创 2022-09-21 14:42:43 · 175 阅读 · 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 · 663 阅读 · 0 评论 -
Object.assign用法 以及 与$.extend的区别
我们先看看ES6官方文档是怎么介绍的?方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。简单来说,就是是对象的静态方法,可以用来复制对象的可枚举属性到目标对象,利用这个特性可以实现对象属性的合并。...原创 2022-08-10 13:23:58 · 707 阅读 · 0 评论 -
AngularJS使用ng-class、ng-style实现动态css样式
AngularJS使用ng-class、ng-style实现动态css样式原创 2022-08-05 13:05:10 · 3208 阅读 · 0 评论 -
js获取url地址栏参数的方法,解决中文乱码问题
js获取url地址栏参数的方法,解决中文乱码问题。原创 2022-07-16 20:47:13 · 648 阅读 · 0 评论 -
Java Web 实现下载文件
Java Web 实现下载文件Response.setContentType 可设置属性原创 2022-06-30 13:19:24 · 2395 阅读 · 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 · 231 阅读 · 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 · 7403 阅读 · 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 · 376 阅读 · 0 评论 -
html元素居中
html居中原创 2022-05-13 22:37:59 · 1894 阅读 · 0 评论 -
html元素自动换行设置
html自动换行原创 2022-05-13 21:37:54 · 21258 阅读 · 1 评论 -
HTML 表格滚动锁定表头,实现固定行列
这个案例主要实现了表格在横向滚动或者纵向滚动时可以锁定表格的头部。主要 css 代码在 style 标签下,还有就是表格外层的div也设置了绝对布局,这样可以将内部表格的高度设置为100%,否则就需要设置一个固定高度。原创 2022-04-01 18:12:59 · 13532 阅读 · 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 · 10900 阅读 · 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 · 1223 阅读 · 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 · 1392 阅读 · 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 · 366 阅读 · 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 · 684 阅读 · 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 · 2839 阅读 · 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 · 6218 阅读 · 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 · 1072 阅读 · 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 · 832 阅读 · 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 · 2655 阅读 · 0 评论 -
JavaScript 中使用 escape、encodeURI、encodeURIComponent 编码解码
JavaScript 中使用 escape、encodeURI、encodeURIComponent 编码解码原创 2018-05-07 21:01:08 · 2151 阅读 · 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 · 1249 阅读 · 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 · 829 阅读 · 2 评论 -
Ajax 使用案例
Ajax 使用案例原创 2020-11-26 09:52:44 · 755 阅读 · 0 评论