- 博客(58)
- 收藏
- 关注
原创 node大纲v10
Node课程大纲V10(一周)目录1 day基本介绍环境配置(node nvm,cnpm)REPL 环境(命令行) 运行js代码js文件执行nodemon实时监听模块/包与commonjs 规范内置第三方自定义内置模块详解Urlurl 介绍parseformatQuery Stringparsestringflyescapeunes...
2020-02-08 20:35:41
446
转载 angular和vue还有jquery的区别
angularjs简单介绍和特点 首先angular是一个mvc框架, 使用mvc解耦, 采用model, controller以及view的方式去组织代码, 会将一个html页面分成若干个模块, 每个模块都有自己的scope, service, directive, 各个模块之间也可以进行通信, 但是整体结构上是比较清晰的, 就是说其代码组织是模块化的, angular的view可能仅仅是一...
2019-06-19 21:37:12
324
转载 js判断数据类型的几种方法
我们在写封装的插件或者函数时,常常用到JS的数据类型判断,典型的案例就是深度拷贝函数用到数据类型判断,这个知识点在面试的时候也是经常考到的一个问题。今天在这里总结一下我个人遇到的可以判断数据类型的几种方式。如果有哪里写的不对还请指点一下小弟,以免文章误导他人。1. typeof关键字console.log(typeof 2); // numb...
2019-06-19 21:23:44
278
原创 移动端适配-vw例子
点击查看页面点击查看源码html部分 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &...
2019-06-16 21:41:05
818
转载 数据可视化一
数据可视化简介可视化:对数据进行交互的可视表达以增强认知的技术。•它将不可见或难以直接显示的数据映射为可感知的图形、符号、颜色、纹理等,增强数据识别效率,高效传递有用消息。• 数据可视化的意义1.视觉是人类获得信息的最主要途径2.可视化能够帮助人们提高理...
2019-06-10 10:00:48
1466
原创 移动端适配-rem练习
点击查看运行html部分 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,maximum-scale=1.0...
2019-06-09 23:00:04
230
原创 移动端的适配
适配:在不同的尺寸移动设备上,页面相对性达到合理展示(自适应)或者保持统一效果的等比例缩放(看起来差不多)适配的元素:1.字体2.宽高3.间距4.图像(图标,图片)适配的方法:1.百分比适配2.viewport缩放3.Dpr缩放4.rem适配(比较主流)5.vw,vh适配(最新的)...
2019-06-07 14:46:10
247
原创 移动端样式重置
-webkit-text-size-adjust: none;禁止文字自动调整大小(默认情况下旋转设备的时候文字大小会发生变化),此属性也不继承,一般加在body上规定整个body的文字都不会自动调整-webkit-tap-highlight-color: rgba(0,0,0,0);透明度设置为0,去掉点击a/button/input时默认的虚框(Android)或者被点击时灰色半...
2019-06-06 09:35:17
661
原创 移动端-如何让手机展示网页
1、vscode中下载live server 插件(自动刷新插件)2、vscode内open with live server3、终端中输入ipconfig 找出ipv4复制(window系统),终端中输入ifconfig 找出inet复制(mac系统)4、把复制的ipv4替换打开后网址中的域名5、复制网址,百度找一个二维码转换器,将网址转换成二维码。手机扫一扫注:手机电脑要在同一网络下...
2019-06-05 23:12:56
1263
原创 js瀑布流的实现
html部分<!DOCTYPE html><html lang="en"><head> <!-- <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> --> <meta charset="UTF-8"&...
2019-06-05 10:15:57
508
转载 babel工具使用
1.npm i -D @babel/core此模块提供babel编译的核心功能2.npm i -D @babel/preset-env此模块提供插件的集合,依赖于@babel/core,可以根据自身业务需求安装插件3.npm i -D @babel/cli...
2019-06-04 21:11:18
420
转载 webpack-介绍-安装-常用命令
webpack 介绍 & 安装 & 常用命令webpack系列目录webpack 系列 一:模块系统的演进webpack 系列 二:webpack 介绍&安装webpack 系列 三:webpack 如何集成第三方js库webpack 系列 四:webpack 多页面支持 & 公共组件单独打包webpack 系列 五:webpack Loaders 模块加载...
2019-06-04 21:09:09
142
转载 gulp的使用
1.npm i -D @babel/core此模块提供babel编译的核心功能2.npm i -D @babel/preset-env此模块提供插件的集合,依赖于@babel/core,可以根据自身业务需求安装插件3.npm i -D @babel/cli...
2019-06-04 21:07:30
119
原创 jq,ajax实现web版聊天机器人
html部分 <!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>小琴robot</title> <link...
2019-05-31 13:58:50
1709
1
原创 css3动态照片展示
https://github.com/pumpkin5201314/photohttps://pumpkin5201314.github.io/photo/demo.html
2019-05-29 10:29:34
420
转载 jsonp接口
# 电商接口淘宝商品搜索建议 http://suggest.taobao.com/sug?code=utf-8&q=商品关键字&callback=cb...
2019-05-29 10:28:03
1005
原创 利用jsonp实现百度搜索联想词功能
<!DOCTYPE html><html><head>charset <meta ="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>jsonp仿百度搜索联想词功能</title> <style type=...
2019-05-28 13:12:52
4919
转载 前端跨域问题
1.跨域问题的由来首先我们需要了解的是,前端处于项目开发过程中最接近用户的一个区域,代码最容易被hack获取解析,也最容易受到攻击。针对这个问题,互联网早期探索者Netscape提出了一个著名的安全策略——同源策...
2019-05-27 18:58:22
142
转载 github上的优秀android开源项目
源码大招:不服来战!撸这些完整项目,你不牛逼都难!经常有人问我有没有什么项目代码,我回复说去 Github 找,但是还是好多人不知道如何找到那些比较好的项目。今天花了点时间找了些安卓的项目,觉得还是不错的,几乎就是自己生活常用的一些 app ,如果你是一个 Android 开发者,我觉得撸完这些项目,你想不牛逼都难。菜鸟新闻菜鸟新闻 客户端是一个仿照36Kr官方,...
2019-05-27 12:21:14
797
1
转载 Github优秀开源项目整理
目前开源社区Github涌现出不少优秀的项目,关注和使用这些项目,一方面可以很好的提升开发效率与质量,另一方面研究开源项目的源码,参与其贡献,也是提升技术能力一个不错的方法。基于自己团队的需求,以后每周会整理一些不错的Github开源项目(每周3-6个),范围主...
2019-05-27 12:19:32
770
转载 github搜索技巧
先说一下,为什么写这篇文章?因为前天分享的文章中,我展示了一个 GitHub star 数量总榜的截图,然后很多人问我:如何查看 GitHub star 的总榜啊!你是从哪里弄得?这,我才发现,大家可能对 GitHub 并不了解,准确的说:应该是对 GitHub 上的搜索技巧不太了解!所以,今天是准备给大家写篇文章,普及一下 GitHub...
2019-05-27 12:18:04
252
转载 github 教程
原文 http://www.eoeandroid.com/thread-274556-1-1.html【初识Github】首先让我们大家一起喊一句“Hello Github”。YEAH!就是这样。Git是一个分布式的版本控制系统,最初由Linus Torvalds编写,用作Linux内核代码的管理。在推出后,Git在其它项目中也取得了很大成功,尤其是在Ruby社区中。目前...
2019-05-27 12:15:49
143
转载 Github使用教程
原文 http://www.eoeandroid.com/thread-274556-1-1.html【初识Github】首先让我们大家一起喊一句“Hello Github”。YEAH!就是这样。Git是一个分布式的版本控制系统,最初由Linus Torvalds编写,用作Linux内核代码的管理。在推出后,Git在其它项目中也取得了很大成功,尤其是在Ruby社区中。目前...
2019-05-26 20:02:46
140
原创 js封装ajax
function ajax(method, url, callback, data, flag) { var xhr = null; if(window.XMLHttpRequest) { xhr = new XMLHttpRequest(); }else { xhr = new ActiveXObject('Microsoft.XML...
2019-05-23 20:50:38
129
原创 css3--旋转的3D魔方
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <link rel="styleshee...
2019-05-22 17:24:22
661
1
原创 css3--animation实现跑马效果
<!DOCTYPE html><html><head> <title>跑马</title> <style type="text/css" media="screen"> *{ padding:0px; margin:0px; } @keyframes run{ 0%{ backg...
2019-05-19 10:32:47
1080
原创 css3--animation实现钟表效果
<!DOCTYPE html><html><head> <title>钟表效果</title> <style type="text/css" media="screen"> *{ padding:0px; margin: 0px; } @keyframes secondrun{ 0%{...
2019-05-19 10:15:13
482
原创 css3--animation实现打字效果
<!DOCTYPE html><html><head> <title></title> <style type="text/css" media="screen"> *{ margin:0; padding:0; } div{ position:relative; display...
2019-05-19 10:04:25
975
原创 js封装事件处理函数
function addEvent(elem,type,handle){ if(elem.addEventListener){ elem.addEventListener(type,handle,false) }else if(elem.attachEvent){ elem.attachEvent('on'+type,function(){ handle.call(e...
2019-05-18 08:29:48
621
原创 封装取消冒泡的函数
function stopBubble(event){ if(event.stopPropagation){ event.stopPropagation(); }else{ event.cancelBubble=true; } }
2019-05-18 08:29:11
185
原创 js封装阻止默认事件的函数
function cancelHandler(event){ if(event.preventDefault){ event.preventDefault(); }else{ event.returnValue=false; } }
2019-05-18 08:28:42
552
原创 js封装解除事件绑定
function removeEvent(elem,type,handler){ if(elem.removeEventListener){ elem.removeEventListener(type,handler,false) }else if(elem.detachEvent){ elem.detachEvent('on'+ty...
2019-05-18 08:27:55
351
原创 js封装拖拽事件
function drag(elem){ var disX,disY; addEvent(elem,"mousedown",function(){ var event=e||window.event; disX=event.clientX-parseInt(elem.getStyle("left")); disY=event.clie...
2019-05-18 08:27:07
524
原创 封装异步加载js函数
function loadScript(url,callback){ var script=document.createElement("script"); script.type="text/javascript"; if(script.readyState){ script.onreadstatechange=function(){ if(script.readyState...
2019-05-18 08:26:30
433
原创 原生js匀速运动
var div=document.getElementsByTagName("div")[0] var btn=document.getElementsByTagName("button")[0] function startMove(dom,target,speed){//目标元素,目标点(数字),速度 var speed=(target-dom.offse...
2019-05-18 08:25:17
192
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人