1、分享效果弹窗Canvas渲染大图
 

2、进度条中表现进度百分比的数值d%,根据进度的增长“字体颜色”为了表示清晰也随着变化

解决方法:参考Demo

 

3、输入框保持查询参数,结果列表局部刷新,纯ajax感觉太麻烦,这个怎么做?

//处理服务器返回的信息 更新专业下拉框
function refreshResultListElement(mode)
{
if(xmlHttp.readyState == 4)
{
if(xmlHttp.status == 200)
{
//此处xmlHttp.responseText是请求*Controller的某个方法返回的渲染页面的源代码
document.getElementById("resultList").innerHTML = xmlHttp.responseText;
if(mode = "deleteManageCenter")
{
var successOrNot = document.getElementById("successOrNot");
if(sucessOrNot.value == "false")
{
alert("未能成功删除!请查看该数据是否被使用!"); }
}
}
}
}
......  

解决方法:jquery的

$.ajax()

,触发时间

$.load

  

 

4、页面绑定了document点击事件,怎么防止在移动端点击关闭弹出框时,也会触发document的点击事件?

解决方法:阻止冒泡

 

5、用微信打开网站 右上角不是有个分享按钮能自定义点击分享按钮之后里面的文字和图片么?

解决方法:无法使用js单独完成,需要后台参与,具体解决方法

 

6、问题:Demo为什么的子对象里拿不到父对象?

解决方法this的指代问题清晰即可明白。
分析:参考Javascript实验课] What is this?细说 Javascript 函数篇(二) : this 的工作机制

 

7、面试:请问个人简历中的 个人网站写原生好 还是jQuery好?

解决方法:原生写一堆,jq写一堆,这样面试官聊啥你就针对那块聊。喜欢原生聊原生,喜欢jq聊jq。要不然面试官问你,你用js,怎么不用jq,jq有什么缺点?你用jq怎么不用js,原生js有什么缺点。他们的优点又是什么。只有写过了,才能回答这些问题。从代码的底层面对面试官的层层冲击。

另建议
1、jq,extsjs; ---库
2、seajs,requirejs; ---模块化加载
3、angularjs,backbone; ---mvc,mvvm
4、grunt,glup,fis;---工程化
这四个里边其码了解其中一种。不一定深入,一定要了解。给面试官一种:基础扎实,值得培养的感觉。
最后一类如果有兴趣的话,了解一下移动端方面的知识。
css3新增加了哪些选择器,增加了哪些动画,tranisition,transform,animate之间的用法,区别。html5新增加的标签,删除的标签,js的接口新增加的。微信的相关开发等等的。

 

8、photoswipe源码写法

解决方法

(function(){
//AMD
define(factroy)
//CMD
exports.module(factroy)
}())

实例代码

2015.4.20 Canvas Jquery 移动端 JavaScript的更多相关文章

  1. [转]最常见的20个jQuery面试问题及答案

    毫无疑问,jQuery给了JavaScript急需的提振,这是一门如此有用,但同时总是常常被低估的语言. 在 jQuery 粉墨登场之前,我们曾经会写出冗长的JavaScript代码,不仅仅为更大型的 ...

  2. Canvas动画(PC端 移动端)

    Canvas动画(PC端 移动端) 一,介绍与需求 1.1,介绍 canvas是HTML5中新增一个HTML5标签与操作canvas的javascript API,它可以实现在网页中完成动态的2D与3 ...

  3. 最常见的 20 个 jQuery 面试问题及答案

    jQuery 面试问题和答案 JavaScript 是客户端脚本的标准语言,而 jQuery 使得编写 JavaScript 更加简单.你可以只用写几行的jQuery 代码就能实现更多的东西. 它是最 ...

  4. 2016年4月最佳的20款 jQuery 插件推荐

    这个列表包括20个我们觉得是最有用的免费的 jQuery 插件,它们都是最具创新性和最省时省力的解决方案,很多都是现代化的设计和开发中碰到的问题的处理方案.如果你熟悉下面列出的任何插件,请与我们的读者 ...

  5. 最新的jQuery插件和JavaScript库

    每一个前端开发人员很清楚的重要性和功能的JavaScript库提供.它提供了一个简单的接口,用于构建快速动态的接口,而无需大量的代码. 谢谢你的超级从事jQuery开发者社区,人始终是创造新的和令人惊 ...

  6. 值得 Web 开发人员学习的20个 jQuery 实例教程

    这篇文章挑选了20个优秀的 jQuery 实例教程,这些 jQuery 教程将帮助你把你的网站提升到一个更高的水平.其中,既有网站中常用功能的的解决方案,也有极具吸引力的亮点功能的实现方法,相信通过对 ...

  7. 2017年最新20个轻量的 JavaScript 库和插件

    下面这个列表中的免费 JavaScript 插件都是今年发布的,没有臃肿的一体化的框架,它们提供轻量级的解决方案,帮助 Web 开发过程更容易和更快.提供的插件可以创建滑块.响应式菜单.模态窗口.相册 ...

  8. html5 canvas 画图移动端出现锯齿毛边的解决方法

    使用HTML5的canvas元素画出来的.在移动端手机上测试都发现画图有一点锯齿问题 出现这个问题的原因应该是手机的宽是720像素的, 而这个canvas是按照小于720像素画出来的, 所以在720像 ...

  9. webstorm-前端javascript开发神器中文教程和技巧分享(转)

    webstorm是一款前端javascript开发编辑的神器,此文介绍webstorm的中文教程和技巧分享. webstorm8.0.3中文汉化版下载: 百度网盘下载:http://pan.baidu ...

随机推荐

  1. 理解 OpenStack 高可用(HA)(2):Neutron L3 Agent HA 之 虚拟路由冗余协议(VRRP)

    本系列会分析OpenStack 的高可用性(HA)概念和解决方案: (1)OpenStack 高可用方案概述 (2)Neutron L3 Agent HA - VRRP (虚拟路由冗余协议) (3)N ...

  2. STL"源码"剖析-重点知识总结

    STL是C++重要的组件之一,大学时看过<STL源码剖析>这本书,这几天复习了一下,总结出以下LZ认为比较重要的知识点,内容有点略多 :) 1.STL概述 STL提供六大组件,彼此可以组合 ...

  3. 洛谷P3390 【模板】矩阵快速幂

    给定n*n的矩阵A,求A^k 行列都是n #include <iostream> #include <cstdio> #include <cstring> #inc ...

  4. Hibernate延迟加载、三种状态、脏检查 缓存

    一.持久化对象的唯一标识 java中按内存地址不同区分同一个类的不同对象,关系数据库用主键区分同一条记录,Hibernate使用OID来建立内存中的对象和数据库中记录的对应关系 什么是OID? 解析: ...

  5. Mac Pro 下使用svn

    Mac 默认都会安装有svn 1.在项目下使用命令启动svn服务---svnserve -d -r 输入下列指令:svnserve -d -r /Users/apple/svn 或者输入:svnser ...

  6. Redis学习笔记~conf自主集群模式

    回到目录 Redis自主提供了集群模式,当然也只是比较简单的读写分离模式,或者叫主从模式,它在各个redis服务端自己做数据同步机制,当然就是将主服务端的信息同步到各个slave服务器上,在客户端集成 ...

  7. 年底发福利了——分享一下我的.NET软件开发资源

    最近建了一个.NET软件开发资源的360网盘共享群,把收集的一些.NET软件开发资源分享给大家,也欢迎大家把好的东东分享一下. 资源主要有:开发工具.控件资源.书籍教程.网页设计.源码资源几大类,也希 ...

  8. 跟我从零基础学习Unity3D开发--资源打包篇(AssetBundle)

    好久没更新了,一直在加班敢项目进度.这里和关注我的博客的童鞋表示一下歉意!这里有我录的Unity3D从零开始的视频教程大家可以关注一下:http://www.imooc.com/view/555  视 ...

  9. APIPA(Automatic Private IP Addressing,自动专用IP寻址)

    APIPA APIPA(Automatic Private IP Addressing,自动专用IP寻址),是一个DHCP故障转移机制.当DHCP服务器出故障时, APIPA在169.254.0.1到 ...

  10. Css-深入学习之弧形切角矩形

    本文是作者从别的网站和文章学习了解的知识,简单做了个笔记,想要学习更多的可以参考这里:[css进阶]伪元素的妙用--单标签之美,奇思妙想 (弧形切角矩形) 代码: width: 180px; heig ...