摘要：
1、交换变量的值 let x = 1; let y = 2; [x,y] = [y,x] 上面的代码交换变量x和变量y的值，这样的写法不仅简洁，易读，语义非常清晰 2、从函数返回多个值 函数只能返回一个值，如果要返回多个值，只能讲他们放在数组或者对象里返回。了解解构赋值，取值这些值非常方便 //返回
阅读全文
posted @ 2020-09-01 09:34
maxweber
阅读(527)
推荐(0)
摘要：
JS（原生js和jq方式）获取元素属性（自定义属性），删除属性（自定义属性） 以下内容： 一、获取元素的属性 二、设置元素的属性 三、删除元素的属性 一、获取元素的属性 1-原生JS 获取属性 .getAttribute("属性") 2-jquery 获取属性 .attr("属性") 示例代码 /*
阅读全文
posted @ 2020-09-01 09:30
maxweber
阅读(925)
推荐(0)
摘要：
yarn是Facebook发布的一款依赖管理工具，它比npm更快、更高效。 NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题。 一、yarn官方网站： 英文官网：https://yarnpkg.com/ 中文网站：http://yarnpkg.cn/zh-Hans
阅读全文
posted @ 2020-08-31 17:44
maxweber
阅读(356)
推荐(0)
摘要：
服务端渲染（SSR） 简述： 又称为后端渲染，服务器端在返回html之前，在html特定的区域特定的符号里用数据填充，再给客户端，客户端只负责解析HTML。 鼠标右击点击查看源码时，页面代码可以在源代码中看到。 性能消耗在服务器端，用户达到一定程度的时候，后端会考虑缓存 部分数据，避免消耗过多的资源
阅读全文
posted @ 2020-08-31 15:47
maxweber
阅读(196)
推荐(0)
摘要：
一、前言 C端项目重构成首屏服务端渲染（SSR：serve side render），对于重构成SSR，redux不是必须的。本文以vue为栗子的项目。 二、什么是服务端渲染 将组件或页面通过服务器生成html字符串，再发送到浏览器，最后将静态标记"混合"为客户端上完全交互的应用程序。 我以week
阅读全文
posted @ 2020-08-31 15:13
maxweber
阅读(163)
推荐(0)
摘要：
参考理解一： 提到前端往往很多人的映像就是入门简单,HTML、CSS加一起一个星期基本上就能大概上手,JS难一点但也能很快写一些简单的小效果,在网上随便一搜索各种特效代码随意用,一个新手前端也能在很短的时间里写出炫酷的页面效果,然而入门简单并不意味着前端这碗饭很好吃,做惯了切图、布局、扣特效的前端新
阅读全文
posted @ 2020-08-31 13:05
maxweber
阅读(900)
推荐(0)
摘要：
架构的目的是什么？答案是提升质量和效率。 一个项目组成分为 前端，服务端。传统的前端项目用三剑客 javascript html css 就传统的项目结构已经不能满足日益壮大的大型应用的需求了。现在前端的生态圈很繁荣，各种框架，组件的出现。让前端发展迅速，快速开发已经成为了前端的一个标准。如果你想构
阅读全文
posted @ 2020-08-31 12:53
maxweber
阅读(844)
推荐(0)
摘要：
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
阅读(110)
推荐(0)
摘要：
其实 HTML 页面中每个元素其实都是一个「盒子」，默认情况下这些盒子的边框不可见，背景也是透明的，所以我们不能直接的看到页面中盒子的结构，但是我们可以借助一些 Web Developer 工具条可以方便地显示盒子的边框和背景，让我们能很直观的看到这些盒子的结构。 每个盒子都有三组属性： 外边距(m
阅读全文
posted @ 2020-08-22 15:34
maxweber
阅读(334)
推荐(0)
摘要：
一、文件规范 1、文件均归档至约定的目录中 所有的CSS分为两大类：通用类和业务类。通用的CSS文件，放在如下目录中： 基本样式库 /css/core 通用UI元素样式库 /css/lib JS组件相关样式库 /css/ul 业务类的CSS是指和具体产品相关的文件，放在如下目录中： 读书 /css/
阅读全文
posted @ 2020-08-22 11:40
maxweber
阅读(316)
推荐(0)
摘要：
制作圆形： 要使用CSS来制作一个圆形，我们需要一个div，被给它设置一个ID <div id="circle"></div> 圆形在设置CSS时要设置宽度和高度相等，然后设置border-radius属性为宽度或高度的一半即可： #circle { width: 120px; height: 12
阅读全文
posted @ 2020-08-22 10:39
maxweber
阅读(109)
推荐(0)
摘要：
现如今前端框架数不胜数，尤其是angular、vue吸引一大批前端开发者，在这个高新技术快速崛起的时代，自然少不了各种框架的结合使用。接下来是介绍electron+vue的结合使用。 2.Electron是什么？？ 对于我来说Electron相当于一个浏览器的外壳，可以把网页程序嵌入到壳里面，可以运
阅读全文
posted @ 2020-08-21 18:25
maxweber
阅读(605)
推荐(0)
摘要：
nodejs的桌面应用（electron） 最近发现nodejs可以做桌面应用，主要是之前的同事在搞，我也要稍微研究下不能落后啊，基于nodejs的桌面应用，常用的就是nw.js和electron，nw出的比较早，资料比较多，bug也很多，它的前身是node-webkit文档可以参考nw.js，微信
阅读全文
posted @ 2020-08-21 18:11
maxweber
阅读(1127)
推荐(1)
摘要：
<%@ 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
阅读(236)
推荐(0)
摘要：
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
阅读(1981)
推荐(0)
摘要：
1. 说明 微信公众平台有4类账号：订阅号、服务号、企业号及小程序。 订阅号和服务号统称为公众号。 2. 区别 2.1 主要区别 订阅号的注册主体可以为个人，但现在已关闭个人认证。服务号的注册主体不能为个人。 表：主要区别 说明 订阅号 服务号 账号说明 偏于为用户传达资讯（类似报纸杂志） 偏于服务
阅读全文
posted @ 2020-08-03 07:54
maxweber
阅读(1570)
推荐(0)
摘要：
微信公众号开发，主要是移动端网页的页面开发，在这里推荐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
阅读(522)
推荐(0)
摘要：
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
阅读(316)
推荐(0)
摘要：
/* https://reactjs.org/docs/react-component.html React生命周期函数： 组件加载之前，组件加载完成，以及组件更新数据，组件销毁。 触发的一系列的方法 ，这就是组件的生命周期函数 组件加载的时候触发的函数： constructor 、componen
阅读全文
posted @ 2020-08-01 18:22
maxweber
阅读(133)
推荐(0)
摘要：
1.父组件Home.js /* react获取服务器APi接口的数据： react中没有提供专门的请求数据的模块。但是我们可以使用任何第三方请求数据模块实现请求数据 1、axios https://github.com/axios/axios axios的作者觉得jsonp不太友好，推荐用CORS方
阅读全文
posted @ 2020-08-01 18:17
maxweber
阅读(319)
推荐(0)
摘要：
1.父组件 Home.js /* React中的组件: 解决html 标签构建应用的不足。 使用组件的好处：把公共的功能单独抽离成一个文件作为一个组件，哪里里使用哪里引入。 父子组件：组件的相互调用中，我们把调用者称为父组件，被调用者称为子组件 父子组件传值（react 父子组件通信）： 父组件给子
阅读全文
posted @ 2020-08-01 18:13
maxweber
阅读(202)
推荐(0)
摘要：
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
阅读(328)
推荐(0)
摘要：
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
阅读(567)
推荐(0)
摘要：
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
阅读(94)
推荐(0)
摘要：
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
阅读(141)
推荐(0)
摘要：
import React, { Component } from 'react'; /* 约束性和非约束性组件: 非约束性组:<input type="text" defaultValue="a" /> 这个 defaultValue 其实就是原生DOM中的 value 属性。 这样写出的来的组件，
阅读全文
posted @ 2020-08-01 17:51
maxweber
阅读(191)
推荐(0)
摘要：
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
阅读(185)
推荐(0)
摘要：
/* 事件对象 、键盘事件、 表单事件 、ref获取dom节点、React实现类似vue双休数据绑定 事件对象:在触发DOM上的某个事件时,会产生一个事件对象event。这个对象中包含着所有与事件有关的信息 */ import React from 'react'; import '../asset
阅读全文
posted @ 2020-08-01 17:47
maxweber
阅读(430)
推荐(0)
摘要：
import React from 'react'; class List extends React.Component { constructor(props) { super(props); this.state = { username:'' }; } inputChange=()=>{ /
阅读全文
posted @ 2020-08-01 17:45
maxweber
阅读(140)
推荐(0)
摘要：
import React from 'react'; import '../assets/css/index.css'; class Home extends React.Component{ // 子类必须在constructor方法中调用super方法，否则新建实例时会报错。这是因为子类没有自己
阅读全文
posted @ 2020-08-01 17:43
maxweber
阅读(115)
推荐(0)
摘要：
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
阅读(308)
推荐(0)
摘要：
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
阅读(257)
推荐(0)
摘要：
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
阅读(122)
推荐(0)
摘要：
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
阅读(115)
推荐(0)
摘要：
什么是webpack? 他有什么优点？ 首先对于很多刚接触webpack人来说，肯定会问webpack是什么？它有什么优点？我们为什么要使用它？带着这些问题，我们来总结下如下： Webpack是前端一个工具，可以让各个模块进行加载，预处理，再进行打包，它能有Grunt或Gulp所有基本功能。优点如下
阅读全文
posted @ 2020-07-14 09:56
maxweber
阅读(205)
推荐(0)
摘要：
SVN简介： 为什么要使用SVN？ 程序员在编写程序的过程中，每个程序员都会生成很多不同的版本，这就需要程序员有效的管理代码，在需要的时候可以迅速，准确取出相应的版本。 Subversion是什么？ 它是一个自由/开源的版本控制系统，一组文件存放在中心版本库，记录每一次文件和目录的修改，Subver
阅读全文
posted @ 2020-07-14 09:55
maxweber
阅读(282)
推荐(0)
摘要：
一：Git是什么？ Git是目前世界上最先进的分布式版本控制系统。 二：SVN与Git的最主要的区别？ SVN是集中式版本控制系统，版本库是集中放在中央服务器的，而干活的时候，用的都是自己的电脑，所以首先要从中央服务器哪里得到最新的版本，然后干活，干完后，需要把自己做完的活推送到中央服务器。集中式版
阅读全文
posted @ 2020-07-14 09:53
maxweber
阅读(69)
推荐(0)
摘要：
一：nodejs进程进化及多进程架构原理 NodeJS是基于chrome浏览器的V8引擎构建的，它是单线程单进程模式，nodeJS的单线程指js的引擎只有一个实列。且是在主线程执行的，这样的优点是：可以减少线程间切换的开销。并且不用考虑锁和线程池的问题。 那么nodejs是单线程吗？如果严格的来讲，
阅读全文
posted @ 2020-07-14 09:50
maxweber
阅读(559)
推荐(0)
摘要：
Python的种类以及其执行过程 先说我的理解：python是一个先编译再解释型语言。python.exe(python解释器)先将源码编译成字节码(.pyc,不是二进制码), 然后通过解释器解释成机器文件(二进制)。所以说python是一种先编译后解释的语言 Cpython Python的官方版本
阅读全文
posted @ 2020-07-14 09:47
maxweber
阅读(302)
推荐(0)
摘要：
Javascript是一种解释型的动态语言。 在程序中，有编译型语言和解释型语言。那么什么是编译型语言，什么是解释型语言呢? 编译型语言: 它首先将源代码编译成机器语言，再由机器运行机器码(二进制)。 解释型语言: 相对于编译型语言而存在的，源代码不是直接编译为目标代码，而是将源代码翻译成中间代码，
阅读全文
posted @ 2020-07-14 09:45
maxweber
阅读(226)
推荐(0)
浙公网安备 33010602011771号