2020年9月1日
JS ES6的变量的结构赋值
摘要： 1、交换变量的值 let x = 1; let y = 2; [x,y] = [y,x] 上面的代码交换变量x和变量y的值，这样的写法不仅简洁，易读，语义非常清晰 2、从函数返回多个值 函数只能返回一个值，如果要返回多个值，只能讲他们放在数组或者对象里返回。了解解构赋值，取值这些值非常方便 //返回 阅读全文
posted @ 2020-09-01 09:34 maxweber 阅读(518) 评论(0) 推荐(0) 编辑
JS（原生js和jq方式）获取元素属性（自定义属性），删除属性（自定义属性）
摘要： JS（原生js和jq方式）获取元素属性（自定义属性），删除属性（自定义属性） 以下内容： 一、获取元素的属性 二、设置元素的属性 三、删除元素的属性 一、获取元素的属性 1-原生JS 获取属性 .getAttribute("属性") 2-jquery 获取属性 .attr("属性") 示例代码 /* 阅读全文
posted @ 2020-09-01 09:30 maxweber 阅读(773) 评论(0) 推荐(0) 编辑
2020年8月31日
node的包管理工具：yarn和npm
摘要： yarn是Facebook发布的一款依赖管理工具，它比npm更快、更高效。 NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题。 一、yarn官方网站： 英文官网：https://yarnpkg.com/ 中文网站：http://yarnpkg.cn/zh-Hans 阅读全文
posted @ 2020-08-31 17:44 maxweber 阅读(279) 评论(0) 推荐(0) 编辑
服务端渲染和客户端渲染
摘要： 服务端渲染（SSR） 简述： 又称为后端渲染，服务器端在返回html之前，在html特定的区域特定的符号里用数据填充，再给客户端，客户端只负责解析HTML。 鼠标右击点击查看源码时，页面代码可以在源代码中看到。 性能消耗在服务器端，用户达到一定程度的时候，后端会考虑缓存 部分数据，避免消耗过多的资源 阅读全文
posted @ 2020-08-31 15:47 maxweber 阅读(183) 评论(0) 推荐(0) 编辑
浅析SSR(服务端渲染)和SPA(客户端渲染)浅析SSR(服务端渲染)和SPA(客户端渲染)
摘要： 一、前言 C端项目重构成首屏服务端渲染（SSR：serve side render），对于重构成SSR，redux不是必须的。本文以vue为栗子的项目。 二、什么是服务端渲染 将组件或页面通过服务器生成html字符串，再发送到浏览器，最后将静态标记"混合"为客户端上完全交互的应用程序。 我以week 阅读全文
posted @ 2020-08-31 15:13 maxweber 阅读(124) 评论(0) 推荐(0) 编辑
对前端工程化、模块化、组件化开发的理解
摘要： 参考理解一： 提到前端往往很多人的映像就是入门简单,HTML、CSS加一起一个星期基本上就能大概上手,JS难一点但也能很快写一些简单的小效果,在网上随便一搜索各种特效代码随意用,一个新手前端也能在很短的时间里写出炫酷的页面效果,然而入门简单并不意味着前端这碗饭很好吃,做惯了切图、布局、扣特效的前端新 阅读全文
posted @ 2020-08-31 13:05 maxweber 阅读(784) 评论(0) 推荐(0) 编辑
浅谈前端架构的工程化、模块化、组件化、规范化
摘要： 架构的目的是什么？答案是提升质量和效率。 一个项目组成分为 前端，服务端。传统的前端项目用三剑客 javascript html css 就传统的项目结构已经不能满足日益壮大的大型应用的需求了。现在前端的生态圈很繁荣，各种框架，组件的出现。让前端发展迅速，快速开发已经成为了前端的一个标准。如果你想构 阅读全文
posted @ 2020-08-31 12:53 maxweber 阅读(708) 评论(0) 推荐(0) 编辑
2020年8月22日
CSS优化技巧
摘要： 1.用boby{margin:0,padding:0)消除不同浏览器的差异。 2.值使用em,百分比,少用px 3.设置box-sizing:border-box *{ margin: 0; padding: 0; box-sizing: border-box; } 阅读全文
posted @ 2020-08-22 17:46 maxweber 阅读(107) 评论(0) 推荐(0) 编辑
CSS盒子模型
摘要： 其实 HTML 页面中每个元素其实都是一个「盒子」，默认情况下这些盒子的边框不可见，背景也是透明的，所以我们不能直接的看到页面中盒子的结构，但是我们可以借助一些 Web Developer 工具条可以方便地显示盒子的边框和背景，让我们能很直观的看到这些盒子的结构。 每个盒子都有三组属性： 外边距(m 阅读全文
posted @ 2020-08-22 15:34 maxweber 阅读(311) 评论(0) 推荐(0) 编辑
css规范大全
摘要： 一、文件规范 1、文件均归档至约定的目录中 所有的CSS分为两大类：通用类和业务类。通用的CSS文件，放在如下目录中： 基本样式库 /css/core 通用UI元素样式库 /css/lib JS组件相关样式库 /css/ul 业务类的CSS是指和具体产品相关的文件，放在如下目录中： 读书 /css/ 阅读全文
posted @ 2020-08-22 11:40 maxweber 阅读(263) 评论(0) 推荐(0) 编辑
CSS3制作各种形状图像
摘要： 制作圆形： 要使用CSS来制作一个圆形，我们需要一个div，被给它设置一个ID <div id="circle"></div> 圆形在设置CSS时要设置宽度和高度相等，然后设置border-radius属性为宽度或高度的一半即可： #circle { width: 120px; height: 12 阅读全文
posted @ 2020-08-22 10:39 maxweber 阅读(98) 评论(0) 推荐(0) 编辑
2020年8月21日
Electron+vue的使用
摘要： 现如今前端框架数不胜数，尤其是angular、vue吸引一大批前端开发者，在这个高新技术快速崛起的时代，自然少不了各种框架的结合使用。接下来是介绍electron+vue的结合使用。 2.Electron是什么？？ 对于我来说Electron相当于一个浏览器的外壳，可以把网页程序嵌入到壳里面，可以运 阅读全文
posted @ 2020-08-21 18:25 maxweber 阅读(563) 评论(0) 推荐(0) 编辑
nodejs的桌面应用（electron）
摘要： nodejs的桌面应用（electron） 最近发现nodejs可以做桌面应用，主要是之前的同事在搞，我也要稍微研究下不能落后啊，基于nodejs的桌面应用，常用的就是nw.js和electron，nw出的比较早，资料比较多，bug也很多，它的前身是node-webkit文档可以参考nw.js，微信 阅读全文
posted @ 2020-08-21 18:11 maxweber 阅读(862) 评论(0) 推荐(1) 编辑
2020年8月6日
jquery 关于ajax 及其son后端JAVA实现
摘要： <%@ page language="java" pageEncoding="UTF-8"%> <%@include file="/commons/include/html_doctype.html"%> <%@taglib prefix="c" uri="http://java.sun.com/j 阅读全文
posted @ 2020-08-06 10:11 maxweber 阅读(233) 评论(0) 推荐(0) 编辑
通过Axios实现前后端数据交互
摘要： 1.前段Html <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script src="/js/jquery.js" ></script> <script type="text/javascript" 阅读全文
posted @ 2020-08-06 10:07 maxweber 阅读(1912) 评论(0) 推荐(0) 编辑
2020年8月3日
微信公众号 订阅号与服务号的区别
摘要： 1. 说明 微信公众平台有4类账号：订阅号、服务号、企业号及小程序。 订阅号和服务号统称为公众号。 2. 区别 2.1 主要区别 订阅号的注册主体可以为个人，但现在已关闭个人认证。服务号的注册主体不能为个人。 表：主要区别 说明 订阅号 服务号 账号说明 偏于为用户传达资讯（类似报纸杂志） 偏于服务 阅读全文
posted @ 2020-08-03 07:54 maxweber 阅读(1441) 评论(0) 推荐(0) 编辑
2020年8月2日
微信公众号UI
摘要： 微信公众号开发，主要是移动端网页的页面开发，在这里推荐3个移动端UI框架：WeUI、SUI和Mint UI。 1. WeUI 1.1 WeUI WeUI是微信官方设计团队为微信 Web 开发量身设计，可以令用户在HTML5应用中的使用感知更加统一。 组件包含button、cell、dialog、 p 阅读全文
posted @ 2020-08-02 21:10 maxweber 阅读(428) 评论(0) 推荐(0) 编辑
2020年8月1日
React之生命周期加载数据
摘要： import React, { Component } from 'react'; import axios from 'axios'; class Axios extends Component { constructor(props) { super(props); this.state = { 阅读全文
posted @ 2020-08-01 18:23 maxweber 阅读(311) 评论(0) 推荐(0) 编辑
React之生命周期
摘要： /* https://reactjs.org/docs/react-component.html React生命周期函数： 组件加载之前，组件加载完成，以及组件更新数据，组件销毁。 触发的一系列的方法 ，这就是组件的生命周期函数 组件加载的时候触发的函数： constructor 、componen 阅读全文
posted @ 2020-08-01 18:22 maxweber 阅读(128) 评论(0) 推荐(0) 编辑
React之网络数据请求Axios和fetch-jsonp
摘要： 1.父组件Home.js /* react获取服务器APi接口的数据： react中没有提供专门的请求数据的模块。但是我们可以使用任何第三方请求数据模块实现请求数据 1、axios https://github.com/axios/axios axios的作者觉得jsonp不太友好，推荐用CORS方 阅读全文
posted @ 2020-08-01 18:17 maxweber 阅读(307) 评论(0) 推荐(0) 编辑
React之defaultProps与propTypes
摘要： 1.父组件 Home.js /* React中的组件: 解决html 标签构建应用的不足。 使用组件的好处：把公共的功能单独抽离成一个文件作为一个组件，哪里里使用哪里引入。 父子组件：组件的相互调用中，我们把调用者称为父组件，被调用者称为子组件 父子组件传值（react 父子组件通信）： 父组件给子 阅读全文
posted @ 2020-08-01 18:13 maxweber 阅读(198) 评论(0) 推荐(0) 编辑
React之父子组件传值
摘要： 1.Header.jsimport React, { Component } from 'react'; class Header extends Component{ constructor(props){ super(props); //国定写法 this.state={ msg:'这是一个头部 阅读全文
posted @ 2020-08-01 18:09 maxweber 阅读(321) 评论(0) 推荐(0) 编辑
React之storage
摘要： storage.js var storage={ set(key,value){ localStorage.setItem(key,JSON.stringify(value)); }, get(key){ return JSON.parse(localStorage.getItem(key)); } 阅读全文
posted @ 2020-08-01 17:59 maxweber 阅读(553) 评论(0) 推荐(0) 编辑
React之todolist
摘要： import React,{Component} from 'react'; import '../assets/css/index.css'; class Todolist extends Component { constructor(props) { super(props); this.st 阅读全文
posted @ 2020-08-01 17:56 maxweber 阅读(92) 评论(0) 推荐(0) 编辑
React之表单
摘要： import React, { Component } from 'react'; class ReactForm extends Component { constructor(props) { super(props); this.state = { msg:"react表单", name:'' 阅读全文
posted @ 2020-08-01 17:52 maxweber 阅读(137) 评论(0) 推荐(0) 编辑
React之约束性和非约束性组件
摘要： import React, { Component } from 'react'; /* 约束性和非约束性组件: 非约束性组:<input type="text" defaultValue="a" /> 这个 defaultValue 其实就是原生DOM中的 value 属性。 这样写出的来的组件， 阅读全文
posted @ 2020-08-01 17:51 maxweber 阅读(177) 评论(0) 推荐(0) 编辑
React之双向数据绑定
摘要： import React,{Component} from 'react'; class Todolist extends Component { constructor(props) { super(props); this.state = { username:"111" }; } inputC 阅读全文
posted @ 2020-08-01 17:48 maxweber 阅读(181) 评论(0) 推荐(0) 编辑
React之事件对象
摘要： /* 事件对象 、键盘事件、 表单事件 、ref获取dom节点、React实现类似vue双休数据绑定 事件对象:在触发DOM上的某个事件时,会产生一个事件对象event。这个对象中包含着所有与事件有关的信息 */ import React from 'react'; import '../asset 阅读全文
posted @ 2020-08-01 17:47 maxweber 阅读(425) 评论(0) 推荐(0) 编辑
React之ref
摘要： import React from 'react'; class List extends React.Component { constructor(props) { super(props); this.state = { username:'' }; } inputChange=()=>{ / 阅读全文
posted @ 2020-08-01 17:45 maxweber 阅读(134) 评论(0) 推荐(0) 编辑
React之this绑定
摘要： import React from 'react'; import '../assets/css/index.css'; class Home extends React.Component{ // 子类必须在constructor方法中调用super方法，否则新建实例时会报错。这是因为子类没有自己 阅读全文
posted @ 2020-08-01 17:43 maxweber 阅读(112) 评论(0) 推荐(0) 编辑
React之填充数据
摘要： import React from 'react'; import '../assets/css/index.css'; import logo from '../assets/images/1.jpg'; class News extends React.Component{ constructo 阅读全文
posted @ 2020-08-01 17:41 maxweber 阅读(305) 评论(0) 推荐(0) 编辑
React之绑定属性
摘要： import React from 'react'; import '../assets/css/index.css'; /* react绑定属性注意： class要换成className for要换成 htmlFor style: <div style={{"color":'red'}}>我是一个 阅读全文
posted @ 2020-08-01 17:39 maxweber 阅读(252) 评论(0) 推荐(0) 编辑
React之state
摘要： import React, { Component } from 'react'; class Home extends Component{ constructor(){ super(); //react定义数据 this.state={ name:"dyt", age:'30', userinf 阅读全文
posted @ 2020-08-01 17:36 maxweber 阅读(119) 评论(0) 推荐(0) 编辑
React技术栈
摘要： 1.网络数据请求 cnpm install axios --save cnpm install fetch-jsonp --save 2.路由 cnpm install react-router-dom --save reudx cnpm install --save redux cnpm inst 阅读全文
posted @ 2020-08-01 17:27 maxweber 阅读(109) 评论(0) 推荐(0) 编辑
2020年7月14日
webpack实战
摘要： 什么是webpack? 他有什么优点？ 首先对于很多刚接触webpack人来说，肯定会问webpack是什么？它有什么优点？我们为什么要使用它？带着这些问题，我们来总结下如下： Webpack是前端一个工具，可以让各个模块进行加载，预处理，再进行打包，它能有Grunt或Gulp所有基本功能。优点如下 阅读全文
posted @ 2020-07-14 09:56 maxweber 阅读(198) 评论(0) 推荐(0) 编辑
SVN使用教程总结
摘要： SVN简介： 为什么要使用SVN？ 程序员在编写程序的过程中，每个程序员都会生成很多不同的版本，这就需要程序员有效的管理代码，在需要的时候可以迅速，准确取出相应的版本。 Subversion是什么？ 它是一个自由/开源的版本控制系统，一组文件存放在中心版本库，记录每一次文件和目录的修改，Subver 阅读全文
posted @ 2020-07-14 09:55 maxweber 阅读(273) 评论(0) 推荐(0) 编辑
Git使用教程
摘要： 一：Git是什么？ Git是目前世界上最先进的分布式版本控制系统。 二：SVN与Git的最主要的区别？ SVN是集中式版本控制系统，版本库是集中放在中央服务器的，而干活的时候，用的都是自己的电脑，所以首先要从中央服务器哪里得到最新的版本，然后干活，干完后，需要把自己做完的活推送到中央服务器。集中式版 阅读全文
posted @ 2020-07-14 09:53 maxweber 阅读(64) 评论(0) 推荐(0) 编辑
浅谈NodeJS多进程服务架构基本原理
摘要： 一：nodejs进程进化及多进程架构原理 NodeJS是基于chrome浏览器的V8引擎构建的，它是单线程单进程模式，nodeJS的单线程指js的引擎只有一个实列。且是在主线程执行的，这样的优点是：可以减少线程间切换的开销。并且不用考虑锁和线程池的问题。 那么nodejs是单线程吗？如果严格的来讲， 阅读全文
posted @ 2020-07-14 09:50 maxweber 阅读(517) 评论(0) 推荐(0) 编辑
python-执行过程
摘要： Python的种类以及其执行过程 先说我的理解：python是一个先编译再解释型语言。python.exe(python解释器)先将源码编译成字节码(.pyc,不是二进制码), 然后通过解释器解释成机器文件(二进制)。所以说python是一种先编译后解释的语言 Cpython Python的官方版本 阅读全文
posted @ 2020-07-14 09:47 maxweber 阅读(255) 评论(0) 推荐(0) 编辑
理解Javascript执行过程
摘要： Javascript是一种解释型的动态语言。 在程序中，有编译型语言和解释型语言。那么什么是编译型语言，什么是解释型语言呢? 编译型语言: 它首先将源代码编译成机器语言，再由机器运行机器码(二进制)。 解释型语言: 相对于编译型语言而存在的，源代码不是直接编译为目标代码，而是将源代码翻译成中间代码， 阅读全文
posted @ 2020-07-14 09:45 maxweber 阅读(196) 评论(0) 推荐(0) 编辑