笔记

单先生

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

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

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

消息滚动效果实现
单先生

单先生|表格筛选功能

发布于 昨天 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> ...

表格筛选功能

css的背景会侵入边框,这是css背景的工作原理,也是缺陷,平时用1像素宽而且不透明的边框,很难留意这一问题,边框宽度加大,设置透明后,背景侵入边框显而易见,看下面代码html代码效果预览<!DOCTYPEhtml><html><head><metahttp-equiv="content-type"content="text/html;charset=utf-8"/> ...

ddvbbk

ddvbbk|Webstorm快捷键 VS Eclipse快捷键

发布于 前天 16:29 浏览:86 类型:转载 - 教程 分类:HTML/CSS 举报

实用快捷键,提速必备html代码效果预览<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Webstorm快捷键</title><style>body{background:#eee;font-family:"MicrosoftYaHeiUI";}table{border-collapse:col ...

四月鸟凉

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

发布于 前天 00:02 浏览:122 类型:原创 - 教程 分类:JavaScript 举报

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

拿选择最喜爱的水果为例。html代码效果预览您最喜欢水果?<br/><br/><label><inputname="Fruit"type="radio"value="1"/>苹果</label><label><inputname="Fruit"type="radio"value="2"/>桃子</label><label><inputname="Fruit"type="radio"value="3"/>香蕉</label><label><inputname="Fruit"type= ...

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

君邪儿

君邪儿|jquery中each如何使用?

发布于 3 天前 浏览:116 类型:原创 - 教程 分类:HTML/CSS 举报

[/b]jquery的each()详细介绍each()方法能使DOM循环结构简洁,不容易出错。each()函数封装了十分强大的遍历功能,使用也很方便,它可以遍历一维数组、多维数组、DOM,JSON等等在javaScript开发过程中使用$each可以大大的减轻我们的工作量。下面提一下each的几种常用的用法  [b]each处理一维数组  var arr1 =  ...

四月鸟凉

四月鸟凉|goast button,幽灵按钮特效

发布于 4 天前 浏览:299 类型:原创 - 教程 分类:HTML/CSS 举报

有时候能看到这种效果的按钮,效果很棒,请看下图:html代码效果预览<!DOCTYPEhtml><htmllang="ZH-CN"><head><metacharset="utf-8"><metaname="keywords"content=""/><metaname="description"content=""/><linkrel="shortcuticon"href=""><title>20170113goast</title><!--<linktype=""rel="styles ...

alex1504

alex1504|Vue2.0简易案例

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

效果图:使用vue-cli构建在线地址:https://www.huzerui.com/vue2.0-demo源码:https://github.com/alex1504/vue2.0-demo说明:主导航电影、音乐、图书、图片使用router跳转电影模块使用tab菜单切换各个列表模块下拉滚动加载图片模块使用flex布局实现瀑布流效果增加了登录、登出模块,使用leancloud数据存储功 ...

Vue2.0简易案例
TaylorPzreal

TaylorPzreal|Ubuntu16.04安装中文输入法

发布于 4 天前 浏览:74 类型:原创 - 教程 分类:开发调试 举报

安装fcitx支持中文输入法:javascript代码$sudoaptinstallfcitxfcitx-googlepinyinfcitx-table-wbpyfcitx-pinyinfcitx-sunpinyin在languagesupport选择fcitx重启系统进行配置OKSuccess.参考于:http://blog.topspeedsnail.com/archives/6948 ...

TaylorPzreal

TaylorPzreal|Ubuntu16.04 Install OpenVPN Client

发布于 4 天前 浏览:68 类型:原创 - 教程 分类:开发调试 举报

sudoaptinstallopenvpnmvthesefilesto/usr/local/myopenvpnconfigureclient.opvnandpass.txt.cd~vimopenvpn.shjavascript代码#!/bin/bashsudoopenvpn/usr/local/myopenvpn/client.ovpn:wq./openvpnFinish&Success. ...

Ubuntu16.04 Install OpenVPN Client
TaylorPzreal

TaylorPzreal|Ubuntu16.04 Install MongoDB

发布于 5 天前 浏览:67 类型:原创 - 教程 分类:开发调试 举报

DownloadURL:https://fastdl.mongodb.org/linux/mongodb-linux-x86_64-ubuntu1604-3.4.1.tgztar-zvxfmongodb-linux-x86_64-ubuntu1604-3.4.1.tgmvmongodb-linux-x86_64-ubuntu1604-3.4.1.tg/usr/local/mongodb//PathConfigure.exportPATH=<mongodb-install-directory>/bin:$PATH//DatabasePathmkdir-p ...

TaylorPzreal

TaylorPzreal|Ubuntu16.04 Install NodeJS V7.4.0

发布于 5 天前 浏览:68 类型:原创 - 教程 分类:Node.js 举报

DownloadURL:https://nodejs.org/dist/v7.4.0/node-v7.4.0.tar.gztar-zvxfnode-v7.4.0mvnode-v7.4.0/usr/local/nodecd/usr/local/node/./configuremakesudomakeinstallFinish.node-vv7.4.0npm-v4.0.5 ...

TaylorPzreal

TaylorPzreal|VIM配置文件

发布于 5 天前 浏览:42 类型:原创 - 教程 分类:开发调试 举报

存放到用户根目录下面,即~;文件名:.vimrcjavascript代码"显示行号nunumbersetnumber"显示括号匹配setshowmatch"开启语法高亮syntaxon"依文件类型设置自动缩进filetypeindentpluginon"显示当前的行号列号:setruler"在状态栏显示正在输入的命令setshowcmd"关闭/打开配对括号高 ...

TaylorPzreal

TaylorPzreal|scss-lint 配置

发布于 6 天前 浏览:33 类型:原创 - 教程 分类:开发调试 举报

命名为:.scss-lint.ymljson代码#Defaultapplicationconfigurationthatallconfigurationsinheritfrom.scss_files:"**/*.scss"plugin_directories:['.scss-linters']#Listofgemnamestoloadcustomlintersfrom(makesuretheyarealready#installed)plugin_gems:[]#Defaultseverityofa ...

TaylorPzreal

TaylorPzreal|ESLint配置

发布于 6 天前 浏览:41 类型:原创 - 教程 分类: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 获取地理位置坐标

发布于 6 天前 浏览:142 类型:原创 - 教程 分类: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的圆形图片  大家可以自己改变图片来来预览