![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
kangzai2012
这个作者很懒,什么都没留下…
展开
-
vue路由组件里watch的用法
首先确认 watch是一个对象,一定要当成对象来用。对象就有键,有值。键:就是你要监控的那个家伙,比如说$route,这个就是要监控路由的变化。或者是data中的某个变量。 值可以是函数:就是当你监控的家伙变化时,需要执行的函数,这个函数有两个形参,第一个是当前值,第二个是变化后的值。值也可以是函数名:不过这个函数名要用单引号来包裹。第三种情况厉害了。值是包括选项的对象:选项...原创 2018-07-18 22:46:04 · 2141 阅读 · 0 评论 -
js动态计算html的font-size mao
(function(doc,win){ var docEl = doc.documentElement,resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function(){ var clientWidth = docEl.clientWidth; if(!cli...原创 2018-08-20 22:02:54 · 983 阅读 · 0 评论 -
rem
获取视窗宽度 let htmlWidth = document.documentElement.clientWidth || document.body.clientWidth;// 获取视窗高度 let htmlDom = document.getElementsByTagName("html")[0]; htmlDom.style.fontSize = htmlWidth/10 +...原创 2018-08-12 20:30:57 · 185 阅读 · 0 评论 -
关于适用react的一些体会
在做项目的时候,需要在jsx模板里对数组或对象遍历输出数据,由于react没有类似vue的指令,所以在遍历的时候有点麻烦数组:{ this.state.data.Local.map(function(item){ return <img src={item} alt="" />})}对象:{ Object.keys(this.state.data...原创 2018-08-11 17:36:26 · 219 阅读 · 0 评论 -
react router4介绍
React Router4是一个流行的纯React重写的包。现在的版本中已不需要路由配置,现在一切皆组件。本文涵盖了开始使用React Router构建网站所需要的一切知识。我们将会为本地运动队制作一个网站。代码想看网站最终效果,查看demo安装React Router被拆分成三个包:react-router,react-router-dom和react-router-nati...转载 2018-08-01 20:12:02 · 288 阅读 · 0 评论 -
js实现鼠标拖拽效果
$("#box").mousedown(function(e){ var x = e.offsetX; var y = e.offsetY; console.log(x,y); $(document).mousemove(function(e){ var _x = e.clientX-x; var _y = e.clientY-y; console.log(_x,_y); ...原创 2018-08-05 15:52:00 · 744 阅读 · 0 评论 -
mongodb数据库的增删改查(函数封装)
导入mongodb模块const mdb=require('mongodb').MongoClient;设置urlconst db_str="mongodb://localhost:27017/ppp" add//自己的集合---"用户" var col = "用户" var obj = {"lala":"123"} add(col,obj); //增,两个参数c...原创 2018-07-27 21:56:24 · 529 阅读 · 0 评论 -
前端ajax请求数据总结
ajax方法及跨域$(function(){ /*ajax*/ //普通get请求 $.ajax({ type:"get", url:"http://datainfo.duapp.com/shopdata/getclass.php", async:true, success:function(data){ console.lo...原创 2018-07-27 19:55:20 · 985 阅读 · 0 评论 -
More than React(一)为什么ReactJS不适合复杂交互的前端项目?转载的
《More than React》系列的文章会一共分为五篇和一则附录。本文是第一篇,介绍用 ReactJS开发时遇到的种种问题。后面四篇文章的每一篇将会分别详细讨论其中一个问题,以及Binding.scala如何解决这个问题。附录是一则指南,指引你从头一步步创建Binding.scala项目。背景介绍去年 4 月,我第一次在某个客户的项目中接触到ReactJS 。我发现ReactJS要...转载 2018-08-04 20:37:12 · 322 阅读 · 0 评论 -
哪些情况下会导致重排或重绘的发生?请给出性能优化的建议。
标签:1.简述重排的概念浏览器下载完页面中的所有组件(HTML、JavaScript、CSS、图片)之后会解析生成两个内部数据结构(DOM树和渲染树),DOM树表示页面结构,渲染树表示DOM节点如何显示。重排是DOM元素的几何属性变化,DOM树的结构变化,渲染树需要重新计算。2.简述重绘的概念重绘是一个元素外观的改变所触发的浏览器行为,例如改变visibility、outline、背景色...转载 2018-08-04 17:48:32 · 8859 阅读 · 0 评论 -
js六种数据类型是怎么样存储的?
一个很基础的知识点,JavaScript中基本数据类型和引用数据类型是如何存储的。由于自己是野生程序员,在刚开始学习程序设计的时候没有在意内存这些基础知识,导致后来在提到“什么什么是存在栈中的,栈中只是存了一个引用”这样的话时总是一脸懵逼。。后来渐渐的了解了一些内存的知识,这部分还是非常有必要了解的。基本数据结构栈栈,只允许在一段进行插入或者删除操作的线性表,是一种先进后出的数...转载 2018-08-04 14:47:54 · 2384 阅读 · 1 评论 -
micro eventloop和macro eventloop
console.log('start')const interval = setInterval(() => { console.log('setInterval')}, 0)setTimeout(() => { console.log('setTimeout 1') Promise.resolve() .then(() => { ...原创 2018-08-03 22:56:07 · 179 阅读 · 0 评论 -
vue组件通信
一、父组件向子组件通信方法一:props使用props,父组件可以使用props向子组件传递数据。父组件vue模板father.vue<template> <child :msg="message"></child></template><script>import child from './chil...原创 2018-07-29 20:55:11 · 148 阅读 · 0 评论 -
对象继承的五种方法及浅拷贝与深拷贝
1-----第一种方法也是最简单的方法,使用call或apply方法,将父对象的构造函数绑定在子对象上,即在子对象构造函数中加一行:function Animal(){ this.species = "动物"; } function Cat(name,color){ this.name = name; this.color =...原创 2018-07-29 15:00:46 · 1816 阅读 · 0 评论 -
sublime
这里插入一下安装"view in browser"官方版的说明:(前提是得先安装package control插件)1、通过"ctrl+shift+p"打开命令面板2、输入"install package"打开安装插件面板3、输入"view in browser"后通过鼠标左键单击或者回车键进行安装4、察看SublimeText左下角状态栏了解是否安装成功最后,就说下小觉现在所使用的方法:1、在S...原创 2018-07-14 10:47:19 · 156 阅读 · 0 评论 -
sublime代码自动补全
html标签自动补全,在preferences.sublime-settings里面加上:作者:茉花链接:https://www.zhihu.com/question/21628492/answer/131097215来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。"auto_complete_triggers": [ { "characters": "1234...原创 2018-07-14 08:47:23 · 2602 阅读 · 0 评论