Web/20-前端综合/2018年-前端日记.md
2018-06-08 22:49:58 +08:00

6.3 KiB
Raw Blame History

2018年4月份

2018-04-25

2018-04-26

前端相关

  • 流程图制作工具:ProcessOn

  • api方法的浏览器兼容性问题可以在这个网站上看https://caniuse.com/

  • CSS3的兼容性问题不一定要使用-webkit-, -moz-, -o-, -ms-等私有前缀。可以使用 PostCSS。知乎

  • 浏览器常见的内核有V8、WebKit。另外腾讯还有个X5

  • 要查一下display none 和 visibility hidden的区别。

  • ES 的各个版本在 Node 环境下的支持情况,可以查看这个网站:http://node.green/

  • promise的实现关键词Promises/A、Promises/B、bluebird

综合

  • whistle安装证书后可以拦截 https 请求。但是,我现在又不想拦截了,该怎么卸载证书呢?

2018-04-27

  • strider:可以用来部署项目。

  • 有必要了解一下电商1.0、电商2.0、电商3.0的概念。

2018-05-02

  • location.pathname:获取 url 的后半部分。参考链接:#

  • 代码解读:callback && callback()的含义

2018-05-03

2018-05-07

  • Vue组件的注册

有一种组件注册的方式是 Vue+jQuery

Vue.component('my-div', $.extend({
	props:[],
	methods:{

	},
	filters:{

	}

}), vueTpl.subs.myDiv)

根据 zqc 的建议,不一定要使用$.extend(),还可以使用object.assign()

2018-05-08

  • sku的概念

2018-05-09

  • 输入框正则的匹配

让输入框仅支持输入单个id且为字符串。如果输入多个id或者非数字的字符则自动删除

v-on:keyup="querysku = querysku.replace(/\D/,'')"

2018-05-10

  • 如果在控制台看到网络请求陈功数据也获取成功但是在ajax里走的是 error数据获取失败说明是 ajax代码的判断逻辑有问题。

  • 服务器返回的json数据到底是对象还是字符串

  • josn数据里的字段有顺序吗比如下面这段

{
    "1492948848": {
        "3": "1",
        "spec": "",
        "imagePath": "jfs/t3076/90/7623078170/152165/9fe8c39d/58b94105N8ed8d2c0.jpg",
        "color": "橘色   ",
        "name": "【多色可选】丽装铺园纯色百搭简约打底T恤女 橘色 M",
        "size": "M"
    },
    "1492948847": {
        "3": "1",
        "spec": "",
        "imagePath": "jfs/t3109/27/9469817576/176241/aa424d04/58d4c849Ne22114ed.jpg",
        "color": "灰色   ",
        "name": "【多色可选】丽装铺园纯色百搭简约打底T恤女 灰色 S",
        "size": "S  "
    }
}

答案:顺序不重要。

  • Vue开发中在其他地方用到Vue实例中的数据时一定要用this或者是vm.$data.myName之类的。

  • 疑问下面的src路径的前面为何要加//

<img v-bind:src="'//img14.smyhvae.com/evalpic/s240x240_'+value.imagePath" />

我发现控制台看到的输出src中会自动加上http。如果前面不加//则表示相对路径。

2018-05-11

  • 将逗号分隔的字符串,转换为数组: str.split(",")。即使数组中只有一个元素,也可以这样用。参考链接:#

2018-05-14

  • ajax发的是post请求但是后台却只收到了部分数据怎么办答案前端的post请求记得加content-type字段否则会被识别成 get 请求。

  • 获取jsonp的数据只能用get请求。如果要用post请求那就传json数据另外可能还要解决跨域的问题。跨域需要在后台配置三行代码即可。

  • p标签里的文字溢出怎么办

  • whistle该怎样mock数据

2018-05-16

2018-06-04

1、git相关

把 branch1 中的某条记录(比如myLog),提交到 branch2中。做法如下

先切换到branch2中然后输入如下命令

git cherry-pick myLog

2018-06-05

1、font-size

font-size的最小值为12。

也就是说浏览器的最小字体为12要是再小于这个值是不生效的。如果想要小于12需要在浏览器的高级设置里去修改。

2、git 多分支同时开发

现在有这样一个场景我要同时开发一个项目里的两个功能。今天上午开发功能1下午开发功能2。明天上午改功能1的bug明天下午改功能2的bug。

相当于是,我现在是并行开发两个功能了要怎么通过git来进行协作呢

目前考虑到有几种答案。

方式1:

  • 从master拉分支branch1此分支专门用来开发功能1改功能1的bug。

  • 再从master拉分支branch2此分支专门用来开发功能2改功能2的bug。

以后需要上线哪个功能就从那个分支merge代码到master。

3、其他

  • 两个span之间默认有5px的 margin

  • shadow-root:下一代。

2018-06-07

  • 原生js实现淡入淡出效果

  • 通过 jQuery 获取Dom的时候比如$('#topNavTop').css('background','red')记得要指明是 id 还是 class。

  • 每次开发一个新的需求每次开发一个新的需求记得要问清楚“H5和”