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. RedHat6.2搭建FTP服务器

    我的环境: A:Red Hat Enterprise 6.2 IP:192.168.16.12 此机作测试端 B:Red Hat Enterprise 6.2 IP:192.168.16.13 此机做 ...

  2. Shell基础学习小结

    0 shell基础概念 Shell是解释性语言,使用脚本编程语言的好处是,它们多半运行在比编译型语言还高的层级,能够轻易处理文件与目录之类的对象:缺点是它们的效率通常不如编译型语言.Shell命令有本 ...

  3. 【2016-11-11】【坚持学习】【Day24】【WPF 自定义控件 附加属性 自定义事件】

    UserControl ,自定义控件. 这里刚刚想到一个问题.什么时候应该用usercontrol 定义一个控件.什么时候应该重写控件的template和样式,实现新效果. 引用一下人家的话:http ...

  4. struts2案例

    Struts 2是一个MVC框架,以WebWork框架的设计思想为核心,吸收了Struts 1的部分优点.Struts 2拥有更加广阔的前景,自身功能强大,还对其他框架下开发的程序提供很好的兼容性.下 ...

  5. mac下打开FTP服务

    MAC下打开FTP服务 周银辉 mac下一般用smb服务来进行远程文件访问,但要用FTP的话,高版本的mac os默认关掉了,可以用如下命令打开: sudo -s launchctl load -w ...

  6. perl 调用shell脚本

    perl调用shell命令 perl调用shell shell调用perl Perl执行shell命令的几种方式及其区别

  7. 2016-1-1最新版本的linphone-android在mac上编译通过,同时建立了IDEA工程

    虽然参考了这个文章<MAC OS编译Android版Linphone SDK和APP>,https://www.lidaren.com/archives/1592 ,但是在实际的编译过程中 ...

  8. 备忘:maven 中指定版本

    <build> <plugins> <plugin> <groupId>org.apache.maven.plugins</groupId> ...

  9. mstsc 远程序桌面登录的 c#开发

    public AxMSTSCLib.AxMsRdpClient rdpClient; rdpClient = new AxMSTSCLib.AxMsRdpClient(); rdpClient.Doc ...

  10. js在手机端不能正确显示

    在html页面head中加入<meta name="viewport" content="width=device-width, initial-scale=1.0 ...