炒饭001-CSDN博客

转载 import和require的区别

node编程中最重要的思想就是模块化，import和require都是被模块化所使用。遵循规范require 是 AMD规范引入方式import是es6的一个语法标准，如果要兼容浏览器的话必须转化成es5的语法调用时间require是运行时调用，所以require理论上可以运用在代码的任何地方import是编译时调用，所以必须放在文件开头本质require是赋值过程，其实req...

2019-06-10 10:09:44 256

转载 CommonJS规范，以及exports、module.exports和export、export default区别

1.CommonJS规范为了写可维护的代码，常把很多函数分组，分别放到不同的文件里，这样，每个文件包含的代码就相对较少，很多编程语言都采用这种组织代码的方式。在 Node 环境中，一个.js文件就称之为一个模块（module），每个文件就是一个模块，有自己的作用域，在一个文件里面定义的变量、函数、类，都是私有的，对其他文件不可见，而 Node 应用由模块组成，采用 CommonJS 模块规范。...

2019-04-10 11:01:32 2849

原创 ReactJS学习小结

ReactJS小结关于ReactJS主要有以下几点：1、ReactJs是基于组件化的开发，所以最终你的页面应该是由若干个小组件组成的大组件。2、可以通过属性，将值传递到组件内部，同理也可以通过属性将内部的结果传递到父级组件(留给大家研究)；要对某些值的变化做DOM操作的，要把这些值放到state中。3、为组件添加外部css样式时，类名应该写成className而不是class;添加内部...

2018-09-25 09:10:41 210

原创 React mixins详解

`// Mixins有点类似AOP。所谓的mixins就是将组件里的方法抽出来。实际上Mixins里的this是指向组件的，使用了Mixins以后，组件也可以调用Mixins里的方法。 // Mixins里也可以编写组件生命周期的方法，需要注意的是：Mixins里的方法并不会覆盖组件的生命周期方法，会在先于组件生命周期方法执行。 // 组件也可以使...

2018-09-17 15:47:14 1334

原创 react 组件之间的参数传递

const MessageBox = React.createClass({ getInitialState:function() { return { title: ‘props属性传值’, messages: [‘messages...

2018-09-12 14:56:31 1143

原创数组去重

const toSort = (arr) => { let obj = {}; let newArr = []; for (let i=0; i<arr.length; i++) { if (!obj[arr]) { newArr.push(arr); obj[arr]=1; } ...

2018-08-22 17:26:23 114

转载 vue 与 angular 、react的区别

vue 与 angular 、react的区别

2018-08-22 17:20:23 720

转载 web前端性能&SEO优化(三)

一、减少DNS查找当我们在浏览器的地址栏输入网址（譬如： www.linux178.com），然后回车，回车这一瞬间到看到页面到底发生了什么呢？域名解析 –> 发起TCP的3次握手 –> 建立TCP连接后发起http请求 –> 服务器响应http请求，浏览器得到html代码 –> 浏览器解析html代码，并请求html代码中的资源（如js、css、图片...

2018-08-22 14:59:30 444

转载 web前端性能&SEO优化(二)

减少作用域链查找 ` 　　前文谈到了作用域链查找问题，这一点在循环中是尤其需要注意的问题。如果在循环中需要访问非本作用域下的变量时请在遍历之前用局部变量缓存该变量，并在遍历结束后再重写那个变量，这一点对全局变量尤其重要，因为全局变量处于作用域链的最顶端，访问时的查找次数是最多的。　低效率的写法： &lt;code class=" hljs javascript"&gt;// 全局...

2018-08-16 16:50:51 432

转载 web前端性能&SEO优化(一)

转至： https://www.2cto.com/kf/201604/498725.html && https://www.cnblogs.com/EnSnail/p/5671345.html浏览器访问优化浏览器请求处理流程如下图： 1、减少http请求，合理设置 HTTP缓存http协议是无状态的应用层协议，意味着每次http请求都需要建立通信链路、进行数据传...

2018-08-16 16:47:50 3674

原创原生js--ajax异步请求

function request(methodName, params){ // console.log('methodName--params=='+methodName+"--"+JSON.stringify(params)); var xmlHttp; function GetXmlHttpObject(){ if (window.XMLHttpReq...

2018-08-16 15:49:56 195

原创高德地图

首先引入高德地图JSAPI <script src="https://webapi.amap.com/maps?v=1.3&key=你在高德官网申请的密钥"></script>// 初始化地图const mapObj = new AMap.Map('map-container', { zoom: 17 // center: [lng, ...

2018-08-09 10:58:51 575

原创 gulp打包普通html项目

说明：支持配置config输入目录以及输出目录支持hash css js image（有动态更换本地图片路径时不建议使用hash）支持合并css js 目前暂不支持合并后js路径自动替换支持自动替换html 引用文件路径...*min.* 不参与压缩&&hashgulpfile.js代码如下：var gulp = require('gulp'),...

2018-08-08 17:59:45 3704

原创微信小程序开发遇到的坑

1、input 、textarea 一堆问题，具体什么问题你们应该知道，广大开发者心中也有数，是官方在技术上实现不了？？还是其他原因呢2、部分真机小程序启动时页面白屏问题（貌似资源未加载，我说的不是图片啥的，就是代码没执行，控制台一片空白）3、 wx.getLocation获取的坐标不准相差好几公里，用 gcj02 还好一点，误差还能接受4、wx.reLaunch跳转后安卓...

2018-08-08 09:24:36 552

转载 JavaScript中call,apply,bind方法的总结

call,apply,bind干什么的？为什么要学这个？　　一般用来指定this的环境，在没有学之前，通常会有这些问题。var a = { user:"追梦子", fn:function(){ console.log(this.user); }}var b = a.fn;b(); //undefined我们是想打印对象a里面的user却...

2018-08-08 09:23:42 148

转载 Eslint 规则说明 https://blog.csdn.net/helpzp2008/article/details/51507428

“no-alert”: 0,//禁止使用alert confirm prompt “no-array-constructor”: 2,//禁止使用数组构造器 “no-bitwise”: 0,//禁止使用按位运算符 “no-caller”: 1,//禁止使用arguments.caller或arguments.callee “no-catch-shadow”: 2,//禁止catch子句参数与外部作...

2018-08-07 17:23:25 180

转载 git windows下换行符问题 LF与CRLF转换

在各操作系统下，文本文件所使用的换行符是不一样的。UNIX/Linux 使用的是 0x0A（LF），早期的 Mac OS 使用的是0x0D（CR），后来的 OS X 在更换内核后与 UNIX 保持一致了。但 DOS/Windows 一直使用 0x0D0A（CRLF）作为换行符。Git提供了一个“换行符自动转换”功能。这个功能默认处于“自动模式”，当你在签出文件时，它试图将 UNIX 换行符（LF）...

2018-08-07 17:18:51 4881

原创 npm 常用命令

命令： npm init （npm init -y）初始化生成package.json文件（自动生成格式）等 npm i/install [包名] 安装包 npm install [包名] -g 全局安装 npm list 查看安装包列表 npm unistail [包名] 卸载包...

2018-08-07 17:08:17 374 1

原创 Promise 与 await 的使用

function getProductNo () { return new Promise(function (resolve, reject) { getProductNo({}, (obj) =&gt; { console.log(`获取productNo成功:${obj.productNo}`) ...

2018-08-07 16:49:29 2164

原创 vue 自定义过滤器

不多说直接上代码新建filter.js文件如：// 金额分 --> 元exports.fen_yuan = (value) => { let tmp = Number(value) || 0 // tmp = parseInt(tmp, 10); tmp /= 100 return tmp.toFixed(2)}**.vue文...

2018-08-07 16:41:44 150

原创 vuex store的使用

一、状态管理（vuex）简介 vuex是专为vue.js应用程序开发的状态管理模式。它采用集中存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。vuex也集成刀vue的官方调试工具devtools extension，提供了诸如零配置的time-travel调试、状态快照导入导出等高级调试功能。二、状态管理核心状态管理有5个核心，分别是sta...

2018-08-07 16:26:39 10050

转载 img元素在QQ/微信中点击图片默认放大

自己使用的是微信Android客户端，使用img标签的src属性将图片设置好了以后，在微信中调试，点击图片竟然放大，自己没写放大图片的方法，也没有调用wx.previewImage()方法，最后查找，原来是微信Android客户端已经在底层支持了img标签自动放大的功能，说是bug还是改进？因为传统的浏览器是不带图片放大效果的，需要自己写方法，好了，明白了问题所在，解决就好了：方法一：...

2018-08-07 15:39:33 988

原创【vue】ios在详情页中返回到列表页出现空白的问题

移动端开发 vue项目中，ios机器上点击返回列表页的时候，会出现空白现象，触屏一下或者拉动一下，数据才会显示出来，针对此问题，尝试了很多次，最终解决方法如下：给列表的外层容器加上如下样式：overflow-y: auto;-webkit-overflow-scrolling: touch;height:100%;只需几句css 就能搞定...

2018-08-07 15:21:54 3312 1

原创 vue2.0的三种常用传值方式

一. 父组件向子组件传值 1. 使用props建立数据通道的渠道 // 这是父组件 <div id="app"> // 这是子组件 <child message="hello" ></child> </div>2 . 在子组件中通过props传递过来的数...

2018-08-07 14:49:03 281

原创 viewport-fit 解决iphoneX底部tabbar遮挡问题

iphoneX底部会出现一道白条。解决的方案是： 2、 meta标签添加viewport-fit=cover 属性，使页面占满整个屏幕，代码如下&lt;meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1,maximum-scale=1,viewport-fit=cover"&gt;...

2018-08-07 14:10:58 10951

炒饭的博客