笔记

四月鸟凉

四月鸟凉|原生Js打印效果

发布于 10 小时前 浏览:56 类型:原创 - 教程 分类:JavaScript 举报

原生js打印效果:主要用到以下几个知识点:1.nbsp;半角的不断行的空白格(推荐使用)2.ensp;半角的空格3.emsp;全角的空格,每个字符前面都加上&2.string.charAt()返回指定位置的字符3.indexOf(),array.indexOf(item,start)返回某个指定的字符串在字符串中首次出现的位置4.substring(),code.substring(0,pos)中 ...

《JavaScript半知半解》和《Web开发实战》目前都已经发布,而关于电子版,都还没有开放下载。对于《Web开发实战》的电子版,将会在完成100个功能时开放下载,预计是过完年后的2月底或3月初。而《JavaScript半知半解》的电子版,将会从今天起搞个优惠大酬宾,只要购买了《Web开发实战》的,都可获取《JavaScript半知半解 ...

alex1504

alex1504|Vue2.0简易案例

发布于 前天 17:04 浏览:257 类型:原创 - 教程 分类:JavaScript 举报

效果图:使用vue-cli构建在线地址:https://www.huzerui.com/vue2.0-demo源码:https://github.com/alex1504/vue2.0-demo生产环境依赖包:"axios":"^0.15.3",//发送请求"vue":"^2.1.0","vue-material":"^0.5.2",//谷歌material概念的Ui框架 ...

Vue2.0简易案例
TaylorPzreal

TaylorPzreal|ESLint配置

发布于 4 天前 浏览:36 类型:原创 - 教程 分类:JavaScript 举报

前端开发ESLint的配置:命名为.eslintrc.jsonjson代码{"env":{"browser":true,"node":true,"es6":true},"parserOptions":{"ecmaVersion":6,"sourceType":"module","allowImportExportEverywhere":true,"ecmaFeatures":{"jsx":true,"modules":true ...

0531

0531|JS 获取地理位置坐标

发布于 4 天前 浏览:114 类型:原创 - 教程 分类:JavaScript 举报

LOCATION效果预览<!DOCTYPEhtml><html><head><metacharset="utf-8"><metaname="renderer"content="webkit"><metahttp-equiv="X-UA-Compatible"content="IE=Edge"/><title></title></head><body><pid="demo">点击这个按钮,获得您的坐标:</p><buttononclick="getLocation()">试一下</button><script>v ...

(function(a){if(typeofdefine==="function"&&define.amd&&define.amd.jQuery){define(["jquery"],a)}else{a(jQuery)&nbs ...

<html><head><metacharset="utf-8"><metaname="author"content="PuFeng"><title>小球</title><style> ...

可视区域内的小球//代码中的照片是一个宽64的圆形图片  大家可以自己改变图片来来预览
WebMaster

WebMaster|推销自己的前端技术书籍

发布于 5 天前 浏览:1250 类型:原创 - 教程 分类:JavaScript 举报

今天主要自我推销两本前端技术书籍!《JavaScript半知半解》《Web开发实战》如果链接失效,可复制这里:《JavaScript半知半解》http://www.kancloud.cn/dennis/tgjavascript《Web开发实战》http://www.kancloud.cn/dennis/javascriptmethod一、《JavaScript半知半解》为什么写这本书?因为之前作者在博客上洋 ...

推销自己的前端技术书籍
calvein

calvein|H5时钟代码

发布于 5 天前 浏览:210 类型:原创 - 教程 分类:JavaScript 举报

javascript代码效果预览<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>时钟</title></head><body><header><h1>时钟</h1></header><artical><section><figure><canvasid="one"width="800"height="800"></canvas> ...

React专注于view层,组件化则是React的基础,也是其核心理念之一,一个完整的应用将由一个个独立的组件拼装而成。截至目前React已经更新到v15.4.2,由于ES6的普及和不同业务场景的影响,我们会发现目前主要有三种创建React组件的写法:1.ES5写法React.createClass,2.ES6写法React.Component,3.无状态的 ...

1379089794

1379089794|30分钟让你爱上-------JQuery

发布于 6 天前 浏览:1111 类型:原创 - 教程 分类:JavaScript 举报

jQuery相关资料官网:jQuery官网在线API:jQuery在线APIW3School:W3School-jQuery教程(中文版哦)JQueryEasyUI:JQueryEasyUI中文网参考书:《锋利的jQuery》、《jQuery技术内幕-深入解析jQuery架构设计与实现原理》1jQuery的基本使用和jQuery选择器1.1为什么要学jQuery?1.1.1学习JS的遇到的痛点1window.on ...

30分钟让你爱上-------JQuery
ccg

ccg|手把手教你撸一个泡妞神奇

发布于 6 天前 浏览:383 类型:原创 - 教程 分类:JavaScript 举报

哈哈哈哈!!!当我说在写这边文章的时候,妹子已经追到了,哈哈哈哈哈!!!其实东西是一年前写的,妹子早就追到手了,当时就是用这个东西来表白的咯,二话不说,先看效果(点击屏幕可显示下一句)当时我是在codepan上看到一个很漂亮的pan,漫天星空,男孩独自看着,当时我就想如果可以把星星变成字就好了,于是 ...

手把手教你撸一个泡妞神奇
她让我换网名

她让我换网名|js_图片生成的滚动条

发布于 6 天前 浏览:114 类型:原创 - 教程 分类:JavaScript 举报

html代码效果预览<!doctypehtml><html><head><metacharset="utf-8"><title>无标题文档</title><scripttype="text/javascript">varcds={O:[],ok:false,ym:0,N:0,fo:0,sc:0,sp:0,to:0,/*onmousemove*/m_move:function(e){if(!e)e=window.event; ...

Creabine

Creabine|超简单的渐变轮播插件

发布于 6 天前 浏览:167 类型:原创 - 教程 分类:JavaScript 举报

html代码效果预览<htmllang="en"><head><metacharset="UTF-8"><title>Example</title><style>.CreabineCarousel{width:100%;height:700px;background-size:cover;position:relative;}.CreabineCarousel.CreabineCarousel-dotContainer{position:absolute;bottom:5%;margi ...

单先生

单先生|我有两种方式让你学会轮播图

发布于 6 天前 浏览:1881 类型:原创 - 教程 分类:JavaScript 举报

大家好!我们又见面了。今天给大家讲讲常用的轮播图是怎么实现的。废话不多说,直接上图!代码在博文底部,好多图要传,我就放弃了。你们直接看代码吧1.首先就是布局,我们首先创建一个box相对定位,box中在放一个ul标签要绝对定位。这就是基本的界面搭建,按照下图中将ul标签中的li标签拼接好;2.搭建完毕后,我 ...

我有两种方式让你学会轮播图
我是凯宝宝

我是凯宝宝|原始js实现课堂点名表

发布于 7 天前 浏览:150 类型:原创 - 教程 分类:JavaScript 举报

课堂时老师抽查作业,下面的小盆友是不是经常担心受怕,我们现在开始学习吧以下源码,并未优化=================================html代码效果预览<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>点名表</title><style>*{margin:0;padding ...

守候你的季节

守候你的季节|ES6以及gulp如何将ES6转为ES5

发布于 2017-01-09 13:04:30 浏览:74 类型:转载 - 教程 分类:JavaScript 举报

ECMAScript6.0(以下简称ES6)是JavaScript语言的下一代标准,已经在2015年6月正式发布了。它的目标,是使得JavaScript语言可以用来编写复杂的大型应用程序,成为企业级开发语言。ES6与ECMAScript2015的关系媒体里面经常可以看到”ECMAScript2015“这个词,它与ES6是什么关系呢?2011年,ECMAScript5.1版发布后, ...

守候你的季节

守候你的季节|jQuery中deferred对象详解

发布于 2017-01-09 12:45:27 浏览:81 类型:转载 - 教程 分类:JavaScript 举报

最近看看构建工具gulp,当看到promise时突然有点陌生,于是乎意外找到了大牛阮一峰的一篇文章,写的非常的通俗易懂,对延迟对象进行了很好的讲解,虽然写的比较早但是道理都一样。以下为主要内容:一、什么是deferred对象?开发网站的过程中,我们经常遇到某些耗时很长的javascript操作。其中,既有异步的操作(比如aja ...

谢尔铎Sheldon

谢尔铎Sheldon|用jQery写双色球

发布于 2017-01-08 11:03:37 浏览:223 类型:原创 - 教程 分类:JavaScript 举报

html代码效果预览<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>京东彩票</title><styletype="text/css">.box{position:absolute;left:20%;top:20%;overflow:hidden;height:200px;width:600px;}.boxdiv,.blue{width:50px;heiht:50px;margin:10px;border-radius: ...

谢尔铎Sheldon

谢尔铎Sheldon|写一个js京东双色球

发布于 2017-01-08 10:33:45 浏览:254 类型:原创 - 教程 分类:JavaScript 举报

html代码效果预览<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Document</title><style>body{background:#000;}*{margin:0;padding:0;list-style:none;}div{margin:100pxauto;width:600px;}input{padding:7px;}ul{overflow:hidden;width:600px;}ulli{width:50px ...