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 进入对应目录查看:
随机推荐
- WAI-ARIA无障碍网页应用属性完全展示
本文为原创辛苦之作,尊重劳动,转载请注明来自张鑫旭-鑫空间-鑫生活[http://www.zhangxinxu.com]本文地址:http://www.zhangxinxu.com/wordpress ...
- php CLI SAPI 内置Web Server
PHP 5.4.0起, CLI SAPI 提供了一个内置的Web服务器. 这个内置的Web服务器主要用于本地开发使用,不可用于线上产品环境. URI请求会被发送到PHP所在的的工作目录(Working ...
- win7下配置Tomcat
1.下载tomcat 2.添加系统环境变量,我的电脑->属性->高级系统设置->环境变量 (1)变量名: CATALINA_BASE 变量值: D:\Program File ...
- Rxbus的使用
Rxbus是一种模式,在RxJava中 一.添加依赖 compile 'io.reactivex:rxandroid:1.2.0' compile 'io.reactivex:rxjava:1.1.5 ...
- python第二章(2)列表
names=["zhangyang","guyun","xiangpeng","leiming","xulia ...
- Codeforces 551 E - GukiZ and GukiZiana
E - GukiZ and GukiZiana 思路:分块, 块内二分 代码: #pragma GCC optimize(2) #pragma GCC optimize(3) #pragma GCC ...
- Fiddler 简单介绍
fiddler 也已经使用了几年了,前面做免登录时就是用了fiddler,为了抓取cookie等信息.但是一直没有对他进行整理出一篇文章来介绍其使用. Fiddler的基本介绍 Fiddler的官方网 ...
- POSTMAN模拟http请求
附加小知识: chrome浏览器fitler中的XHR作用是什么? 记录ajax中的请求. AJAX :异步 JavaScript 和 XML 1.是一种用于创建快速动态网页的技术. 2. 通过在后台 ...
- ThinkPHP实用项
跟踪信息 – 两种模式 – Sql调试 – 性能调试
- group by 显示
public static void PrintPersons() { //准备数据 DataTable dt = new DataTa ...