#疑问问题思考,问题分析

HTML语义化

i = em -> 代表语气助词(主要是用来强调),强调某关键词,而使句子含义不同 b = strong -> 重点性,关键词

编码

url包含中文的时候记得用 encodeURI 转码

html5 canvas

1.什么情况下才用到beginPath 和 closePath beginPath一般只在画线和弧度(圆)才用到 当使用stroke描边,需要使用closePath关闭路径,而使用fill填充则不需要,因为它是自动闭合路径的.但还是建议写,因为符合规范.

moveTo 和 lineTo 的区别? moveTo是画起点路径 lineTo是链接moveTo的线路径

2.画圆的方法有几种,有什么区别? arc(x, y, radius, startAngle, endAngle, anticlockwise) arcTo(x1, y1, x2, y2, radius)

---------以上2种只是绘画出相同半径的曲线 quadraticCurveTo(cp1x, cp1y, x, y) 二次塞比尔曲线 bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y) 三次塞比尔曲线

3.canvas对写入的图片有什么限制或对图片大小支持的限制?

webapp

微信坑 关于css动画 用js写内联属性的动画会出现点击元素被强制清除动画(某些苹果机会出现这样的情况,部分不会,安卓没有这个问题) 基于判断问题出在微信对 动画性能上,所以建议动画写在css文件里面,如果不是一直处理活动状态的css动画,可以忽略,不然还是建议写在文件是用类名进行调用.

1.布局问题

2.图片自适应问题 img透明图 伪类填充比例h/w比pt%值

3.字体适应问题 rem 媒体查询

4.手机端获取pageX,pgaeY --1.参考答案http://stackoverflow.com/questions/7100153/jquery-swipe-vs-touch-pagex-and-pagey-keep-returning-0 使用e.originalEvent.touches[0].pageX 或 event.targetTouches[0].pageY 而非e.touches0

关于css3 文本省略号溢出bug的问题 注意:文本省略不能是用于 带有 href属性的 标签,其他标签可以是用 相关测试demo:http://jsfiddle.net/qb62mjbr/ 其他实现方案:http://lomu.me/post/css-multiline-text-overflow

开发

1.如何使用sass 更好管理项目模块? 现状:文件太多,结构太深,对于资源文件的引用比较麻烦

2.页面布局与布局命名与组件划分管理? 布局更灵活/简单/清晰 是用 BEM 命名

38活动动画问题以及开发的问题

css动画方案

1.纯css -> 1.1 添加class(动画全部属性写在class) -> 1.2 标签属性定义动画名,持续时间,延迟事件(js 添加class) -事件回调,使用js回调

2.js写 -> 其他插件实现 GSAP 插件

========页面切换(不使用2方案),使用 class添加方案+回调|| 1.1 + 1.2 混合方案

animate-effect="fadeInUp" animation-duration=".75s" animate-delay="1.2s"

// bug:同步执行动画(带有延迟的,已经变成可视,但动画还没开始) [重复css导致]

=====================================插件

iScroll5

不能复制文本

解决方案:http://www.voidcn.com/blog/xw505501936/article/p-6094669.html 方法二（参数设置）： iScroll5版本： 参数中preventDefault: true 修改为 preventDefault: false即可，但是此方法是处理了所有的冒泡传递事件，虽然也可解决当前问题； 但是会对iscroll设计初衷流畅度有所影响

不能点击click/点击事件无效

添加 click: true 参数即可

//////// ISO 移动端 input 无法输入文本 现象：安卓机正常，苹果手机输入没有显示，input没有值。

-webkit-user-select:none;

请勿包含这个属性,

如何禁止浏览器滚动条滚动，但是又不让它消失？(https://www.zhihu.com/question/21865401) 1.依然保留滚动条,上鼠标上下滚轮事件取消 http://output.jsbin.com/disable-scrolling/1 2.直接隐藏滚动条,并补回消失的滚动条宽度(m,p的值都可以) http://yujiangshui.com/review-how-to-make-popup-mask-effect/ 建议:蒙版层可以 深色一点

谷歌浏览器57版的不支持preventDefault事件解决方案

新版谷歌的preventDefault事件会被阻挡,低版本没有问题,在需要的element元素上使用(需要拖动的element),不建议使用*会有问题的 解决:加上

* { touch-action: none; } 

layer弹窗插件bug

是用原生video元素的全屏会消失,没错,是整个video元素都消失了 原因:animation 动画属性影响 解决:

.layui-layer{
  &:-webkit-full-screen-ancestor:not(iframe){
    animation-name: none!important;
  }
}

vue-cli 离线/本地初始化手架(window)

官方有linux的讲解方法,但window就懵逼了 注意路径就可以了,到git把整个项目下载来,放到任意目录(完整下载,不建议用git拉,会很慢) eg:把下载包完整解压放到c盘根目录

vue init `C:\webpack-master` `v-t`
vue init `文件路径` `模板名称`

然后就可以愉快的使用了,开始你的vue之旅吧.

支持sass,安装依赖,安装完重启服务器

npm install node-sass --save-dev npm install sass-loader --save-dev

vue 路由:https://juejin.im/entry/58759934128fe1005838aea3