笔记

yuanoook

yuanoook|前端的书架【书单放送】

发布于 7 小时前 浏览:19 类型:原创 - 随笔 分类:面试经验 举报

这张图是我在鹅厂拍的。去年换工作,发了些简历,收到那边的面试邀请。应该是部门直聘,面试哥哥直接给我安排到旁边的一个空工位上做题。题做得马马虎虎,聊得也马马虎虎,后来自然就等通知了。我看了一眼工位上的书架,忍不住拍了一张图。这面试值了。在此感谢那位邀我面试的哥哥。毕竟是未经允许拍的,如果这张图跟 ...

前端的书架【书单放送】
誓言成晖

誓言成晖|HTML标签(第三天打卡)

发布于 7 小时前 浏览:16 类型:原创 - 随笔 分类:HTML/CSS 举报

html代码效果预览<!DOCTYPEHTML><html></html>这部分是文档声明首行,要顶格写-------------------------------------------------------------html代码效果预览<head><metacharset="utf-8"><!--定义文档字符编码,要写在第一行--><title>标题</title><meataname="keywords"co ...

WebMaster

WebMaster|不要过度依赖JQuery(一)

发布于 昨天 19:51 浏览:64 类型:原创 - 随笔 分类:JavaScript 举报

毫无疑问,JQuery是一款非常优秀的JavaScript库,它让我们开发项目变得更加便捷容易。不过,当你准备在一个项目(特别是移动项目)中使用JQuery时,你真的该好好思考一下,你会用到JQuery的哪些功能,是否真的需要jQuery。因为随着JavaScript的不断改善进化,现在它内置的功能已经非常强大,在很大程度上,已经可以实现以 ...

俊辉

俊辉|node http建立服务、和express的跨域处理

发布于 昨天 18:40 浏览:25 类型:原创 - 随笔 分类:Node.js 举报

http启动3000端口的服务javascript代码varhttp=require('http');varquerystring=require('querystring');http.createServer(function(req,res){  varpostData='';  req.setEncoding('utf8');  req.on('data',function(chunk){    postData+=chunk;  });  req.on('end',function(){    r ...

守候你的季节

守候你的季节|angularjs中ng-options指令

发布于 昨天 18:05 浏览:25 类型:原创 - 随笔 分类:类库框架 举报

html代码<!DOCTYPEhtml><htmlng-app="myApp"><head><metacharset="UTF-8"><title></title><linkrel="stylesheet"href="css/bootstrap.css"/><scriptsrc="js/angular.min.js"></script><script>varmyApp=angular.module('myApp',[]);myApp.controller('myCtrl',['$scope',function ...

zyp199737

zyp199737|svg 猫 练习

发布于 昨天 17:55 浏览:36 类型:原创 - 随笔 分类:HTML/CSS 举报

原本是要学习d3,然而发现它有很多前置技术。svg就是其中之一。所以先打个底。html代码<gid="whiskers"><linex1="80"y1="90"x2="130"y2="75"style="stroke:black"></line><linex1="80"y1="95"x2="130"y2="95"style="stroke:black"></line></g><usexlink:href="#whiskers"transform="scale(-1,1)tr ...

洪领今

洪领今|JS闭包的相关问题

发布于 昨天 17:41 浏览:48 类型:原创 - 随笔 分类:JavaScript 举报

闭包的特性:函数嵌套函数函数内部可以引用外部的参数和变量参数和变量不会被垃圾回收机制回收闭包的定义及优缺点:闭包是指有权访问另一个函数作用域中的变量的函数,创建闭包的最常见的方式就是在一个函数内创建另一个函数,通过另一个函数访问这个函数的局部变量闭包的缺点就是常驻内存,会增大内存使用量,使 ...

FlyingWWS

FlyingWWS|Python3简单爬虫例子——爬取豆瓣首页图片

发布于 昨天 16:30 浏览:85 类型:原创 - 随笔 分类:HTML/CSS 举报

html代码效果预览importurllib.request,os,sys,reif__name__=='__main__':print('程序自身在运行');else:print('我来自另一模块');#下载进度defprocess(a,b,c):#a:已经下载的数据块#b:数据块的大小#c:远程文件的大小per=100.0*a*b/cifper>100:per=100p ...

娜娜子

娜娜子|漂亮的表单边框

发布于 昨天 15:29 浏览:178 类型:原创 - 随笔 分类:HTML/CSS 举报

今天看到一个很漂亮的表单边框,具体地址是:http://www.html5tricks.com/demo/Glowform/demo.html很想模仿下来作为一个酷炫的素材。也发现了这个原本的demo并不兼容IE,我自己的是IE11。要看源代码的直接f12就可以看了。为了省以后的麻烦,我自己弄了个demo,把其他不必要繁琐的样式去掉,单独重点把边框的 ...

单先生

单先生|消息滚动效果实现

发布于 昨天 15:25 浏览:137 类型:原创 - 教程 分类:JavaScript 举报

今天教大家做个消息滚动的小功能。实现的很简单。自己都有点意想不到呢~哈哈1.实现的中心思想,如图所示:2.图片移动,用的是appendTo()这个方法。这个方法是先将标签从父标签中删除,然后拼接到某个标签后面,所以也就是替我们实现了,remove()这个方法。所以用这个方法是极好的~3.然后就会用到定时器 ...

消息滚动效果实现

PC端定位不准确主要应用到移动端第一、申请百度密钥很简单的几步就搞定第二、引入文件html代码效果预览<!--百度地图定位--><scriptsrc="http://api.map.baidu.com/components?ak=WUfZTjKPuZ2G5RmgD0Psejv6XOmIEQVQ"></script><scripttype="text/javascript"src="http://api.map.b ...

单先生

单先生|简单网页换肤

发布于 昨天 13:22 浏览:213 类型:原创 - 随笔 分类:JavaScript 举报

中心思想:网页换肤的原理就是通过调用不同的样式表文件来实现不同的皮肤切换,并且需要将换好的皮肤计入Cookie中,这样用户已下次访问时,就可以显示用户自定义皮肤了步骤:1.在设计HTML代码时,用了一些小技巧,就是将皮肤选择按钮<li>元素的id与网页皮肤的样式文件名称设置的相同。这样就可以使完成换肤操作简化很 ...

简单网页换肤

最近接手一渣渣的烂摊子,据说是名牌大学毕业的还多年工作经验,可是他的代码,函数嵌套多层,中间多层缺失参数,而且子父孙祖这些层级都是乱伦(胡乱嵌套),感觉就像个混文凭混日子的,发发牢骚废话不多说,现在就与大家分享下镀金水货代码中出现问题函数乱伦式嵌套,参数缺失,移位html代码效果预览<!DOCTYPEhtml> ...

1305327547

1305327547|DOM事件流

发布于 昨天 11:35 浏览:85 类型:原创 - 随笔 分类:JavaScript 举报

一、DOM事件流DOM(文档对象模型)结构是一个树型结构,当一个HTML元素产生一个事件时,该事件会在元素节点和根节点之间按特定的顺序传播,路径所经过的节点都会收到该事件,这个传播过程称为DOM事件流。事件顺序有两种模型:事件捕获和事件 ...

hanhui_zhu

hanhui_zhu|前端测试工具karma

发布于 昨天 11:27 浏览:110 类型:原创 - 随笔 分类:类库框架 举报

karma测试驱动runner,不是一般意义上的测试框架,是个工具,供我们选择不同的测试框架,不同的浏览器测试。下载karma-clinpminstall-gkarma-cli下载测试依赖mochakarma-mochakarma-chrome-launcher等json代码效果预览{3"name":"karma-mocha-example ...

旺爷

旺爷|浏览器桌面提醒功能(微信新消息提示功能)

发布于 昨天 10:25 浏览:139 类型:原创 - 随笔 分类:JavaScript 举报

varpopNotice=function(){if(Notification.permission=="granted"){varnotification=newNotification("标题",{&nbs ...

单先生

单先生|表格筛选功能

发布于 昨天 10:16 浏览:128 类型:原创 - 教程 分类:JavaScript 举报

本应用就两个主要实现:1.表格的id和class之间的命名关系请看图:将组名和个人信息联表格联系起来,这样会很好的操作表格html代码<trclass="parent"id="row_01"><tdcolspan="3">前台设计组</td></tr><trclass="child_row_01"><td>张三</td><td>男</td><td>浙江宁波</td></tr> ...

表格筛选功能
mnblue

mnblue|移动端之多指操作

发布于 昨天 10:14 浏览:92 类型:原创 - 随笔 分类:手机移动 举报

1.gesturestart事件(元素)当手指触摸元素,当前屏幕上有两根或者两根以上的手指执行2.gesturechange事件当我们触发了gesturestart时,手指位置发生变化时执行e.scale;缩放比:change时两根手指之间距离和start时两根手指之间的距离比值e.rotation旋转差:change时两根手指形成的直线和start时两根手指形成 ...

59580

59580|html5 canvas 详细使用教程

发布于 昨天 09:39 浏览:325 类型:原创 - 随笔 分类:HTML/CSS 举报

原文教程链接html5canvas效果预览<!DOCTYPEhtml"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><title></title><scripttype="text/javascript">functiondraw21(id){varcanvas=document.getElementById(id)if(canvas==null)returnfal ...

59580

59580|岛国国旗。/偷笑

发布于 昨天 09:20 浏览:402 类型:原创 - 随笔 分类:HTML/CSS 举报

岛国国旗效果预览<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>岛国国旗</title><style>#div01{width:300px;height:300px;margin:250pxauto;border-radius:50%;background:darkred;border:1pxsoliddarkred;}</style></head><body><div ...