- 博客(88)
- 收藏
- 关注
转载 js
$('.form_datetime').datetimepicker({//language: 'fr',weekStart: 1,todayBtn: 1,autoclose: 1,todayHighlight: 1,startView: 2,forceParse: 0,showMeridian: 1,format: 'yyyy-mm-dd hh:...
2019-06-03 23:59:00
244
转载 JS时间格式和时间戳的相互转换
时间戳转化为日期的方式var timestamp = 1527521052; var newDate = new Date(); newDate.setTime(timestamp * 1000); // Mon May 28 2018console.log(newDate.toDateString()); // Mon, 28 May ...
2019-05-23 17:29:00
602
转载 Jquery的简单API
dsfsdjgsdjgsdjkg<script>console.log('erftwet')</script>转载于:https://www.cnblogs.com/yunshangwuyou/p/10832924.html
2019-05-08 16:53:00
235
转载 js中判断数组中是否包含某元素的方法
方法一:array.indexOf(item,start):元素在数组中的位置,如果没与搜索到则返回 -1。参数描述item必须。查找的元素。start可选的整数参数。规定在数组中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数,则将从字符串的首字符开始检索。...
2019-03-15 19:33:00
1532
转载 js实现图片点击弹出放大效果
点击图片,显示蒙板,放大图片的简单案例HTML代码:<div> <img height="100" width="100" src="https://img-blog.csdn.net/20180518162114673?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3l1bnNpd2w1/fo...
2019-03-15 17:38:00
1483
转载 js替换字符串中的空格,换行符\r\n或\n替换成<br>
为了让回车换行符正确显示,需要将 \n 或 \r\n 替换成 <br>。同样地,将空格替换存 。这里我们通过正则表达式来替换。一、替换所有的空格、回车换行符//原始字符串var string = "欢迎访问!\r\nhangge.com 做最好的开发者知识平台"; //替换所有的换行符string = string....
2019-03-14 21:12:00
3762
转载 Form表单之复选框checkbox操作
input复选(checkbox):<label>input复选1组:</label><input type="checkbox" name="checkbox1" value="checkbox复选1" checked="checked"/>checkbox复选1<input type="checkbox" name="ch...
2018-10-14 23:14:00
1127
转载 js如何判断数据类型
1、最常见的判断方法:typeofconsole.log(typeof a) ------------> stringconsole.log(typeof b) ------------> numberconsole.log(typeof c) ------------> objectconsole.log(typeof d) -...
2018-09-29 23:05:00
117
转载 php封装
<?php // 获取用户名 $username = $_POST["username"]; $pwd = $_POST["pwd"]; $mark = isset($_POST["mark"])?$_POST["mark"] : ""; //1.建立连接 // ip地址,用户名, 密码, 连接的数据源, 端口号, 默认是3306 $conn= ne...
2018-09-26 21:28:00
112
转载 js面向对象轮播图写法
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style>*{margin:0;padding: 0;}ul,li{list-st...
2018-09-26 21:19:00
181
转载 原生js的常见封装
/*随机数参数:n,m 都是数字 */function numRandom(n,m){return parseInt(n+Math.random()*(m-n+1));}//冒泡排序function bubble(arr){var temp;for(var i=0;i<arr.length-1;i++){for(var j=0;j&l...
2018-09-26 21:13:00
182
转载 原生js方面的兼容性问题
1.关于获取行外样式 currentStyle 和 getComputedStyle 出现的兼容性问题 我们都知道js通过style不可以获取行外样式,当我们需要获取行外样式时: 我们一般通过这两个方法获取行外样式: IE下: currentStyle Chrome,FF下: getComputedStyle(oDiv,false) 兼容两个浏览器的写法: ...
2018-09-19 12:04:00
118
转载 深入浅出:了解世上最全的数组去重方式
//第一种:IndexOf(最简单数组去重法)/** 新建一新数组,遍历传入数组,值不在新数组就push进该新数组中* IE8以下不支持数组的indexOf方法* */ function uniq(array) { var temp = []; //一个新的临时数组 for (var i = 0; i < array.length; i++) { if (temp.in...
2018-09-18 06:04:00
113
转载 封装一个方法获取url上面的参数
一、取参function getAllUrlParams(url) { var queryString = url ? url.split('?')[1] : window.location.search.slice(1); var obj = {}; if (queryString) { queryString = queryString.split('...
2018-09-17 13:08:00
332
转载 前端页面常见布局问题
一、选择器权重问题;! important>内联样式(1,0,0,0)>id选择器(0,1,0,0)>类选择器、属性选择器、伪类选择器(0,0,1,0)>元素选择器、伪对象(0,0,0,1)> 通配符选择器(0,0,0,0)>继承的属性>浏览器默认样式。二、盒模型的理解所有HTML元素可以看作盒子,在CSS中,"box m...
2018-09-13 02:07:00
637
转载 vue和react总结
一、总结一下Vue和React的区别相同点: 1.都支持服务器端渲染 2.都有Virtual DOM,组件化开发,通过props参数进行父子组件数据的传递,都实现webComponent规范 3.数据驱动视图 4.都有支持native的方案,React的React native,Vue的weex 5.都有管理状态,React有redux,Vue有自己的Vue...
2018-09-12 23:29:00
313
转载 前端面试会遇到的奇葩难题
js数组中去除重复对象及去除空对象的方法(function(){//去除数组中重复对象var unique = {};arr.forEach(function(a){ unique[ JSON.stringify(a) ] = 1 });arr= Object.keys(unique).map(function(u){return JSON.parse(u) });...
2018-09-12 17:24:00
257
转载 js解决异步的方法汇总
参考:https://www.cnblogs.com/zuobaiquan01/p/8477322.html一、callback回调函数回调是一个函数被作为一个参数传递到另一个函数里,在那个函数执行完后再执行。(也即:B函数被作为参数传递到A函数里,在A函数执行完后再执行B )function f1 (callback) { setTimeout(fu...
2018-09-12 00:53:00
297
转载 前端面试题
1.什么是响应式网页? 通过CSS3 Media Query实现响应式Web设计 响应式Web设计(Responsive Web design)的理念是,页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。 具体的实践方式由多方面组成,包括弹性网格和布局、图片、CSS media query的使用等。无论用户正在使用笔记本还是iPa...
2018-09-07 02:42:00
1898
转载 原生一点面试题
我的面试题: 1:javascript的数据类型有哪些: 答:字符串型,布尔型,number,null,underfind,数组,对象,fn,symbol; 2: 简述一下javascript中的运算符有哪三类,分别包括什么? 答:(1)算术运算符 JavaScript中的算术运算符有单目运算符和双目运算符。 双目运算符:...
2018-09-07 02:31:00
211
转载 深入浅出:了解深拷贝和浅拷贝
值传递:基本数据类型传递数据(数据发生改变的时候,另一个数据不会发生改变)引用传递:引用数据类型传递数据,复制另一个引用数据类型的地址,所以当数据发生改变的时候,另一个引用数据类型的数据也会发生改变。因为他们的两个只想同一地址。1.浅拷贝:当一个对象复制另一个对象的数据后,当改变其中一个对象的数据后,另一个对象的数据也会发生改变,这就是浅拷贝;2.深拷贝:当一个对象复制另一个对象的数...
2018-09-07 01:59:00
101
转载 MVVM、MVC框架的认识
推荐博客:https://blog.csdn.net/jia12216/article/details/55520426 https://www.cnblogs.com/sunny_z/p/7093663.html 一、MVVM是Model-View-ViewModel的简写。它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化,让我...
2018-09-07 01:12:00
152
转载 前端常见兼容问题
推荐:https://blog.csdn.net/sinat_38992528/article/details/79098706https://blog.csdn.net/zhangmeng1020/article/details/508861851.安卓浏览器看背景图片,有些设备会模糊因为手机分辨率太小,如果按照分辨率来显示网页,字会非常小,安卓手机devicePixoRadio比较乱...
2018-09-06 20:24:00
86
转载 深入浅出:了解JavaScript的ES6、ES7新特性
参照阮一峰博客:http://es6.ruanyifeng.com/#READMEes6常见题:https://blog.csdn.net/qq_39207948/article/details/80678800数组用法:https://blog.csdn.net/tang15886395749/article/details/65629898导航:1.箭头函数2.字符串拓展3.函数...
2018-09-06 20:01:00
237
转载 AMD、CMD、Common规范及对比
https://blog.csdn.net/bluesky1215/article/details/710817801.名词解释AMD:Asynchronous Modules Definition异步模块定义,提供定义模块及异步加载该模块依赖的机制。CMD:Common Module Definition 通用模块定义,提供模块定义及按需执行模块RequireJS 遵...
2018-09-05 18:43:00
273
转载 简单了解:Web前端攻击方式及防御措施
一、XSS【Cross Site Script】跨站脚本攻击恶意攻击者往Web页面里插入恶意Script代码,当用户浏览该页之时,嵌入其中Web里面的Script代码会被执行,从而达到恶意攻击用户的目的。1、Reflected XSS(反射型攻击:非持久型,多出现于搜索页面)基于反射的XSS攻击,主要依靠站点服务端返回脚本,在客户端触发执行从而发起Web攻击。W...
2018-09-04 19:20:00
209
转载 HTTP:地址栏输入url到显示页面的步骤
在浏览器地址栏输入URL 浏览器查看缓存,如果请求资源在缓存中并且新鲜,跳转到转码步骤 如果资源未缓存,发起新请求 如果已缓存,检验是否足够新鲜,足够新鲜直接提供给客户端,否则与服务器进行验证。 检验新鲜通常有两个HTTP头进行控制Expires和Cache-Control: ...
2018-09-04 15:44:00
121
转载 vue的生命周期和路由守卫
组件相关钩子函数: beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destoryed还有两个特殊的(使用keep-alive):activated、deactivated(不详述)v2.5.0+新增: errorCaptured (暂时还不知道咋用)路由...
2018-09-04 11:58:00
353
转载 深入浅出:前端浏览器缓存、清除缓存的几种方法
介绍一个浏览器缓存机制的原理:https://blog.csdn.net/u014590757/article/details/80140654https://www.cnblogs.com/vajoy/p/5341664.htmlhttps://www.jianshu.com/p/1a1536ab01f1 一、meta方法 有时候谷歌等浏览器不支持...
2018-09-03 21:09:00
3572
转载 深入浅出:了解前端回流跟重绘
1. 浏览器把获取到的HTML代码解析成1个DOM树,HTML中的每个tag都是DOM树中的1个节点,根节点就是我们常用的document对象。DOM树里包含了所有HTML标签,包括display:none隐藏,还有用JS动态添加的元素等。2. 浏览器把所有样式(用户定义的CSS和用户代理)解析成样式结构体,在解析的过程中会去掉浏览器不能识别的样式,比如IE会去掉...
2018-09-03 20:29:00
465
转载 http状态码有那些,分别代表什么意思
http1.0和2.0的区别https://blog.csdn.net/linsongbin1/article/details/54980801/简单版: 100 Continue 继续,一般在发送post请求时,已发送了http header之后服务端将返回此信息,表示确认,之后发送具体参数信息 200 OK 正常返回信息 ...
2018-09-03 15:00:00
111
转载 深入浅出:了解前后端分离优势、前后端接口联调以及优化问题
目录:1. 项目有前后端分离和前后端不分离;2. 前后端接口联调;3.前端性能优化 ;4.前端安全问题;一、项目有前后端分离和前后端不分离: 在前后端不分离架构中,所有的静态资源和业务代码统一部署在同一台服务器上。服务器接收到浏览器的请求后,进行处理得到数据,然后将数据填充到静态页面中,最终返回给浏览器。 实现前后端分离后,有了下面几点改...
2018-09-02 23:05:00
1572
转载 深入浅出:了解JavaScript中的call,apply,bind的差别
在 javascript之 this 关键字详解文章中,谈及了如下内容,做一个简单的回顾: 1.this对象的涵义就是指向当前对象中的属性和方法。 2.this指向的可变性。当在全局作用域时,this指向全局;当在某个对象中使用this时,this指向该对象;当把某个对象的方法赋值给另外一个对象时,this会指向后一个对象。 3.th...
2018-09-02 11:37:00
111
转载 Vue2.0 搭建Vue脚手架(vue-cli)
一、阅读之前需要了解的知识 htnl css javascript node.js环境(npm包管理工具) webpack打包工具安装node.js从node官网下载并安装node,安装步骤很简单,只要一路“next”就可以了。1.安装完成后,打开命令行工具输入命令node -v,如下图,如果出现对应版本号,...
2018-09-02 11:22:00
83
转载 深入浅出:promise的各种用法
https://mp.weixin.qq.com/s?__biz=MzAwNTAzMjcxNg==&mid=2651425195&idx=1&sn=eed6bea35323c75f0c43ae61818c0a55&chksm=80dff7c8b7a87edeb834cc4aabf0eec40c7566b45abd5c58b56625dc0efd77d1...
2018-08-31 18:02:00
274
转载 深入浅出:了解常见的设计模式(闭包、垃圾回收机制)
导航:1.闭包2.垃圾回收机制3.内存泄漏场景4.设计模式分类一、闭包:闭包就是能够读取其他函数内部变量的函数。应用场景:设置私有变量和方法(为了防止变量命名间的污染,可以用闭包来包裹住,使得变量仅在当前局部作用于下发生作用,而不会与其他全局作用下的同名变量发生变量污染。)不适合场景:返回闭包的函数是个非常大的函数闭包的特性:1.函数内再嵌套函数...
2018-08-30 19:27:00
447
转载 深入浅出:了解jsonp跨域的九种方式
什么是“”跨域”: 跨域访问,简单来说就是 A 网站的 javascript 代码试图访问 B 网站,包括提交内容和获取内容。由于安全原因,跨域访问是被各大浏览器所默认禁止的。当一个域与其他域建立了信任关系后,2个域之间不但可以按需要相互进行管理,还可以跨网分配文件和打印机等设备资源,使不同的域之间实现网络资源的共享与管理。这就形成了“跨域”。广义的跨域:1.) 资源跳转:...
2018-08-28 18:58:00
267
转载 前端小知识集锦
如何找到符合尺寸的图片:http://via.placeholder.com/300px*100pxmock.js:http://mockjs.com/如何调用高德地图:重:https://www.cnblogs.com/yunshangwuyou/p/9602158.htmlhttps://blog.csdn.net/generon/article/details/74922...
2018-08-27 20:40:00
75
转载 react手动搭建解析
1.创建项目名<react-progect>->项目文件下创建package.json文件->项目下执行命令:cnpm initcnpm i webpack webpack-dev-server -D->安装loader,生成mode_module文件cnpm install babel-loader babel-core babel-preset-...
2018-08-25 10:29:00
118
转载 react的 react-router使用
官方API:https://reacttraining.com/react-router/web/api/BrowserRouter;React Router 安装命令如下。使用时,路由器Router就是React的一个组件。import { Router } from 'react-router';render(<Router/>, docume...
2018-08-22 20:07:00
72
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人