- 博客(58)
- 收藏
- 关注
RSS订阅原创 node大纲v10
Node课程大纲V10（一周）目录1 day基本介绍环境配置（node nvm,cnpm）REPL 环境（命令行） 运行js代码js文件执行nodemon实时监听模块/包与commonjs 规范内置第三方自定义内置模块详解Urlurl 介绍parseformatQuery Stringparsestringflyescapeunes...
2020-02-08 20:35:41
390
转载 angular和vue还有jquery的区别
angularjs简单介绍和特点 首先angular是一个mvc框架, 使用mvc解耦, 采用model, controller以及view的方式去组织代码, 会将一个html页面分成若干个模块, 每个模块都有自己的scope, service, directive, 各个模块之间也可以进行通信, 但是整体结构上是比较清晰的, 就是说其代码组织是模块化的, angular的view可能仅仅是一...
2019-06-19 21:37:12
273
转载 js判断数据类型的几种方法
我们在写封装的插件或者函数时，常常用到JS的数据类型判断，典型的案例就是深度拷贝函数用到数据类型判断，这个知识点在面试的时候也是经常考到的一个问题。今天在这里总结一下我个人遇到的可以判断数据类型的几种方式。如果有哪里写的不对还请指点一下小弟，以免文章误导他人。1. typeof关键字console.log(typeof 2); // numb...
2019-06-19 21:23:44
228
原创 移动端适配-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
770
转载 数据可视化一
数据可视化简介可视化：对数据进行交互的可视表达以增强认知的技术。•它将不可见或难以直接显示的数据映射为可感知的图形、符号、颜色、纹理等，增强数据识别效率，高效传递有用消息。• 数据可视化的意义1．视觉是人类获得信息的最主要途径2．可视化能够帮助人们提高理...
2019-06-10 10:00:48
1389
原创 移动端适配-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
201
原创 移动端的适配
适配：在不同的尺寸移动设备上，页面相对性达到合理展示（自适应）或者保持统一效果的等比例缩放（看起来差不多）适配的元素：1.字体2.宽高3.间距4.图像（图标，图片）适配的方法：1.百分比适配2.viewport缩放3.Dpr缩放4.rem适配（比较主流）5.vw，vh适配（最新的）...
2019-06-07 14:46:10
226
原创 移动端样式重置
-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
614
原创 移动端-如何让手机展示网页
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
1224
原创 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
404
转载 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
394
转载 webpack-介绍-安装-常用命令
webpack 介绍 & 安装 & 常用命令webpack系列目录webpack 系列 一：模块系统的演进webpack 系列 二：webpack 介绍&安装webpack 系列 三：webpack 如何集成第三方js库webpack 系列 四：webpack 多页面支持 & 公共组件单独打包webpack 系列 五：webpack Loaders 模块加载...
2019-06-04 21:09:09
118
转载 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
100
原创 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
1638
1
原创 css3动态照片展示
https://github.com/pumpkin5201314/photohttps://pumpkin5201314.github.io/photo/demo.html
2019-05-29 10:29:34
377
转载 jsonp接口
# 电商接口淘宝商品搜索建议 http://suggest.taobao.com/sug?code=utf-8&q=商品关键字&callback=cb...
2019-05-29 10:28:03
939
原创 利用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
4851
转载 前端跨域问题
1.跨域问题的由来首先我们需要了解的是，前端处于项目开发过程中最接近用户的一个区域，代码最容易被hack获取解析，也最容易受到攻击。针对这个问题，互联网早期探索者Netscape提出了一个著名的安全策略——同源策...
2019-05-27 18:58:22
114
转载 github上的优秀android开源项目
源码大招：不服来战！撸这些完整项目，你不牛逼都难！经常有人问我有没有什么项目代码，我回复说去 Github 找，但是还是好多人不知道如何找到那些比较好的项目。今天花了点时间找了些安卓的项目，觉得还是不错的，几乎就是自己生活常用的一些 app ，如果你是一个 Android 开发者，我觉得撸完这些项目，你想不牛逼都难。菜鸟新闻菜鸟新闻 客户端是一个仿照36Kr官方,...
2019-05-27 12:21:14
694
1
转载 Github优秀开源项目整理
目前开源社区Github涌现出不少优秀的项目，关注和使用这些项目，一方面可以很好的提升开发效率与质量，另一方面研究开源项目的源码，参与其贡献，也是提升技术能力一个不错的方法。基于自己团队的需求，以后每周会整理一些不错的Github开源项目（每周3-6个），范围主...
2019-05-27 12:19:32
588
转载 github搜索技巧
先说一下，为什么写这篇文章？因为前天分享的文章中，我展示了一个 GitHub star 数量总榜的截图，然后很多人问我：如何查看 GitHub star 的总榜啊！你是从哪里弄得？这，我才发现，大家可能对 GitHub 并不了解，准确的说：应该是对 GitHub 上的搜索技巧不太了解！所以，今天是准备给大家写篇文章，普及一下 GitHub...
2019-05-27 12:18:04
204
转载 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
122
转载 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
114
原创 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
103
原创 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
600
原创 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
1031
原创 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
459
原创 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
935
原创 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
566
原创 封装取消冒泡的函数
function stopBubble(event){ if(event.stopPropagation){ event.stopPropagation(); }else{ event.cancelBubble=true; } }
2019-05-18 08:29:11
156
原创 js封装阻止默认事件的函数
function cancelHandler(event){ if(event.preventDefault){ event.preventDefault(); }else{ event.returnValue=false; } }
2019-05-18 08:28:42
517
原创 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
308
原创 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
469
原创 封装异步加载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
386
原创 原生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
168
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人