![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js+jq
canglingyue
这个作者很懒,什么都没留下…
展开
-
Object题
问题???var a = {};var b = {key: 'b'};var c = {key: 'c'};var d = [3,5,6];a[b] = 123;a[c] = 345;a[d] = 333;console.log('a[b]=',a[b]);console.log('a[c]=',a[c]);console.log('a[d]=',a[d]);答案...原创 2018-04-02 14:32:25 · 617 阅读 · 0 评论 -
jQ模拟打字效果插件typetype
更多相关内容请移步web开发者 typetype是一个jquery插件,可以模拟人类的打字效果。效果图如下所示:查看演示 http://weber.pub/demo/160828/jQuery.Type/jQuery.type.html使用$('textarea').typetype('Some text that you want to demo')被插入的标签可以是 input 、text原创 2016-08-28 23:39:09 · 1287 阅读 · 0 评论 -
JavaScript属性操作
更多内容点击查看:http://weber.pub/ 本篇文章主要是介绍JavaScript 对HTML 属性的读写操作方法。。。JS 属性读操作js 读取html的属性是通过 . 来操作的,具体语法如下 元素.属性名问题1:如何获取input标签里面填写的内容?点击按钮弹出id为text1 的input输入框中的内容。。。<input id="text1" type="text" />原创 2016-08-27 16:10:49 · 626 阅读 · 0 评论 -
一个前端写的php博客系统2--前台展示+后台登录
部署的演示地址我的博客地址: http://www.weber.pub 可以查看到具体的站点展示github 地址:https://github.com/baiyuming/byblog前台首页展示首页的侧边预留的位置是给后面的统计,热门之类的版块预留位置。。。控制器文章列表展示要考虑到文章数量增多后分页展示,那么我们要统计文章数量,使用 count() 计算文章总数,然后使用thinkphp 提供原创 2016-08-01 14:29:11 · 5266 阅读 · 0 评论 -
《JavaScript高级程序设计》笔记系列2-- 基本概念1
语法区分大小写第一个概念就是ECMAScript中的一切(变量、函数名和操作符)都区分大小写。 变量名 test 和变量名 Test 分别表示两个不同的变量。标识符所谓标识符,就是指变量、函数、属性的名字,或者函数的参数。 命名规则: - 第一个字符必须是一个字母、下划线(_)或一个美元符号($) - 其他字符可以是字母、下划线、美元符号或数字标识符采用驼峰大小写格式,也就是第一个字母小写,原创 2016-07-20 23:47:06 · 402 阅读 · 0 评论 -
《JavaScript高级程序设计》笔记系列1-- 在 HTML 中使用 JavaScript
<script>function sayHi(){ alert("Hi!");}</script>从外部引入js文件,src是必须属性,指向外部js文件<script type="text/javascript" src="example.js"></script>需要注意的是,带有src属性的<script>元素不应该在其<script>和</script>标签之间再包含额外的 Ja原创 2016-07-19 17:39:28 · 331 阅读 · 0 评论 -
js获取客户端操作系统
function detectOS() { var sUserAgent = navigator.userAgent; var isWin = (navigator.platform == "Win32") || (navigator.platform == "Windows"); var isMac = (navigator.platform == "Mac68K") ||原创 2016-07-08 14:52:44 · 1344 阅读 · 0 评论 -
JavaScript 中的DOM1
DOM 文档对象模型文档对象模型:定义 为了能够让程序(js)去操作页面中的元素节点层次节点之间的关系构成了节点层次,html 页面的可以画出一个以html标签为根节点的树形结构 DOM会把文档看作是一棵树,同时定义了很多方法来操作这棵数中的每一个元素(节点)<html lang="en"><head> <title>Document</title></head><body>原创 2016-07-18 18:12:21 · 605 阅读 · 0 评论 -
一个前端写的php博客系统--支持markdown哦
起因最近买了个新的域名,同时在阿里云申请了免费的虚拟主机。。。借此机会就想搞个自己的博客站点,虽然之前也使用了hexo + github 、 WordPress 做过,但是我的阿里云虚拟主机实在是不知道怎么去搞hexo (也许根本就搞不起来,除非自己花钱买主机,哈哈)。。。WordPress总是感觉好笨重,运行起来一股的人到中年,气喘吁吁啊。。。百度之后,typeecho成了首选,但是markdow原创 2016-07-26 13:50:40 · 8808 阅读 · 9 评论 -
JavaScript案例学习2
原文地址:http://baiyuming.top/2016/06/11/JavaScript%E6%A1%88%E4%BE%8B%E5%AD%A6%E4%B9%A02/JavaScript 案例4改文字,点击按钮更改input的value 和 title<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <t原创 2016-06-17 18:01:22 · 376 阅读 · 0 评论 -
JavaScript案例学习1
原文链接:http://baiyuming.top/2016/06/07/JavaScript%E5%AD%A6%E4%B9%A01/JavaScript 案例1鼠标方上显示提示信息,鼠标移开提示信息消失<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>初探JavaScript</title>原创 2016-06-17 18:00:14 · 385 阅读 · 0 评论 -
js小记
1 对代码行进行折行您可以在文本字符串中使用反斜杠对代码行进行换行。下面的例子会正确地显示:document.write("你好\世界!");原创 2016-04-05 13:59:17 · 293 阅读 · 0 评论 -
ajax在firefox和chrome下提交不成功的解决办法
代码:inputtype="submit" id="addBtn" class="b_btn" value="修改" />$("#addBtn").click(function(){var serializedForm = $("#struForm").serialize();$.post("${ctx}/resourceColumn/edit.do", s转载 2016-05-16 13:52:50 · 2292 阅读 · 0 评论 -
图片延迟加载(lazyload)的实现原理
1 原生JavaScript的实现方法 var imgs = document.getElementsByTagName('img'); // 获取视口高度与滚动条的偏移量 function lazyload(){ var scrollTop = window.pageYOffset || document.documentElement.scrollTop转载 2016-05-24 17:07:28 · 655 阅读 · 0 评论 -
前端工程师面试题汇总
HTMLDoctype作用?严格模式与混杂模式如何区分?它们有何意义?HTML5 为什么只需要写 ?行内元素有哪些?块级元素有哪些? 空(void)元素有那些?页面导入样式时,使用link和@import有什么区别?介绍一下你对浏览器内核的理解?常见的浏览器内核有哪些?html5有哪些新特性、移除了那些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分 HTML 和 HTML5?简述转载 2016-06-28 11:19:39 · 767 阅读 · 0 评论 -
JavaScript案例学习8–定时器的使用
个人博客JavaScript 案例21Date 获取 年月日星期<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Date</title></head><body><script> /** * var oDate = new Date() * getFullYe原创 2016-06-27 00:09:57 · 477 阅读 · 0 评论 -
《JavaScript高级程序设计》笔记系列3-- 数据类型
数据类型ECMAScript 中有 5 种简单数据类型(也称为基本数据类型):Undefined、Null、Boolean、Number和 String。还有 1 种复杂数据类型——Object,Object 本质上是由一组无序的名值对组成的。typeof操作符typeof 检测给定变量的数据类型var message = "some string";alert(typeof message);原创 2016-08-08 16:10:44 · 753 阅读 · 0 评论 -
ACM 地址
我们学各种编程语言的同学一定要来这些地方做些题看下自己的水平山东理工大学http://acm.sdut.edu.cn/南阳理工学院 http://acm.nyist.net/JudgeOnline/浙江大学 http://acm.zju.edu.cn 北京大学 http://acm.pku.edu.cn/JudgeOnline或者http://poj.org/ 天津大学 http://acm.tj原创 2016-08-20 14:00:26 · 1769 阅读 · 0 评论 -
一个前端写的php博客系统3--文章的修改和删除
部署的地址我的博客地址:http://www.weber.pub/github 地址:https://github.com/baiyuming/byblog文章的修改文章的修改需要两步,第一步读取文章,第二步更新文章,更新完成后返回文章列表页读取博客控制器//编辑博客方法public function edit($id=0){ $Article = M('Article');原创 2016-08-09 13:35:41 · 1788 阅读 · 0 评论 -
webpack学习1
安装本地安装npm install --save-dev webpacknpm install --save-dev webpack@<version>对于大多数的项目,建议本地安装,这可以让我们更容易分别升级项目。全局安装npm install --global webpack安装最新版npm install webpack@betanpm install webpack/webp原创 2017-09-11 20:33:44 · 363 阅读 · 0 评论 -
省市区三级联动去重
需求 : 在省市区三级联动中,如果只选择了区,那就存储区的编号;如果选择了市,那么不存储区级的编号,只存储市的编号;如果选择了省,那么只存储省级编号。function changeRes(checkedKeys) { let checkedList = checkedKeys; // 所有checkbox 勾选的编号 let data = []; let proFixLis原创 2017-09-01 17:43:29 · 621 阅读 · 0 评论 -
Object对象
http://javascript.ruanyifeng.com/stdlib/object.html概述在Object 对象上面部署一个方法部署在Object 对象本身Object.print = function(o){ console.log(o)}var o = new Object();Object.print(o) // Object {}部署在 Object.pro原创 2017-07-06 11:44:52 · 359 阅读 · 0 评论 -
call与apply
call 和 apply 都是为了改变某个函数运行时的 context 即上下文而存在的,换句话说,就是为了改变函数体内部 this 的指向。二者的作用完全一样,只是接受参数的方式不太一样。理解obj.call(thisObj, arg1, arg2, ...);obj.apply(thisObj, [arg1, arg2, ...]);this 是个参数,普通的函数调用隐式传入 this ,原创 2017-06-27 15:28:38 · 285 阅读 · 0 评论 -
《JavaScript面向对象编程》笔记1(函数)
1、参数调用函数时: - 未传递参数,js 自动将其设定为 undefined - 传递过多的参数,js 会将多余的参数忽略每个函数内部都有一个内建的 arguments 数组(实际上并不是数组,而是一个类似数组的对象),它能返回函数所接收的所有参数。2、预定义函数parseInt() 将任何输入值转换为整数类型输出,转换失败返回NaN。第二个参数可设置进制,不指定第二参数默认为十进制(例外原创 2017-04-20 16:16:29 · 391 阅读 · 0 评论 -
js中Promise详解(转)
原文 MDN链接概述所谓Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。(这里的翻译源自ECMAScript 2015关于Promise的解释,没有原文翻译MDN的原话,如果您有疑问,可以参看英文的说明文档:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Globa原创 2017-01-16 20:05:34 · 11274 阅读 · 0 评论 -
javascript学习书单及下载
根据老姚发表的文章 [统一回复《怎么学JavaScript?》](http://www.w3cfuns.com/notes/17398/d3f6dd40e2d3ff15b209810dfa98be0b.html) 所提及的书籍收集而成,有部分书籍没有找到,书籍来源自网络,有侵权的话请说明(会立即删除下载链接)《javascript面向对象编程指南》风格轻松易懂,比较适合初学者,原型那块儿讲得透彻,原创 2016-09-29 14:28:30 · 474 阅读 · 0 评论 -
js记录用户在网站的浏览记录和停留时间
by weber开发者 from http://weber.pub/本文地址: http://weber.pub/js记录用户行为浏览记录和停留时间/163.html问题公司想统计一个用户从进入官网到注册,这个流程该用户整个的浏览路线,在哪个页面停留的时间比较长,从而更有针对性的对客户行为进行分析,了解用户的真正需求。。。虽然百度统计之类的也可以记录用户的浏览行为,但是这类统计是全部跟踪用户,而无法原创 2016-09-02 01:39:25 · 25720 阅读 · 1 评论 -
CSS3实战1-文本属性text-shadow的用法
text-shadow 定义文本阴影或模糊效果。text-shadow属性在css2中已经定义了,但是在css3中又重新定义了,并且增加了不透明度的效果。基本语法text-shadow:none | <shadow> [ , <shadow> ]*<shadow> = <length>{2,3} && <color>?默认值:无适用于:所有元素动画性:是,除了内、外阴影切换时计算值:指定原创 2016-09-26 18:04:05 · 4186 阅读 · 0 评论 -
js记录用户在网站的浏览记录和停留时间(2)
问题:上次的代码确实解决了一部分用户访问记录的收集,但是还是存在一个问题就是 我们网站的注册 都是新页面打开的,如果用户刚进入网站就点击注册(打开了新的页面) ,我代码里用到的 onbeforeunload 就无法将用户进入的页面存储到本地了,也就是导致 访问了网站 直接点击注册的用户 无法被记录。所以这次对数据的记录方式做了拆分。这个是上一次文章的链接: http://weber.pub/js原创 2016-09-22 11:48:21 · 10163 阅读 · 0 评论 -
JQ版图片的鼠标放上效果
网页效果中经常会用到图片的hover效果,本文中展示的是使用Jquery书写的效果,相比较ImageHover.css兼容性更好。兼容性插件是使用jquery书写的,所以兼容性比ImageHover.css更好。如果不需要考虑兼容性建议考虑 ImageHover.css 这个插件样式更多。效果演示地址Demo:http://weber.pub/demo/160920/index.html下载直接下原创 2016-09-19 18:20:23 · 610 阅读 · 0 评论 -
以视频作为网页背景的jQuery插件
一个简单的以视频作为网页背景的jQuery 插件浏览器支持现代浏览器全部支持IE9+效果演示地址作为body背景演示地址1:http://weber.pub/demo/160905/body-bg.html作为一块区域背景演示地址2:http://weber.pub/demo/160905/block-bg.html下载直接下载github 地址:https://github.c原创 2016-09-06 10:05:04 · 2366 阅读 · 0 评论 -
javascript学习思维导图
通过几张思维导图,可以了解到整个JavaScript家族的全貌,然后更有利于JavaScript全局学习JavaScript 数据类型JavaScript 变量Javascript 运算符JavaScript 流程控制JavaScript 数组JavaScript 函数基础JavaScript 字符串函数JavaScript 正则表达式DOM 基本操作Window 对象原创 2016-08-24 10:39:59 · 3387 阅读 · 0 评论 -
以打字形式展示placeholder的插件
这个是利用文本框的 placeholder 属性,以打字形式展示我们自定义的文字,可当用提示用,让提示信息的展示更有趣效果演示地址演示地址:http://weber.pub/demo/160911/slh.html下载直接下载链接:http://pan.baidu.com/s/1pLs60iR 密码:idfigithub 地址github 地址:https://github.com/chi原创 2016-09-12 18:51:25 · 560 阅读 · 0 评论 -
原生js和jquery两种处理cookie的插件介绍
原文地址:weber.com jquery.cookie插件库和js.cookie的作者都是Klaus Hartl (github地址:https://github.com/carhartl)。这两个都可以读、写和删除cookie。两个库的下载地址链接:http://pan.baidu.com/s/1i5M4ne1 密码:9pumjs.cookie 库介绍 一个简单的、轻量级的javasc原创 2016-08-31 16:17:19 · 5073 阅读 · 0 评论 -
JavaScript案例学习3
原文地址JavaScript 案例7通过参数来修改div 的长宽和背景色 。。。主要学习参数的使用和属性的操作方法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>第二种操作属性的方法</title> <style> #div1{ width: 1原创 2016-06-20 13:14:13 · 467 阅读 · 0 评论 -
JavaScript案例学习4
原文地址JavaScript 案例11通过按钮来操作 checkbox 的全选 全部选 以及反选 的状态<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>全选不选反选</title></head><body><input type="button" value="全选" id="btn1"原创 2016-06-20 13:15:10 · 333 阅读 · 0 评论 -
“按需加载”的应用
按需加载是前端性能优化中的一项重要措施,按需加载是如何定义的呢?顾名思义,指的是当用户触发了动作时才加载对应的功能。触发的动作,是要看具体的业务场景而言,包括但不限于以下几个情况:鼠标点击、输入文字、拉动滚动条,鼠标移动、窗口大小更改等。加载的文件,可以是JS、图片、CSS、HTML等。后面将会详细介绍“按需”的理解。按需解析HTML按需解析HTML,就是页面一开始不解析HTML,转载 2015-06-13 10:17:22 · 442 阅读 · 0 评论 -
掌握 Ajax第一部分
但在详细探讨 Ajax 是什么之前,先让我们花几分钟了解 Ajax 做 什么。目前,编写应用程序时有两种基本的选择:桌面应用程序Web 应用程序两者是类似的,桌面应用程序通常以 CD 为介质(有时候可从网站下载)并完全安装到您的计算机上。桌面应用程序可能使用互联网下载更新,但运行这些应用程序的代码在桌面计算机上。Web 应用程序运行在某处的 Web 服务器上 —— 毫不奇怪转载 2015-02-11 17:57:47 · 362 阅读 · 0 评论 -
CodeIgniter 入门
如果您是一位 PHP 开发人员,在使用 PHP 编程语言时不难发现:大型项目可能会变得复杂。这并非 PHP 的缺点。是的,这种语言提供了丰富的特性,而且具有足够理想的弹性,可区分程序员之间的工作成果。在这种意义上,PHP 类似于 Perl,这是一些人喜欢它(而其他人鄙视它)的原因之一。任何曾经查看过遗留 PHP 项目的有经验的 PHP 开发人员都可以轻松判断出不同开发人员在项目不同阶段的工转载 2015-04-17 10:22:44 · 556 阅读 · 0 评论 -
jQuery 事件
jQuery 事件方法语法在 jQuery 中,大多数 DOM 事件都有一个等效的 jQuery 方法。页面中指定一个点击事件:$("p").click();下一步是定义什么时间触发事件。您可以通过一个事件函数实现:$("p").click(function(){ // action goes here!!});常用的 jQ原创 2015-05-04 16:05:32 · 353 阅读 · 0 评论