js问题 项目问题
项目问题
1. js 中字符串替换函数
var a = 'fajlfjal'
a.replace(/b/,'a') // 不能直接改变a 而是返回替换后的值
2. vue 属性绑定中 class style 是合并操作
3. 浏览器 控制台 console.log()打印的对象是引用
也就是 你打印完我去查看 是最新的值。 所以最好打印具体变量
如:
var a = {a:1,b:[1,2,3]}
console.log(a)
a.b[3] = 4
console.log(a)
// 查看a的成员b值一样
4. 复用组件 传递属性 更新信息。
如列表的详细信息弹框 不同的id 请求后台不同的数据
可以通过 wath 父组件传给子组件的id 控制请求
5.页面传值 组件传值
vue中:
1. 父子组件间用props
2. 不同组件间用bus 刷新会消失
3. vue-router传递 query参数地址传递 刷新不消失
4. vuex 刷新会消失
参考:https://blog.csdn.net/wang1006008051/article/details/77898559
https://blog.csdn.net/sinat_17775997/article/details/74178119
6. vue nextTick用法
nextTick 细说就是可以操作和获取更新后的DOM。
使用:mounted的异步操作。
考虑这样一种场景,你有一个 jQuery 插件,希望在 DOM 元素中某些属性发生变化之后重新应用该插件,这时候就需要在 $nextTick 的回调函数中执行重新应用插件的方法。
https://segmentfault.com/a/1190000008570874
使用列子:
https://segmentfault.com/a/1190000007991925
很好的介绍了js单线程 异步 同步概念
js: 主线程+异步模块
异步之间的同步 promise microtask queue
异步队列 macrotask queue
http://www.cnblogs.com/hity-tt/p/6733062.html
vue生命周期介绍
beforeCreate(数据未生成) created(数据生成,属性生成,DOM未生成) beforeMount(DOM生成,未挂载) mounted(模板挂载) beforeUpdate updated activated(供keep-alive 组件激活使用) deactivated(供keep-alive 组件移除使用 beforeDestory destoryed
https://segmentfault.com/a/1190000008010666
axios 拦截处理
http://www.jb51.net/article/112147.htm
https://www.mmxiaowu.com/article/589af8cde9be1c5b21ef8e9c
https://blog.csdn.net/u012369271/article/details/72848102
vue-router 刷新当前页面
this.$router.go(0)
this.$route 对象的属性name是当前子组件的姓名
vue-router 组件被复用了
可以简单地 watch(监测变化) $route 对象
'$route' (to, from) {
// 对路由变化作出响应...
}
xss 攻击原理 介绍的简单易懂
http://www.freebuf.com/articles/web/40520.html
css fixed 定位问题
fixed正常是相对屏幕窗口定位的,当是当父级元素有transform属性时会相对父级定位
vue 混入(mixin) 插件(Vue.use(xxx))
混入用于扩展组件功能和组件复用。
// 定义一个使用混入对象的组件
var Component = Vue.extend({
mixins: [myMixin]
})
插件: 用于扩展vue构造器的功能。常用与扩展插件
https://segmentfault.com/a/1190000010559711
(vue.use(xxx)安装插件)
关键参考可以看官方文档
https://segmentfault.com/a/1190000012296163
cookie 信息的读取和操作问题
后台给前端的cookie信息可能存在编解码问题,
所以可能需要先解码在解析
js对象,构造器函数,原型
https://www.cnblogs.com/gulei/p/6733707.html
js问题 项目问题的更多相关文章
- 8 步搭建 Node.js + MongoDB 项目的自动化持续集成
任何事情超过 90 秒就应该自动化,这是程序员的终极打开方式.Automating shapes smarter future. 这篇文章中,我们通过创建一个 Node.js + MongoDB 项目 ...
- js获取项目根路径
//js获取项目根路径,如: http://localhost:8083/uimcardprj function getRootPath(){ //获取当前网址,如: http://localhost ...
- iKcamp团队制作|基于Koa2搭建Node.js实战项目教学(含视频)☞ 环境准备
安装搭建项目的开发环境 视频地址:https://www.cctalk.com/v/15114357764004 文章 Koa 起手 - 环境准备 由于 koa2 已经开始使用 async/await ...
- java 或者 js 获取项目访问路径(域名)
/** * 获得站点url * @return */ public String getWebUrl(){ String url = getRequest().getScheme() + " ...
- Node JS后端项目开发与生产环境总结
原文地址:Node JS后端项目开发与生产环境总结 Node JS常用后端框架有express.koa.sails.国产框架有个egg js,已经在cnode投入生产了,还有个think js,类似t ...
- 如何搭建一个基于nuxt.js的项目
介绍 nuxt.js(中文官方文档)是vue.js的一个通用型应用框架,有了之前搭建vue项目的过程之后,搭建一个nuxt项目就会十分简单. 搭建步骤 1.打开命令提示符,进入到相关文件夹下: 2.使 ...
- 字节跳动Web Infra发起 Modern.js 开源项目,打造现代 Web 工程体系
10 月 27 日举办的稀土开发者大会上,字节跳动 Web Infra 正式发起 Modern.js 开源项目,希望推动现代 Web 开发范式的普及,发展完整的现代 Web 工程体系,突破应用开发效率 ...
- JS/TS项目里的Module都是什么?
摘要:在日常进行JS/TS项目开发的时候,经常会遇到require某个依赖和module.exports来定义某个函数的情况.就很好奇Modules都代表什么和有什么作用呢. 本文分享自华为云社区&l ...
- 前端技术-svg简介与snap.svg.js开源项目的使用
前言-为什么学习snap.svg.js 前阵子webAPP的技术群里有人感觉到svg+animate的形式感觉很炫,矢量图任意放大且不需要下载图片,并且在手机端效果流畅. (矢量图与位图最大的区别是, ...
- 关于Cocos2dx之JS创建项目
环境: cocos2dx -3.10 ndk - r9 sdk 1.进入到指定的项目的目标目录下面去,然后执行cocos new -l js ProjectName 进入对应目录查看:
随机推荐
- Qt532.【转】Qt创建鼠标右键菜单
ZC:可以通过 设置 (QWebView*)->setContextMenuPolicy(NoContextMenu); 来关闭 QWebView的默认右键菜单 Qt创建鼠标右键菜单_疯华正茂 ...
- 使用@JsonFormat引起的时间比正常时间慢8小时解决方法
@JsonFormat(pattern="yyyy-MM-dd HH:mm:ss",timezone="GMT+8")
- Cocos Creator 脚本模板
1.由于新建Cocos Creator脚本带有很多注释,并且有时候需要增加定制的默认注释,所以需要修改脚本生成模板. 2.在CocosCreator\resources\static\template ...
- 记录python接口自动化测试--简单总结一下学习过程(第十目)
至此,从excel文件中循环读取接口到把测试结果写进excel,一个简易的接口自动化测试框架就完成了.大概花了1周的时间,利用下班和周末的时间来理顺思路.编写调试代码,当然现在也还有很多不足,例如没有 ...
- 转载:删除github上文件夹的两种方式
http://www.jianshu.com/p/286be61bb9b8 删除github上文件夹的两种方式(解决已经加入ignore的文件夹无法从远程仓库删除的问题) 如果此文件夹已被加入git追 ...
- RNA Spike-in Control(转)
Spike-in Control:添加/加入(某种物质)的对照(组)在某些情况下,待检验样本中不含待测物质或者含有但是浓度很低,为了证明自己建立的方法能对样本中待测物质进行有效的检测,可在待检样本中加 ...
- 3 爬虫解析 Xpath 和 BeautifulSoup
1.正则表达式 单字符: . : 除换行以外所有字符 [] :[aoe] [a-w] 匹配集合中任意一个字符 \d :数字 [-] \D : 非数字 \w :数字.字母.下划线.中文 \W : 非\w ...
- selenium 定时任务
- CentOS6.8逻辑卷管理实战
CentOS6.8逻辑卷管理实战 要求:利用现有的四块磁盘,创建一个有两个PV组成的大小为80G的名为testvg的VG:要求PE大小为16MB, 而后在卷组中创建大小为5G的逻辑卷testlv:挂载 ...
- 网络基础之 tcp/ip五层协议 socket
1 网络通信协议(互联网协议) 1.1 互联网的本质就是一系列的网络协议 1.2 osi七层协议 1.3 tcp/ip五层模型讲解 1.3.1 物理层 1.3.2 数据链路层 1.3.3 网络层 1. ...