kangzai2012-CSDN博客

原创 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 978

原创 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 181

原创关于适用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 216

原创 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 736

转载 More than React（一）为什么ReactJS不适合复杂交互的前端项目？转载的

《More than React》系列的文章会一共分为五篇和一则附录。本文是第一篇，介绍用 ReactJS开发时遇到的种种问题。后面四篇文章的每一篇将会分别详细讨论其中一个问题，以及Binding.scala如何解决这个问题。附录是一则指南，指引你从头一步步创建Binding.scala项目。背景介绍去年 4 月，我第一次在某个客户的项目中接触到ReactJS 。我发现ReactJS要...

2018-08-04 20:37:12 321

转载哪些情况下会导致重排或重绘的发生？请给出性能优化的建议。

标签：1.简述重排的概念浏览器下载完页面中的所有组件（HTML、JavaScript、CSS、图片）之后会解析生成两个内部数据结构（DOM树和渲染树），DOM树表示页面结构，渲染树表示DOM节点如何显示。重排是DOM元素的几何属性变化，DOM树的结构变化，渲染树需要重新计算。2.简述重绘的概念重绘是一个元素外观的改变所触发的浏览器行为，例如改变visibility、outline、背景色...

2018-08-04 17:48:32 8837

转载 js六种数据类型是怎么样存储的？

一个很基础的知识点，JavaScript中基本数据类型和引用数据类型是如何存储的。由于自己是野生程序员，在刚开始学习程序设计的时候没有在意内存这些基础知识，导致后来在提到“什么什么是存在栈中的，栈中只是存了一个引用”这样的话时总是一脸懵逼。。后来渐渐的了解了一些内存的知识，这部分还是非常有必要了解的。基本数据结构栈栈，只允许在一段进行插入或者删除操作的线性表，是一种先进后出的数...

2018-08-04 14:47:54 2376 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 174

转载 react router4介绍

React Router4是一个流行的纯React重写的包。现在的版本中已不需要路由配置，现在一切皆组件。本文涵盖了开始使用React Router构建网站所需要的一切知识。我们将会为本地运动队制作一个网站。代码想看网站最终效果，查看demo安装React Router被拆分成三个包：react-router,react-router-dom和react-router-nati...

2018-08-01 20:12:02 283

原创 vue组件通信

一、父组件向子组件通信方法一：props使用props，父组件可以使用props向子组件传递数据。父组件vue模板father.vue<template> <child :msg="message"></child></template><script>import child from './chil...

2018-07-29 20:55:11 145

原创对象继承的五种方法及浅拷贝与深拷贝

1-----第一种方法也是最简单的方法，使用call或apply方法，将父对象的构造函数绑定在子对象上，即在子对象构造函数中加一行：function Animal(){ 　　　　this.species = "动物"; 　} function Cat(name,color){　　　　this.name = name;　　　　this.color =...

2018-07-29 15:00:46 1809

原创 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 524

原创前端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 983

原创 vue路由组件里watch的用法

首先确认 watch是一个对象，一定要当成对象来用。对象就有键，有值。键：就是你要监控的那个家伙，比如说$route，这个就是要监控路由的变化。或者是data中的某个变量。值可以是函数：就是当你监控的家伙变化时，需要执行的函数，这个函数有两个形参，第一个是当前值，第二个是变化后的值。值也可以是函数名：不过这个函数名要用单引号来包裹。第三种情况厉害了。值是包括选项的对象：选项...

2018-07-18 22:46:04 2134

这里插入一下安装"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 155

原创 sublime代码自动补全

html标签自动补全，在preferences.sublime-settings里面加上：作者：茉花链接：https://www.zhihu.com/question/21628492/answer/131097215来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。"auto_complete_triggers": [ { "characters": "1234...

2018-07-14 08:47:23 2593

原创记录装webpack遇到的坑

webpack和webpack-cli是分离的，需要分别安装这种情况把webpack-cli全局卸载后，再安装需要把给定目录里的文件手动删除之后再重新全局安装，多看错误提示信息...

2018-07-13 21:27:55 245

转载 express框架的安装

1.安装node https://nodejs.org/en/download/验证 node -v最好安装cnpm 在cmd中输入 npm install -g cnpm --registry=https://registry.npm.taobao.org验证 cnpm -v2.npm安装expressa.全局安装expressnpm install express -gb.在...

2018-07-09 16:13:09 178

原创 localhost和127.0.0.1不同源

今天写注册登录界面,需要从后台获取数据,代码如下:http://localhost:3000/regist以上是注册界面的地址url:"http://127.0.0.1:3000/api/regist",以上为ajax的url,原来以为localhost和127.0.0.1是一个地址,结果一直报错Failed to load http://127.0.0.1:3000/api/regist?use...

2018-07-07 22:03:24 479

原创 websocket

var wsServer = require("ws").Server;var ws = new wsServer({port:3000});var clientArr = [];var i = 0;ws.on("connection",function(client){ console.log("aaa"); clientArr.push(client);// client.i...

2018-07-07 16:06:45 271

kangzai2012的博客