前端
关注
分享
扫一扫
文章平均质量分 66
Listron
打造成金子一般的我，实现我的发光梦
十年后再看自己的博客，看那时又有了什么新技术。
展开
-
postman联调使用
以前使用一直没有问题，但忽略了一些小细节，具体如下：1:get强求比如直接访问百度，不需要参数，直接请求就ok2:post请求：带参数的，比如 orderField的参数是字符串的，带引号，不是默认字符串的。...原创 2020-10-19 10:46:18 · 580 阅读 · 0 评论 -
自己的个人主页-总结
一直处于忙碌当中，项目进展的规划，需求的定义等，和客户的沟通谈判，总算留有点时间，自己想整个个人主页玩玩，毕竟自己前后端开发都不成问题，自己给自己吹一下，前端找个网站模版改改，后台用之前买的阿里云服务器，也买了个人域名，也在国家备案了，总算前后端一条龙的机制已经建立起来了。这条路真的挺长的，比如项目部署、tomcat、宝塔、域名绑定、ip端口映射等等问题，统统自己解决了一边，也算是自己给自己找事做。 由于是个人主页个人信息比较多，就不外漏了，等面试啊，给私人看看而已了。...原创 2020-07-23 18:05:50 · 243 阅读 · 0 评论 -
“中台”到底是什么？
中台这一概念，最近在国内大热。阿里、腾讯、百度、京东、美团、滴滴等一众互联网巨头，从去年到今年，接连开始组织架构的调整，意图建设中台。也有很多人认为，中台并不是解决一切问题的法宝，小公司不需要用中台，只有发展到一定规模的公司才需要中台。是不是要有中台？中台适合什么阶段/规模的公司？是一个可以值得去讨论的问题。1.什么是中台，到底要解决什么问题？这个最早由阿里在2015年提出的“大中台，小前台”战略中延伸出来的概念，灵感来源于一家芬兰的小公司Supercell——一家仅有300名员工，却接连推出爆款游转载 2020-06-20 07:12:10 · 464 阅读 · 0 评论 -
一个基本的技术网站
www.runoob.com,虽说是菜鸟教程,但是很全面的技术教程.原创 2015-10-12 17:37:53 · 528 阅读 · 0 评论 -
node.js运行js文件，学习一些语法，包含字符串、数组、日期、加解密等常见功能
'use strict';//main.js文件//包含字符串、数组、日期、加解密等常见功能。// 引入hello模块:var greet = require('./hello');var fs = require('fs');//crypto模块的目的是为了提供通用的加密和哈希算法。用纯JavaScript代码实现这些功能不是不可能，但速度会非常慢。Nodejs用C/C+...原创 2018-12-06 17:35:54 · 379 阅读 · 2 评论 -
5+ App开发入门指南
HTML5 Plus应用概述HTML5 Plus移动App，简称5+App，是一种基于HTML、JS、CSS编写的运行于手机端的App，这种App可以通过扩展的JS API任意调用手机的原生能力，实现与原生App同样强大的功能和性能。HTML5 Plus规范通过HTML5开发移动App时，会发现HTML5很多能力不具备。为弥补HTML5能力的不足，在W3C中国的指导下成立了HTML5中...转载 2018-08-13 17:02:44 · 1593 阅读 · 0 评论 -
React之 redux-saga
结合已有项目，对react框架中引入的saga异步请求进行了梳理，发现saga机制之完美，不言语表。总结如下：1：saga的Generator同步写法，实现的是异步请求，给开发者福利。2：saga的数据流向清晰。当dispatch一个action时，首先进入的是reducers方法，由于type为xx的action，saga已经注册监听，则会调用effects中的xx方法，待异步请求完毕之后，调用put发起了一个新的xx action，所以还是会进入reducers中进行处理，之后刷新sta原创 2020-05-13 13:54:19 · 379 阅读 · 0 评论 -
H5真的很强悍?
H5App势头之强劲，连张小龙都要赶忙推出微信应用号抢夺H5App的机会浪潮。体验H5App的强悍这是一个H5App，仿淘宝客户端，任何型号、任何操作系统的移动终端均可直接点击运行：http://demo.wex5.com/taobao/（基于WeX5开源框架开发的，很容易，全套源码均可在去WeX5官网下载）。在微信里也直接运行即可。要降薪的难道仅仅是iOS开发者原创 2016-02-19 15:55:24 · 1358 阅读 · 0 评论 -
cookie与session区别、以及本地storage保存
今天看了下我们项目的代码，其中在用户登录后，如何保存cookie的，做了下调研，已经我们用了localStorage技术，避免频繁与服务器的交互，保存浏览器本地的数据。以下是摘自网上的文章，是一些概念，具体的实现，可以看我最下面的代码。一.Cookies 与 Session的区别及使用HTTP是一种无状态的协议，不知道链接是谁发起的，所以需要浏览器把登录信息存起来，Session和Cookie就是为解决这个问题而提出来的两个机制。1.Cookie是服务器在本地机器上存储的小段文本，并随每一个请原创 2020-05-11 14:17:52 · 830 阅读 · 0 评论 -
font-family设置
大家都知道，在不同操作系统、不同游览器里面默认显示的字体是不一样的，并且相同字体在不同操作系统里面渲染的效果也不尽相同，那么如何设置字体显示效果会比较好呢？下面我们逐步的分析一下：一、首先我们看看各平台的默认字体情况1、Window下：宋体（SimSun）：Win下大部分游览器的默认字体，宋体在小字号下（如12px、14px）的显示效果还可以接受，但是字号一大就非常糟糕了，所以使用的时...转载 2020-03-17 19:19:55 · 1269 阅读 · 0 评论 -
React + Dva + Antd + Umi 概况
前沿：学习了react框架之后，在此基础上，学习umi、dva框架，比较容易。Dva由阿里架构师 sorrycc 带领 team 完成的一套前端框架，在作者的 github 里是这么描述它的：”dva 是 react 和 redux 的最佳实践”。Antd是阿里的一套开箱即用的中台前端/设计解决方案，UI框架。Umi一套可插拔的企业级 react 应用框架，同样由dva作者...转载 2020-01-06 14:01:15 · 418 阅读 · 0 评论 -
react-router 监听路由变化--解决路由回退导航栏状态也跟着回退问题
前言:用react 来做了很多小项目 一直都没结合router来使用更别说redux ,今天就尝试了下使用react的全家桶,试着装环境下包什么的太麻烦了 ,然后就了解了 umi 这个框架, 只能说太nb了 然后就跟着文档撸了起来 . 约定大于配置这个是真的好 ,以前写后台的时候就是遵循的这个. 然后又发现 umi 又是集成了 dav+ant +react全家桶的 ,但是dav是个什么鬼,不知道...转载 2020-01-03 17:53:02 · 2160 阅读 · 0 评论 -
Suspense及lazy()懒加载
React中Suspense及lazy()懒加载原理和使用的理解Suspense和lazy()都是react中比较新的特性,在项目中使用还比较少,但是学习一下有助于在后面的项目中使用,同样可以一窥React未来的发展方向React.lazy()概括顾名思义lazy()方法是用来对项目代码进行分割,懒加载用的.只有当组件被加载,内部的资源才会导入为什么需要懒加载在React的项目中i...转载 2019-11-13 11:08:48 · 802 阅读 · 0 评论 -
css flex弹性布局学习总结
一、简要介绍 flex（ flexible box：弹性布局盒模型）,是2009年w3c提出的一种可以简洁、快速弹性布局的属性。 主要思想是给予容器控制内部元素高度和宽度的能力。目前已得到以下浏览器支持： 其中在webkit内核的浏览器中使用时，必须加上-webkit-前缀 采用Flex布局的元素，称为Flex容器（flex container），简称”容器”...转载 2019-11-12 15:48:10 · 229 阅读 · 0 评论 -
yarn的安装和使用
yarn的简介：Yarn是facebook发布的一款取代npm的包管理工具。yarn的特点：速度超快。Yarn 缓存了每个下载过的包，所以再次使用时无需重复下载。 同时利用并行下载以最大化资源利用率，因此安装速度更快。超级安全。在执行代码之前，Yarn 会通过算法校验每个安装包的完整性。超级可靠。使用详细、简洁的锁文件格式和明确的安装算法，Yarn 能够保证在不同系统上无差异的工...转载 2019-10-23 16:30:54 · 442 阅读 · 0 评论 -
BackBone简介
BackBone是一个轻量级的MVC JavaScript库，具有以下特点：强制依赖于Underscore.js非强制依赖于Jquery/Zepto下面是BackBone的MVC思想他是从浏览器的HTTP开始，当如router检测到浏览器的URL满足特定的条件，就会匹配到相应的View，View则有两条路，上面一条请求view对应的Moudel,或者请求view对应的collection，...转载 2019-09-12 09:37:51 · 350 阅读 · 0 评论 -
React、Angular和Vue三种最流行的前端框架哪一个最好
这是三种最流行的工具，可以帮助开发人员构建Web应用程序。仔细阅读，看哪一个最适合您的需求。在当今的发展世界中，技术发展非常迅速并且变化迅速，许多开发工具似乎可以解决不同的开发问题。在本次讨论中，我们将比较三种最受欢迎的前端开发技术 - Angular，React和Vue。我们正在根据项目架构或者从开发人员的角度来讨论这种比较，他们将为新项目选择技术。因此，我们首先需要明确决定是要开发单页面应...转载 2019-08-06 10:11:54 · 1531 阅读 · 1 评论 -
Hybrid App 开发快速指南
课程背景混合应用相对于原生应用而言，是原生应用和 Web 应用的结合体。过去几年，混合应用开发的各种利弊已得到充分的讨论和验证。关于混合应用是什么、为什么使用的问题，相信大家都有自己的答案，但如何开发混合应用，从现有资料中却很难找到一个系统、全面的回答。刚上手或准备上手混合应用的开发者，经常苦于没有一套经过验证的最佳实践来指导开发，在开发的各个阶段往往遇到各种问题：如何选型？如何架构前...转载 2019-06-24 16:45:27 · 434 阅读 · 0 评论 -
总结list、array的方法
总结list、array的方法var str1 = '{ "name": "cxh", "sex": "man" }';var arrar = ["ada","adfa"];var a = new Array(123);var obj = eval('(' + str1 + ')');var x=10;var y=20;var obj1 = eval(x*y);co...原创 2019-07-02 16:15:33 · 222 阅读 · 0 评论 -
学习css样式表
丛w3school上系统的学习了css和html的基础知识。css样式表：* { box-sizing: border-box;} /* body 样式 */body { font-family: Arial; margin: 0;} /* 标题 */.header { padding: 80px; text-align: cente...原创 2018-10-18 11:35:27 · 768 阅读 · 3 评论 -
html的基本标签汇总
<html><head><!-- <base href="http://www.w3school.com.cn/i/" /> --><basefont color="red" size="5" /><base target="_blank" />&am原创 2018-10-15 20:05:48 · 350 阅读 · 0 评论 -
js语法学习
<!DOCTYPE html><html><head><!-- head中的js --><script src="jsfile.js">function changeImage(){element=document.getElementById('myimage')if (element.src.match("me&quo原创 2018-10-22 11:18:29 · 260 阅读 · 0 评论 -
iframe跨域问题以及优缺点
原文链接：http://caibaojian.com/x-frame-options.htmlX-Frame-Options是什么？X-Frame-Options是一个HTTP标头（header），用来告诉浏览器这个网页是否可以放在iFrame内。例如：·X-Frame-Options: DENYX-Frame-Options: SAMEORIGINX-Frame-Options:...转载 2018-12-11 15:17:16 · 1662 阅读 · 0 评论 -
记一次解决谷歌浏览器Google Chrome Helper占用过高cpu问题
1. 问题现象有时候发现mac风扇响的厉害，于是我检查了mac系统的活动监视器，发现Google Chrome Helper占用99%的CPU。通常来说Chrome如果占用过高的内存，这并不是什么问题，毕竟Chrome的性能以及易用性是建立在占用很多内存的基础上的。但是无论什么程序，持续的占用超过80%的cpu，都是极不正常的。大多数程序都是占用维持在低于10%的CPU。活动监视器指出...转载 2019-01-03 10:52:37 · 22292 阅读 · 0 评论 -
Dumb组件和Smart组件 区别与作用
Dumb组件：在react中，只会接收props，根据props进行渲染的组件称为Dumb组件。 Dumb组件不依赖除了React.js和Dumb组件以外的内容，Dumb组件是最纯粹的，可复用性最好的组件。Smart组件：单靠Dumb组件无法构建应该程序，因为它们除props外，不依赖其他外部的内容，因而无法获取数据。这就需要另一种组件，它们非常“聪明...转载 2019-01-14 15:42:50 · 3405 阅读 · 0 评论 -
总结的一些web前端知识
比较凌乱，主要是学习时，都是遇到问题才看的，没有像学生看书一样那么系统，请见谅。 http基础知识，html/css/js，jquery+bootstrap之类的快速构建，设计模式思想，框架思想如reactjs/angular/vue.js,前端工程化，包括代码规范，模块化(CommonJS,AMD,UMD,ES2015 Moudle)，css模块化（主要是SASS,LESS的mixin)...原创 2019-01-28 18:45:35 · 210 阅读 · 0 评论 -
props的介绍
一、什么是属性React官方文档上对于属性的介绍如下：React 里有一个非常常用的模式就是对组件做一层抽象。组件对外公开一个简单的属性（Props）来实现功能，但内部细节可能有非常复杂的实现。React中的每一个组件，都包含有一个属性（props），属性主要是从父组件传递给子组件的，在组件内部，我们可以通过this.props获取属性对象二、属性的使用方法react中主要有下面三种...转载 2019-02-27 17:30:07 · 1998 阅读 · 0 评论 -
如何通俗易懂地解释React生命周期方法？
什么是生命周期方法？新的 React16+ 生命周期方法是怎样的？你该如何直观地理解它们，以及为什么它们很有用？生命周期方法到底是什么？React 组件都有自己的阶段。如果要你“构建一个 Hello World 组件”，我相信你会这么做：class HelloWorld extends React.Component { render() { return &...转载 2019-02-12 17:01:58 · 386 阅读 · 0 评论 -
JS几种数组遍历方式总结
JS数组遍历，基本就是for,forin,foreach,forof,map等等一些方法，以下介绍几种本文分析用到的数组遍历方式以及进行性能分析对比第一种:普通for循环代码如下: for(j = 0; j < arr.length; j++) { } 简要说明: 最简单的一种，也是使用频率最高的一种，虽然性能不弱，但仍有优化空间第二种:优化版for循...原创 2019-02-19 14:31:03 · 584 阅读 · 0 评论 -
安装及运行 http-server 简易node服务器
我们一般本地开发，都是直接用vs code编译打开本地浏览器查看效果，用http-server ，可以访问build打包之后的dist文件。build之后的dist文件只有放在服务器上才能查看，但本地如何查看呢，我们可以利用node.js中的 http-server 的插件，搭建一个简易node服务器。1、全局安装 http-server（建议的），可以用下面三个命令中的其中一个国外np...原创 2019-05-16 17:49:26 · 654 阅读 · 0 评论 -
React + Dva + Antd + Umi 快速入门
最近一个项目用了React + Dva + Antd +Umi技术栈，现处于慢慢摸索过程中，分享出来与大家共同学习进步。基础框架概念先知道React前端三大框架之一。Dva由阿里架构师 sorrycc 带领 team 完成的一套前端框架，在作者的 github 里是这么描述它的：”dva 是 react 和 redux 的最佳实践”。Antd是阿里的一套开箱即用的中台前端/设计...转载 2019-05-22 15:49:38 · 733 阅读 · 0 评论 -
React、React.js、React Native的区别
React：React 是基础框架，是一套基础设计实现理念，开发者不能直接使用它来开发移动应用或者网页。React.js:在React框架之上，发展出了React.js 框架来开发网页。React Native：在React框架之上，发展出来React Native 用来开发移动应用。ps：因为React 基础框架与React.js框架是同时出现、同时进化发展的...转载 2019-05-22 16:52:00 · 1932 阅读 · 0 评论 -
Session 与 Token 的区别
1. 为什么要有session的出现？答：是由于网络中http协议造成的，因为http本身是无状态协议，这样，无法确定你的本次请求和上次请求是不是你发送的。如果要进行类似论坛登陆相关的操作，就实现不了了。2. session生成方式？答：浏览器第一次访问服务器，服务器会创建一个session，然后同时为该session生成一个唯一的会话的key,也就是sessionid，然后，将sessi...转载 2019-06-17 17:02:44 · 279 阅读 · 0 评论 -
react中props传递
在开发过程中，经常会遇到父组件和子组件之间相互通信，React子组件和父组件通信包括以下几个方面：1，子组件调用父组件的方法（1）子组件要拿到父组件的属性，需要通过this.props方法。（2）同样地，如果子组件想要调用父组件的方法，只需父组件把要被调用的方法以属性的方式放在子组件上，子组件内部便可以通过“this.props.被调用的方法”这样的方式来获取父组件传过来的方法。...原创 2019-06-26 15:27:04 · 1475 阅读 · 0 评论 -
虚拟DOM介绍
近一年业务项目中都在使用React框架，也出现了一些以前没怎么关注过的新概念，例如虚拟DOM。虚拟DOM本身不是什么新鲜事物，网上随便一搜，早在2015年就有人详细介绍过了，但我只知道它速度快，效率高，对原理一无所知，最近抽空学习了一下。参考资料如下：为什么需要虚拟DOM 实现虚拟DOM Diff算法 映射成真实DOM为什么需要虚拟DOM先介绍浏览器加载一个HTML文件需要做哪...转载 2018-10-11 10:23:04 · 320 阅读 · 0 评论