前端代码
New Learning
求教
展开
-
Angular HTML循环,深拷贝,数据更新视图不更新
ngFor循环对象取值 data = {};<div *ngFor="let item of data | keyvalue"></div> reduce 计算重复累计值 // Get the total duration getCountNumber(dataArr): any{ return dataArr.reduce((prev, next) => { prev[next.eventType] = { ...原创 2021-01-25 10:31:51 · 339 阅读 · 1 评论 -
判断浏览器内核
var getExplorer = (function () { var explorer = window.navigator.userAgent, compare = function (s) { return (explorer.indexOf(s) >= 0); }, ie11 = (function () { return ("ActiveX...原创 2019-11-25 16:03:55 · 290 阅读 · 0 评论 -
js图片上传回显
<div class="w120 h120 bor1px"> <img id="img0" width="100%" height="100%" src=""></div><div class="w420 ptb20"> <input type="file" name="file0" id="file0" multiple...原创 2018-05-22 10:26:42 · 2323 阅读 · 2 评论 -
ajax省市区联动selec2
$(function () { // 初始化省市区 initAddress(); // 更改省份后的操作 $("select[name='province']").change(function() { var provCode = $("select[name='province']").val(); ...原创 2018-05-16 12:04:45 · 216 阅读 · 0 评论 -
Ie兼容问题
<!--IE8只能支持jQuery1.9--> <!--[if lte IE 8]> <script src="http://cdn.bootcss.com/jquery/1.9.0/jquery.min.js"></script> <![endif]--> <!-- 让IE8/9支持媒体查询,从而兼..原创 2018-06-04 09:56:21 · 167 阅读 · 0 评论 -
短信发送
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><input type="原创 2018-05-30 21:25:12 · 369 阅读 · 0 评论 -
兼容ie8上传图片回显
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <style type="text/css"> #preview, .img, img { width原创 2018-06-01 11:33:15 · 1215 阅读 · 0 评论 -
ios样式兼容问题
下面这句代码就是我们常用重置这些样式的方法:-webkit-appearance: none;原创 2018-07-30 13:52:20 · 1519 阅读 · 0 评论 -
Promise
Promise 的含义Promise 是异步编程的一种解决方案,比传统的解决方案–回调函数和事件--更合理和更强大。它由社区最早提出和实现,ES6将其写进了语言标准,统一了语法,原生提供了Promise所谓Promise ,简单说就是一个容器,里面保存着某个未来才回结束的事件(通常是一个异步操作)的结果。从语法上说,Promise是一个对象,从它可以获取异步操作的消息。 Promise ...转载 2018-08-10 17:43:33 · 109 阅读 · 0 评论 -
数组并为一个json对象
var jsonArray = []; //作为key的一个数组 var zz = $(".key"); var zzarray = []; zz.each(function(){ zzarray.push($(this).val()); }); //作为value的一个数组 ...转载 2018-08-16 18:04:04 · 429 阅读 · 0 评论 -
操作数组,对象
javaScript遍历对象总结 var obj = {'0':'a','1':'b','2':'c'};Object.keys(obj).forEach(function(key){ console.log(key,obj[key]);}) 前言其实这本来应该是一个很基础的问题了,但我之做一想记录一下是因为之前因为对象转数组的时候卡住了后来弄了出来,但最近再...原创 2018-09-21 15:57:43 · 192 阅读 · 0 评论 -
获取url的querystring参数
一. 获取url的querystring参数获取url的querystring参数的两种方法如下:1.1 方法一:正则匹配 1 2 3 4 5 6 7 8 9 10 //获取url中的参数 function getQueryString(name) { var reg...转载 2018-09-27 14:25:49 · 3558 阅读 · 0 评论 -
字符串转对象
方法1//计算表达式的值function evil(fn) { var Fn = Function; //一个变量指向Function,防止有些前端编译工具报错 return new Fn('return ' + fn)();}方法2function eval1 (str) { var script = document.createElement('scrip...转载 2018-12-19 13:09:02 · 531 阅读 · 0 评论 -
js取整数、取余数的方法
取整1.取整// 丢弃小数部分,保留整数部分parseInt(5/2) // 2 2.向上取整// 向上取整,有小数就整数部分加1Math.ceil(5/2) // 3 3.向下取整// 向下取整,丢弃小数部分Math.floor(5/2) // 2 4四舍五入// 四舍五入Math.round(5/2) // 3 取余...转载 2019-01-17 10:15:12 · 663 阅读 · 0 评论 -
svn断点续传
转载 2019-03-21 17:51:47 · 1356 阅读 · 0 评论 -
node连接数据库
var mysql = require('mysql');var connection = mysql.createConnection({ host : 'ip', user : 'cheeweb7782', password : 'cheeweb', database: 'cheeweb7782', port: '3306', ...原创 2018-05-11 13:47:15 · 202 阅读 · 0 评论 -
jsonp
JSONP的客户端具体实现: 不管jQuery也好,ExtJs也罢,又或者是其他支持jsonp的框架,他们幕后所做的工作都是一样的,下面我来循序渐进的说明一下jsonp在客户端的实现: 1、我们知道,哪怕跨域js文件中的代码(当然指符合web脚本安全策略的),web页面也是可以无条件执行的。 远程服务器remoteserver.com根目录下有个remote.js文件代码如下:alert...转载 2018-03-21 15:14:16 · 103 阅读 · 0 评论 -
IE各种兼容问题
在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实IE给出了解决方案Google也给出了解决方案百度也应用了这种方案去解决IE的兼容问题 百度源代码如下http://www.w3.org/1999/xhtml xmlns:bd=http://www.baidu.com/2010/xbdml>;百度一下,你就知道 var wpo={start:n转载 2017-10-20 16:58:13 · 194 阅读 · 0 评论 -
100多个基础常用JS函数和语法集合大全
100多个基础常用JS函数和语法集合大全网站特效离不开脚本,javascript是最常用的脚本语言,我们归纳一下常用的基础函数和语法:1.输出语句:document.write(""); 2.JS中的注释为//3.传统的HTML文档顺序是:document->html->(head,body)4.一个浏览器窗口中的DOM顺序是:window->(navi转载 2017-10-20 16:59:56 · 257 阅读 · 0 评论 -
设计稿750px移动端字体自适应,1rem=100px
script type="text/javascript"> //JS监听浏览器文字大小代码 "use strict"; (function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orient原创 2017-10-30 10:20:06 · 12927 阅读 · 0 评论 -
数字字母文本超出长度显示...
style> .line-limit-length { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:50px; } style>div class="item">原创 2017-10-30 13:16:35 · 660 阅读 · 0 评论 -
无缝滚动
Document*{list-style: none;margin: 0;padding: 0;}#div1{width: 500px;height: 100px;background: #f0f;margin: 100px auto;position: relative;overflow: hidden;}#div1 ul{原创 2017-11-02 14:43:40 · 136 阅读 · 0 评论 -
低版本浏览器提示升级
html>html>head> meta name="renderer" content="webkit"> meta charset="utf-8"> meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> title>Browsertitle> style type="text/cs原创 2017-11-03 15:05:56 · 1172 阅读 · 0 评论 -
jq接收链接参数
$(function () { //方法二: (function ($) { $.getUrlParam = function (name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");转载 2017-11-21 19:47:53 · 1077 阅读 · 0 评论 -
单个和多个checkbox选中事件
如果使用jquery,应使用prop方法来获取和设置checked属性,不应使用attr,需要的朋友可以参考下html:<input type="checkbox" name="check" id="check" checked="checked" value="Daily" /><input type="checkbox" name转载 2018-01-22 09:50:38 · 36186 阅读 · 3 评论 -
身份证验证
html>html lang="en">head> meta charset="UTF-8"> title>Titletitle> script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js">script>head>body>input type="text" class="" id="card">in原创 2018-01-22 17:39:46 · 217 阅读 · 4 评论 -
超出省略号
.one li{ width: 200px; overflow: hidden;/*超出部分隐藏*/ white-space: nowrap;/*不换行*/ text-overflow:ellipsis;/*超出部分文字以...显示*/ }原创 2018-01-08 10:03:42 · 130 阅读 · 0 评论 -
判断是否为数组
数组对象js的数组是无类型的:数组元素可以是任意类型,并且同一个数组中的不同元素也可能有不同的类型。数组的元素可以是对象或其他数组,这样就可以创建复杂的数据结构。通常我们可以用一元运算符typeof来判断js的数据类型,但是对于数组这样一个特殊的对象却只能返回"object"typeof [1,2,3]"object"typeof 100"number"typeof false...转载 2018-03-15 10:19:13 · 14822 阅读 · 0 评论 -
base.css
@charset "utf-8";/********************Start Reset*clear css/********************/a, abbr, address, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, detail...原创 2018-03-16 13:56:38 · 552 阅读 · 0 评论 -
移动端头部meta写法
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"><!DOCTYPE html> <!-- 使用 HTML5 doctype,不区分大小写 --><html lang="zh-cmn-Hans"&原创 2018-03-16 14:17:24 · 1846 阅读 · 0 评论 -
ios滚动条流畅-webkit-overflow-scrolling : touch;
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,u原创 2018-03-13 17:07:36 · 325 阅读 · 0 评论 -
Apple设备@media
landscape & portraitipad@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {}ipad Retina@media only screen and (min-device-width : 76转载 2017-10-18 11:49:36 · 232 阅读 · 0 评论