摘要：
概念 变量是一个用于保存任意值的命名占位符。 共通 定义多个变量，逗号隔开 var message="hi",found=false,age="29"; 声明与赋值 var和let允许先声明后赋值；const不允许，它声明变量时必须同时初始化变量。 var message; //undifined
阅读全文
posted @ 2021-02-03 21:19
sanhuamao
阅读(235)
推荐(0)
摘要：
执行上下文 变量或函数的上下文决定了它们可以访问那些数据以及它们的行为。下面是一个例子： let first='box' function change(){ let second='bottle' function swap(){ let third=second second=first fir
阅读全文
posted @ 2021-02-03 20:51
sanhuamao
阅读(178)
推荐(0)
摘要：
原始值与引用值 ECMAScript变量包含两种类型：原始值和引用值。 动态属性：引用值可以随时添加、修改和删除其属下和方法；原始值不行 //引用值：将创建的对象赋值给person变量;给该对象添加了一个name属性 let person=new Object() person.name='小明'
阅读全文
posted @ 2021-02-03 20:24
sanhuamao
阅读(131)
推荐(0)
摘要：
参考：https://juejin.cn/post/6844903655108280328 效果 BetterScroll //安装 npm install better-scroll --save //导入 import Bscroll from "better-scroll"; 滚动原理：需要一
阅读全文
posted @ 2021-01-26 19:40
sanhuamao
阅读(231)
推荐(0)
摘要：
《JavaScript高级程序设计-第四版》笔记 循环结构 For 先测试后执行。 for (初始化;条件表达式;循环后表达式) {循环体} for(let i=0;i<10;i++){ console.log(i) } //【解析】当i=9，满足i<10，执行循环体，再执行i++。接着i=10，i
阅读全文
posted @ 2021-01-06 12:59
sanhuamao
阅读(114)
推荐(0)
摘要：
《JavaScript高级程序设计-第四版》笔记 前言 操作符用于操作数据值，可用于字符串、数值、布尔值甚至是对象。包括一元操作符、位操作符、布尔操作符、乘性操作符、指数操作符、加性操作符、关系操作符、相等操作符、条件操作符、赋值操作符、逗号操作符 一元操作符 只操作一个值的操作符称为一元操作符。
阅读全文
posted @ 2021-01-04 15:20
sanhuamao
阅读(169)
推荐(0)
摘要：
问题 最近在做一个新建与编辑群组的功能。 这期间碰到了一些问题，总结一下： 新建群组时，在当前页选中条目后，跳转下一页后数据会清空。 编辑群组时，表格的默认不会自动勾选已有的成员。 关闭右侧标签时如何做到与表格数据同步？ 1.切页时数据清空问题 通过row-key标记行；通过reserve-sele
阅读全文
posted @ 2020-12-03 22:34
sanhuamao
阅读(452)
推荐(0)
摘要：
需求 批量上传头像，且头像能上传到对应的人员信息上 上传限制 不是立刻上传 修改默认样式 因为觉得element组件的el-upload有点复杂，所以这里使用原始的input标签。不过通常需要换掉原始样式，只需给input添加一条style="display:none"，接着用具有其他样式的元素包裹
阅读全文
posted @ 2020-12-01 15:01
sanhuamao
阅读(1373)
推荐(0)
摘要：
一、数组转字符串 arr.join("指定符号")：用指定符号把数组元素连接起来，返回连接好的字符串 let arr=[1,2,3,4] arr.join(',') // "1,2,3,4" arr.join('-') // "1-2-3-4" 二、字符串转数组 多个元素 str.split(分隔符
阅读全文
posted @ 2020-11-10 12:04
sanhuamao
阅读(8565)
推荐(0)
摘要：
虚拟DOM 如果对DOM节点进行修改操作，一般情况下，每次修改都会直接操作DOM树。而React的虚拟DOM技术不一样，它会对比开始状态与最后的状态，当状态一致时，便不会对DOM树进行操作。最后的渲染结果是有diff算法控制的，React只对真正有改变的节点进行渲染。 搭建开发环境 **方式一：**
阅读全文
posted @ 2020-11-08 11:25
sanhuamao
阅读(134)
推荐(0)
摘要：
一、基本用法 npm install --save react-router 路由器Router就是React的一个组件 import { Router } from 'react-router'; render(<Router/>, document.getElementById('app'));
阅读全文
posted @ 2020-11-08 11:23
sanhuamao
阅读(115)
推荐(0)
摘要：
想实现的效果 动态渲染的表格，点击“+”上传图片,把临时的图片链接temUrl渲染上去： 问题描述 manageTableData的数据结构：原本没有temUrl键值 一开始我选择用插槽来动态渲染图片的临时链接： 想调用函数把temUrl加进manageTableData去，来实现动态绑定，发现ma
阅读全文
posted @ 2020-11-07 13:23
sanhuamao
阅读(2208)
推荐(0)
摘要：
参考文章：https://segmentfault.com/a/1190000019487630 组件特点 自定义文本 自定义提醒图标 自定义过渡时间 自定义位置 显示隐藏过渡 目录结构 /toast.vue <template> <!-- 一个显示隐藏过渡 --> <transition name
阅读全文
posted @ 2020-11-06 16:00
sanhuamao
阅读(941)
推荐(0)
摘要：
仿写一个日历组件，有些粗糙，需要优化的地方欢迎提出！ 参考文章： https://www.jianshu.com/p/67acaaf7d2f7 https://blog.csdn.net/zxb89757/article/details/103579415?ops_request_misc=%257
阅读全文
posted @ 2020-10-26 13:31
sanhuamao
阅读(3906)
推荐(0)
摘要：
计算机语言 学习什么类型的语言？——高级语言 机器语言——>汇编语言——>高级语言 语言类型 - 面向过程语言 - 面向对象语言 十种编程语言 - Java:跨平台，企业级Web应用和移动应用 - C:面向过程（命令式） - C++:多重编程范式 - C#:面向对象，运行于.NET - Object
阅读全文
posted @ 2020-10-24 15:53
sanhuamao
阅读(208)
推荐(0)
摘要：
程序设计面向的问题 许多常见问题通过软件解决了。 而比如打印九九乘法表、图形变换、文件压缩、求和问题、排序问题、数列问题等这种小问题，用程序解决。一切可计算问题都可以用程序解决 程序设计的五个步骤 确定问题可计算； 建立问题的数学模型； 设计算法和数据结构； 选择合适的计算机语言编写程序； 调试运行
阅读全文
posted @ 2020-10-24 14:29
sanhuamao
阅读(265)
推荐(0)
摘要：
七、确保Web安全的HTTPS HTTP的缺点 通信使用明文会被窃听 问题：TCP/IP是可能被窃听的网络 无论哪个地方的服务器在和客户端在通信，都有可能在某个环节中遭到恶意窥视。即使通信过程加密了，通信内容也会被窥视到，只是说通过加密可以让人无法破解报文信息的含义。 窃听相同段上的通信只需要收集在
阅读全文
posted @ 2020-10-18 17:31
sanhuamao
阅读(437)
推荐(0)
摘要：
一、了解web及网络基础 1.1 使用HTTP访问web 根据Web浏览器地址栏中指定的URL，Web浏览器从Web服务器端获取文件资源（resource）等信息，从而显示出Web页面。Web使用HTTP（HyperText Transfer Protocol，超文本传输协议）协议作为规范，完成从客
阅读全文
posted @ 2020-10-13 23:46
sanhuamao
阅读(348)
推荐(0)
摘要：
笔记，参考《React.js实战》 组件中变量应不应该作为组件state，可通过下面的4条依据进行判断： 这个变量是否是通过Props从父组件中获取？如果是，那么它不是一个状态。· 这个变量是否在组件的整个生命周期中都保持不变？如果是，那么它不是一个状态。 这个变量是否可以通过其他状态（state）
阅读全文
posted @ 2020-10-08 13:46
sanhuamao
阅读(600)
推荐(0)
摘要：
笔记，参考程墨老师的《深入浅出React和Redux》。阅读之前可以先了解flux框架 Redux框架 Redux原则 Flux的基本原则是“单向数据流”, Redux在此基础上强调三个基本原则： 唯一数据源 唯一数据源指的是应用的状态数据应该只存储在唯一的一个Store上。这个唯一Store上的状
阅读全文
posted @ 2020-10-06 15:35
sanhuamao
阅读(9803)
推荐(0)
摘要：
笔记，参考程墨老师的《深入浅出React和Redux》 Flux概念 Dispatcher，处理动作分发，维持Store之间的依赖关系 Store，负责存储数据和处理数据相关逻辑 Action，提供给Dispatcher，传递数据给Store View，视图部分，负责显示用户界面 首先会产生一个事件
阅读全文
posted @ 2020-10-03 11:39
sanhuamao
阅读(1025)
推荐(0)
摘要：
什么是高阶组件 高阶组件（HOC）是 React 中用于复用组件逻辑的一种技巧，让它重复的逻辑在许多组件中得到共享。简单的说，高阶组件是一个以组件作为参数，并返回新组件的函数。 //其中WrapedComponent是包裹后的组件，wrapedComponent是高阶组件（函数），RawCompon
阅读全文
posted @ 2020-09-28 13:38
sanhuamao
阅读(585)
推荐(0)
摘要：
Refs获取DOM对象 ref以字符串形式出现，通过this.refs获取 class Counter extends React.Component{ state={count:0} add=()=>{this.refs.info.textContent=++this.state.count} /
阅读全文
posted @ 2020-09-28 01:13
sanhuamao
阅读(502)
推荐(0)
摘要：
前言：做笔记，参考：react文档，文章涉及的示例：https://sanhuamao1.coding.net/public/note/myapp/git/files/13Error-Boundaries 错误边界 错误边界是一种 React 组件，可以捕获并打印发生在其子组件树任何位置的 Java
阅读全文
posted @ 2020-09-26 21:16
sanhuamao
阅读(678)
推荐(0)
摘要：
花了一天时间做了这个皮肤，单纯记录一下。用了各种布局（弹性浮动网格定位），当做是复习了！除了用头像之外好像没什么特别。注释有点乱啊感觉时间花费的最多的也就是配色了（-.-），皮肤嘛，最重要的就是看着开心。其中自动生成目录的功能是在网上找到。这里用到了自定义属性，方便一键更改主题~代码涉及到的css知
阅读全文
posted @ 2020-09-26 13:23
sanhuamao
阅读(216)
推荐(0)
摘要：
参照react官方文档，文章用于笔记整理。 Context是什么？ 在react应用中，数据总是通过 props 自上而下进行传递。 这种做法对于某些类型的属性而言是极其繁琐的（例如：地区偏好，UI 主题）。Context 可以共享对于一个组件树而言是“全局”的数据。这样就不必显式地通过组件树的逐层
阅读全文
posted @ 2020-09-24 20:50
sanhuamao
阅读(970)
推荐(0)
摘要：
参照react官方文档与书籍程墨的《深入浅出React和Redux》，文章用于笔记整理。 初始化React项目 React技术依赖于一个很庞大的技术栈，比如，转译JavaScript代码需要使用Babel，模块打包工具又要使用Webpack……这些技术栈都需要各自的配置文件。现在通过create-r
阅读全文
posted @ 2020-09-24 11:05
sanhuamao
阅读(318)
推荐(0)
摘要：
前言：所有内容与示例源码源于基思·J·格兰特的《深入解析css》，文章用于笔记整理。文章示例源码仓库；书籍源码仓库 引言：一个网站，从看起来还可以，到看起来非常棒，差别在于细节。要实现这些细节，CSS中那些需要艺术创意的部分就派上用场了。 一、渐变 也许你已经了解过纯色背景和一些背景图片的使用方法，
阅读全文
posted @ 2020-09-19 12:37
sanhuamao
阅读(346)
推荐(0)
摘要：
前言：所有内容与示例源码源于基思·J·格兰特的《深入解析css》，文章用于笔记整理。文章示例源码仓库；书籍源码仓库 引入 掌握浏览器如何渲染CSS很重要，了解如何在项目中编写和组织CSS也很重要。组织CSS代码使其更易于理解和维护。 模块化CSS（Modular CSS）是指把页面分割成不同的组成部
阅读全文
posted @ 2020-09-18 14:24
sanhuamao
阅读(959)
推荐(1)
摘要：
前言：所有内容与示例源码源于基思·J·格兰特的《深入解析css》，文章用于笔记整理。源码仓库 一、浮动布局 引入 浮动元素会被移出正常文档流，文档流会重新排列并包围浮动元素。这种布局在报纸和杂志中很常见。 容器折叠 浮动元素的高度不会加到父元素上。所以当子元素的高度比父元素大时，父元素不会撑开。解决
阅读全文
posted @ 2020-09-16 20:14
sanhuamao
阅读(593)
推荐(0)
摘要：
前言 原本是想根据后台返回数据渲染表格，但发现结构不允许。如下： var res={ "data": { "statistic": [ { "time_begin": "2020-09-04", "time_end": "2020-09-11", "department": "营销", "dinne
阅读全文
posted @ 2020-09-11 19:24
sanhuamao
阅读(934)
推荐(0)
摘要：
**前言：**所有内容源于基思·J·格兰特的《深入解析css》 叠层 层叠指的就是这一系列规则。它决定了如何解决冲突。当声明冲突时，层叠会依据三种条件解决冲突： 样式表的来源：样式是从哪里来的，包括你的样式和浏览器默认样式等。 选择器优先级：哪些选择器比另一些选择器更重要。 源码顺序：样式在样式表里
阅读全文
posted @ 2020-09-08 16:16
sanhuamao
阅读(501)
推荐(0)
摘要：
电商项目 流程： 登陆—产品首页—产品站—产品详情 购物车—订单确认—订单支付—订单列表 业务员开发流程： 需求整理—熟悉ui设计稿—接口规范对接—搭建前端架构—微信/支付—线上部署 核心技术： Node环境安装 //安装后查看版本 $ node -v Git安装和配置 进行开发环境配置，必要时配置
阅读全文
posted @ 2020-09-05 18:53
sanhuamao
阅读(115)
推荐(0)
摘要：
前言 开发上线的不同阶段，需要不同的配置； 不同的跨域方式，配置不同； 打包的时候统一注入环境参数，统一管理环境，输出不同的版本包 在没有使用接口代理的情况下，可以为每种环境配置请求的baseURL： 配置 package.json "scripts": { "serve": "vue-cli-se
阅读全文
posted @ 2020-09-04 20:14
sanhuamao
阅读(163)
推荐(0)
摘要：
前言 跨域是浏览器为了安全而做出的限制策略。浏览器请求必须遵循同源策略：同域名、同端口、同协议。通常在本地开发的时候，域名、端口、协议难免会与服务端给定的不一样，所以前端跨域就显得非常重要。 CORS 服务端设置，前端直接调用。下面的信息表示只允许前端的该域名访问。 JSONP 可以自己封装，也可以
阅读全文
posted @ 2020-09-04 20:05
sanhuamao
阅读(421)
推荐(0)
摘要：
前提 创建一个vue项目 vue create mock 安装并引入axios npm install axios vue-axios --save-dev //main.js import axios from 'axios' import VueAxios from 'vue-axios' Vu
阅读全文
posted @ 2020-09-04 17:25
sanhuamao
阅读(1129)
推荐(0)
摘要：
cookie cookie是什么？ HTTP Cookie（也叫 Web Cookie 或浏览器 Cookie）是服务器发送到用户浏览器并保存在客户端的一小块数据，它会在浏览器下次向同一服务器再发起请求时被携带并发送到服务器上。通常，它用于告知服务端两个请求是否来自同一浏览器，如保持用户的登录状态。
阅读全文
posted @ 2020-09-04 10:48
sanhuamao
阅读(256)
推荐(0)
摘要：
原始模型 最初加载页面的方式——你为网站发送一个请求到服务器， 只要没有出错你将会获取资源并显示网页到你的电脑上。但问题是每次请求都要加载整个页面 AJAX模型 Ajax的全称是Asynchronous JavaScript And XML，即异步JavaScript和XML 通过使用诸如 XMLH
阅读全文
posted @ 2020-09-03 15:02
sanhuamao
阅读(1020)
推荐(0)
摘要：
Fetch API Fetch API提供了一个 JavaScript 接口，用于访问和操纵HTTP的请求和响应等。提供了一个全局 fetch() 方法来跨网络异步获取资源。 与AJAX的区别 Fetch 规范与 jQuery.ajax() 主要有三种方式的不同： 当接收到一个代表错误的 HTTP
阅读全文
posted @ 2020-09-03 13:14
sanhuamao
阅读(11855)
推荐(0)
摘要：
XMLHttpRequest XMLHttpRequest（XHR）是一个用于与服务器交互的对象，在AJAX编程中被大量使用。 它有如下特点： 可在不刷新页面的情况下请求特定 URL获取数据 可以用于获取任何类型的数据 支持 HTTP 以外的协议（包括 file:// 和 FTP） 如果您的通信流程
阅读全文
posted @ 2020-09-02 23:49
sanhuamao
阅读(1493)
推荐(0)
浙公网安备 33010602011771号