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 进入对应目录查看:
随机推荐
- codeforces gym 100971 K Palindromization 思路
题目链接:http://codeforces.com/gym/100971/problem/K K. Palindromization time limit per test 2.0 s memory ...
- linux查看历史操作记录并且显示执行时间
vim ~/.bashrc 或者 ~/.bash_profile 增加:export HISTTIMEFORMAT="%F %T " 查看历史记录之前先执行: 然后使用hist ...
- 服务器不能设置内容类型HTTP头信息后发送
昨天一个用户反映,导出excel失败,我测试了一下,数据量小没有问题,数据量稍微大就会出现这个问题.咨询度娘也没有找到合适的解决方法,突然想到系统中,其他模块有下载excel附件的功能,但是从没有出现 ...
- http_load 高并发测试
安装http_load 下载 sudo wget http://www.acme.com/software/http_load/http_load-09Mar2016.tar.gz 解压 sudo t ...
- R语言 set.seed()函数
看了几个帖子,说得不是特别清楚,特重新描述如下: set.seed()函数是为了保证你随机生成的随机数前后一致,看效果 首先,不设置该种子函数. x=rnorm(10) plot(x)绘出的图如下: ...
- 使用pipeline减少与redis交互次数
1.redis_pipeline=redis_cli.pipeline() 2.redis_pipeline.setex()此语句可写多条 3.redis_pipeline.execute() # # ...
- 控制 datetimepicker 显示位置
1. datetimepicker 位置 pickerPosition 有以下几个属性值,望文生义不解释 $('.form_datetime').datetimepicker({ pickerPo ...
- Java 8里面lambda的最佳实践
Java 8已经推出一段时间了,越来越多开发人员选择升级JDK,这条热门动弹里面看出,JDK7最多,其次是6和8,这是好事! 在8 里面Lambda是最火的主题,不仅仅是因为语法的改变,更重要的是带来 ...
- 第 7 章 多主机管理 - 045 - 安装 Docker Machine
安装 Docker Machine 先安装docker 官方安装docker-machine的文档地址:https://docs.docker.com/machine/install-machine/ ...
- 设计一个带有getmin功能的栈,保证时间复杂度在O(1)
2017-06-22 20:56:10 需要得到最小值,最简单的思路就是遍历一遍求出最小值.但是这样的时间复杂度会是O(n),不满足O(1)的要求.于是想到在建立一个栈来保存最小值. 具体操作是建立 ...