橙汁橙汁橙

橙汁橙汁橙 查看完整档案

填写现居城市  |  填写毕业院校  |  填写所在公司/组织填写个人主网站
编辑
_ | |__ _ _ __ _ | '_ \| | | |/ _` | | |_) | |_| | (_| | |_.__/ \__,_|\__, | |___/ 个人简介什么都没有

个人动态

橙汁橙汁橙 提出了问题 · 2020-03-24

如何解决onmousedown 和drag 方法的冲突

vue项目是一个文件管理系统,可以在空白区域用鼠标框选文件....
同时也可以拖拽单个文件,进行文件夹移动....
但是onMouseDown方法是写在外围容器上,貌似会覆盖住drag方法,使得drag方法失效....
如何让两个方法共存?

关注 2 回答 1

橙汁橙汁橙 提出了问题 · 2019-11-19

js 动态修改keyframes时 insertRule is not a function

想通过js来修改keyframes 里的动画效果,能打印出来对应的cssRule ,deleteRule也生效,但是insertRule 报错 is not a funcution

下面是打印出来未删除动画时候的keyframes

WX20191119-110941@2x.png

`findKeyframesRule(animName) {

        let rule;
        let ss = document.styleSheets;
        for (let i = 0; i < ss.length; ++i) {
            for (let x = 0; x < ss[i].cssRules.length; ++x) {

                rule = ss[i].cssRules[x];

                if (rule.name === animName && (rule.type === CSSRule.KEYFRAMES_RULE || ss[i].cssRules[x].type === CSSRule.WEBKIT_KEYFRAMES_RULE)) {
                    return rule; // 可改为 console 查看当前页中所有动画属性值
                }
            }
        }
    },
    change(selector, animName) {

        let keyframes = this.findKeyframesRule(animName);
        console.log(keyframes);
        // 删除已经存在的开始和结束帧
        keyframes.deleteRule('0%');
        keyframes.deleteRule('100%');
        keyframes.insertRule('0% { -webkit-transform: translateX(0); }'); //结束移动屏幕一半
        keyframes.insertRule('100s% { -webkit-transform: translateX(-300%); }'); //结束移动屏幕一半

        // 重新指定动画名字使之生效
        document.querySelector(selector).style.webkitAnimationName = animName;
    }` 


看了一篇国外的文章 用appendRule可以添加动画效果
`keyframes.deleteRule('0%');

        keyframes.deleteRule('100%');
        keyframes.appendRule('0% { -webkit-transform: translateX(0); }'); //结束移动屏幕一半
        keyframes.appendRule('100% { -webkit-transform: translateX(100%); }'); //结束移动屏幕一半`
        

但是新的问题来了,虽然keyframes改了,但是动画效果并没有生效....这是为什么,怎么解


又研究了一下,打印CSSStyleSheet,发现有两个动画效果,只改了其中一个,全改以后终于可以了....

关注 2 回答 1

橙汁橙汁橙 提出了问题 · 2019-10-23

在vue项目中,嵌入iframe用于显示一个外部网站,然后对这个iframe进行截图.

在vue项目中,嵌入iframe用于显示一个外部网站,然后对这个iframe进行截图.
原理是用html2canvas截图,但是貌似对iframe没效果,截出来是空白的....有什么办法可以对iframe截图,或者什么插件么

关注 3 回答 2

橙汁橙汁橙 提出了问题 · 2019-09-20

百度api 权限询问问题

现在有一个移动端 vue的项目,用百度地图api定位,在iPhone上的浏览器都能精准定位,但是在安卓的浏览器上,相同浏览器但是没有询问获取定位权限,也不能定位....请问该如何适配安卓,需要做什么特殊处理么.望知道的大佬指点,感谢

图片描述
iOS有这个弹窗询问,定位就正常 但是安卓就没有

图片描述

安卓打开这个 百度地图api官方的demo获取到的定位都不准....咋办哦

关注 1 回答 0

橙汁橙汁橙 提出了问题 · 2019-08-22

vue 中websocket 能加请求头么?

vue 中websocket 能加请求头么? 例如token什么的

如何操作

关注 3 回答 3

橙汁橙汁橙 提出了问题 · 2019-08-05

atom的platformio-atom-ide-terminal 插件更新后不能用了

atom 版本1.39.1,将扩展platformio-atom-ide-terminal 更新到最新版本后,能打开但是无法在终端上输入

关注 1 回答 0

橙汁橙汁橙 提出了问题 · 2019-07-31

解决vue项目的字体 自动配置?

vue的项目里的字体是不是没有像安卓那样下载一个字体就可以用,需要本地导入字体再配置,才能在项目里用?

现在有一个需求是,在vue的项目上上传一个字体,可以给安卓端用,又可以给这个项目本身用....有办法做么

关注 2 回答 1

橙汁橙汁橙 赞了回答 · 2019-06-27

解决vue 参数能打印出来但是取不到

正常情况下, 数组打印出来, console 应该是这个样子

clipboard.png

出现这种情况, 一般都是这个对象或数组正在被引用处理(一般是修改).

clipboard.png

如果你正在执行的其他动作很重要, 我建议你深拷贝一下那个数组~

关注 4 回答 3

橙汁橙汁橙 赞了回答 · 2019-06-27

解决vue 参数能打印出来但是取不到

console.log输出的是快照。其实在你看的那个时候,他才从内存中拿值

你可以输出JSON.stringify后的字符串。

这种问题一般都是异步导致的。

关注 4 回答 3

橙汁橙汁橙 提出了问题 · 2019-06-26

解决vue 参数能打印出来但是取不到

图片描述

代码如上,有一个Templates的数据,是一个数组
打印结果如下
图片描述

明明是有数据但是,Template[0],取到的是一个空对象,导致第三个打印underfine
对Templates.foreach也不行,虽然有循环一次,但是打印还是空取不到数组里的对象数据,很奇怪,求大神指点

图片描述

最后是 Templates展开的数据

关注 4 回答 3

认证与成就

  • 获得 2 次点赞
  • 获得 44 枚徽章 获得 3 枚金徽章, 获得 12 枚银徽章, 获得 29 枚铜徽章

擅长技能
编辑

(゚∀゚ )
暂时没有

开源项目 & 著作
编辑

(゚∀゚ )
暂时没有

注册于 2017-10-31
个人主页被 431 人浏览