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. This text field does not specify an inputType or a hint

    android开发过程中突然发现的warning,EditText 报出 “This text field does not specify an inputType or a hint”   原因: ...

  2. redis 配置

    一 Redis 支持写的指令 Redis大概的命令如下:set setnx setex appendincr decr rpush lpush rpushx lpushx linsert lset r ...

  3. Android APP 读取 AndroidManifest.xml 中的版本信息详解

    APP都会涉及到版本的问题,Android APP的版本信息保存在AndroidManifest.xml文件的顶部.如下图: 有2个属性表示,“android:versionCode”和“androi ...

  4. springboot Serving Web Content with Spring MVC

    Serving Web Content with Spring MVC This guide walks you through the process of creating a "hel ...

  5. Mui沉浸模式以及状态栏颜色改变

    沉浸模式只需要设置下就可以  ios:  打开应用的manifest.json文件,切换到代码视图,在plus -> distribute -> apple 下添加UIReserveSta ...

  6. CSS选择器 转

    来自于:http://www.cnblogs.com/webblog/archive/2009/08/07/1541005.html 最近在研究jQuery的选择器,大家知道jQuery的选择器和cs ...

  7. Spring知识点提炼

    原文出处: 朱小厮 1. Spring框架的作用 轻量:Spring是轻量级的,基本的版本大小为2MB 控制反转:Spring通过控制反转实现了松散耦合,对象们给出它们的依赖,而不是创建或查找依赖的对 ...

  8. 修改eclipse的自动完成功能

    修改eclipse的自动完成功能   周银辉 用eclipse时还是比较习惯Visual Studio那样的敲一个字母就弹出自动完成框,而不是总要等到敲.号,其实可以设置的: 在preferences ...

  9. 招聘前端、Java后端开发、测试、Mysql DBA

    公司介绍: http://www.lagou.com/gongsi/43095.html http://www.yamichu.com 简历发到: zhuye@yamichu.com 招聘职位: JA ...

  10. JavaScript模板引擎artTemplate.js——template()方法

    template(id, data)方法: id:必传,渲染模板的id. data:可选,一个Object对象. return:传data—>渲染完成html代码:不传data—>一个渲染 ...