06 2020 档案
摘要:问题描述:有一个参数集合data,for循环为每一个参数生成一个dom元素,并附加onclick事件。生成之后发现点击事件里的参数全是data集合里的最后一个。 代码如下: var dom=$('#div_id'); for(var i=0;i<data.length;i++) { var chil
阅读全文
摘要:一、使用原生js或者jQuery实现一个列表数据展示页面,展示字段包括序号、项目名称、建设单位、建设日期、项目状态,并且根据不同的项目状态使整行显示不同颜色。 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Ti
阅读全文
摘要:目录 Vue渲染的两大基础方式 new 一个Vue的实例 注册组件并使用 注册组件 全局注册 局部注册 通过new创建Vue实例, 全局注册组件,局部注册组件三者的使用频率(场景) Vue中的props数据流 props取值的方式 props内写的是驼峰命名法,为什么在HTML(模板)中又用了短横线
阅读全文
摘要:C/S架构与初识socket 在开始socket介绍之前,得先知道一个Client端/服务端架构,也就是 C/S 架构,互联网中处处充满了 C/S 架构(Client/Server),比如我们需要玩英雄联盟,就必须连接至英雄联盟的服务器上,那么对于我们玩家来说它的英雄联盟服务器就是Server端,而
阅读全文
摘要:效果预览 解决方案 UI代码// 这段代码主要是遍历权限<el-form-item label="角色权限" prop="checkedPerms"> <el-checkbox-group v-model="form.checkedPerms"> <dl class="permission-list
阅读全文
摘要:Status-Code = "200" ; OK| "201" ; Created| "202" ; Accepted| "204" ; No Content| "301" ; Moved Permanently| "302" ; Moved Temporarily| "304" ; Not Mod
阅读全文
摘要:第一步当然还是安装了,这里只介绍npm的安装方法,别的请自行百度。 npm install vuex --save第二步就是调用,我在src文件夹简历了个store.js的文件,方便管理。然后在main.js里面引入 import store from "./store";new Vue({ sto
阅读全文
摘要:jquery知识结构 目前来说,jQuery可能已经不再处于人们的话题中心。人们讨论的更多的是Vue、Angular和React。但是,jQuery的使用量依然广泛,据统计,它仍然是目前使用率最高的javascript库。jQuery简化了javascript的复杂操作,不再需要关心兼容性,提供了大
阅读全文
摘要:前面的话 虽然jQuery已经日渐式微,但它里面的许多思想,如选择器、链式调用、方法函数化、取赋值合体等,有的已经变成了标准,有的一直影响到现在。所以,jQuery是一个伟大的前端框架。前端世界日新月异,由于实在是没有时间去精读源码,于是自己封装一个简易版本的jQuery,来梳理jQuery的核心思
阅读全文
摘要:前面的话 作为程序员,每天与电脑打交道的时间可能比家人还多。所以,掌握一些电脑常识,处理棘手问题是必备技能 删除文件 一些文件由于各种原因,无法直接删除。例如,我在卸载git时,安装目录下有一个git_shell_ext64.dll文件无法删除 解决办法是修改其后缀名,如git_shell_ext6
阅读全文
摘要:前面的话 在Web开发中,路由是指根据URL分配到对应的处理程序。对于大多数单页面应用,都推荐使用官方支持的vue-router。Vue-router通过管理URL,实现URL和组件的对应,以及通过URL进行组件之间的切换。本文将详细介绍Vue路由vue-router 安装 在使用vue-route
阅读全文
摘要:git在push/push to时需要使用到user.name和user.email,切记一定要现配置好查看user.name/user.email git config user.name git config user.email 查看所有配置信息git config --list配置user.
阅读全文
摘要:在Windows上安装Git: 在Windows上使用Git,可以从Git官网直接下载安装程序,(网速慢的同学请移步国内镜像),然后按默认选项安装即可。 安装完成后 键盘敲上:windows+r你会看到: 输入:cmd敲回车打开命令行窗口,然后输入:git 如果出现下面这些提示说明git已经安装成功
阅读全文
摘要:1 . 用户名和邮箱的作用 用户名和邮箱地址是本地git客户端的一个变量 . 用户每次提交代码都会记录用户名和邮箱 . 2 . 设置 2.1 设置用户名 git config --global user.name "username" 2.2 设置邮箱 (没有双引号) git config --gl
阅读全文
摘要:Vue.js(读音 /vjuː/, 类似于view)是一个构建数据驱动的 web 界面的库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。Vue.js 也能完美地驱动复杂的单页应用 那么,怎样理解什么是渐进式框架?在这之前,我们首先要理解什么是框架.在最初的前端
阅读全文
摘要:webpack学习笔记(阮一峰教程demo) 学习webpack,直接观看代码理解。将自己的理解过程记录下来,后续若有不同理解,再来修改。 献上阮一峰老师的webpack教程地址: webpack 将整个demo完整的clone下来,用vscode导入整个文件夹之后,发现也只有15个demo而已,小
阅读全文
摘要:一、yarn的简介: Yarn是facebook发布的一款取代npm的包管理工具。 二、yarn的特点: 1.速度超快。Yarn 缓存了每个下载过的包,所以再次使用时无需重复下载。 同时利用并行下载以最大化资源利用率,因此安装速度更快。2.超级安全。在执行代码之前,Yarn 会通过算法校验每个安装包
阅读全文
摘要:JavaScript将数组中的字符串转变成整数数字使用parseInt时的注意 var arr = ['1', '2', '3']console.log(arr.map(parseInt))//打印结果: 1,NaN,NaN123再看另一个例子 var arr = ['10', '10', '10'
阅读全文
摘要:ElementUI三级菜单checkBox全选实现 效果预览 解决方案 UI代码// 这段代码主要是遍历权限<el-form-item label="角色权限" prop="checkedPerms"> <el-checkbox-group v-model="form.checkedPerms">
阅读全文
摘要:JS页面刷新保持数据不丢失 下面是 DOM Storage 的接口定义: interface Storage { readonly attribute unsigned long length; getter DOMString key(in unsigned long index); getter
阅读全文
摘要:摘要: 先看效果图 github地址 github仓库 在线访问 初始化项目 #创建项目 create-react-app applist #如果没有安装create-react-app的话,先安装 npm install -g create-react-app 目录结构改造 |--config |
阅读全文
摘要:VUE:vuex 用户登录信息的数据写入与获取 整体思路:前台获取用户数据,向后台发送post请求,验证成功后前台接受数据,改变用户登录状态将登录状态及用户数据写入到state中这样多个页面就可以直接使用this.$store.getters.getuname调用state中的用户信息 1.向后台发
阅读全文
摘要:vue-element-admin框架快速入门 年底了,最近公司也不是太忙,感觉今年互联网行业都遇到寒冬,不在是前两年像热的发烫的赛道。这几天完成公司项目系统的优化和升级,目前准备想开发一套前后端分离的系统。 现在java最新最火的技术要数springboot了,部门系统的架构一直是我在开发,当然中
阅读全文
摘要:由于重新装了一个系统,很多环境配置要重新配置。在想run 一个项目时,出现下面的错误: error in ./src/page/Index.vue Module build failed: Error: Cannot find module 'node-sass' at Function.Modul
阅读全文
摘要:在执行 yarn start时遇到问题, 最后一行提示 Run `npm rebuild node-sass` to download the binding for your current environment. 于是按提示操作 输入命令 npm rebuild node-sass 的时候有时
阅读全文
摘要:描述:我们在开发中,经常会遇到,进入登录页面与主页面的判断,通常后台会传回一个session来判断,现在就考虑下有多少中方法来实现这种效果; 1.以前用的方法是直接在app.vue入口文件来判断跳转登录页面,还是主页面,优点:简单明了,直接根据是否存在session来判断入口文件是登录还是主页面;
阅读全文
摘要:摘录:鉴于大家有很多疑问,特地创建了群1020135830,有问题的多交流交流; 我说为啥点进来看不到最新的评论,今天才发现是被折叠了,这篇教程大家理解起来如果有难度的话,参考下把路由表写到本地,后端返回用户角色去做匹配这种方式,适合上手:本地写好路由,向后端请求用户的角色以下为原答案: 地狱空荡荡
阅读全文
摘要:前言 我之前总结过动态菜单的实现方案>动态菜单实现,只不过这篇写的有点稍微复杂,是用后端返回当前登录角色的路由表实现的,也就是前端只要从后端取到路由表进行渲染菜单即可; 今天,我再讲解一种方案:路由表写在前端,后端返回用户的角色,前端进行角色对应的菜单渲染 在线预览:动态路由github(记的sta
阅读全文
摘要:什么是vuex? Vuex核心概念 Vuex安装与使用 1.安装 2.目录结构与vuex引入 3.store中变量的定义、管理、派生(getter) 4.vuex辅助函数的使用说明 Vuex刷新数据丢失问题处理 什么是vuex? Vuex 是专门为 Vue.js 设计的状态管理库,采用集中式存储管理
阅读全文
摘要:Web服务本质 import socket sk = socket.socket() sk.bind(("127.0.0.1", 8080)) sk.listen(5) while True: conn, addr = sk.accept() data = conn.recv(1024) conn.
阅读全文
摘要:CSS简介 CSS 指层叠样式表 (Cascading Style Sheets),样式定义 如何显示 HTML 元素。 样式通常存储在样式表中,当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染)。 CSS语法 CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明: 1.
阅读全文
摘要:一、流体布局 流体布局,就是使用百分比来设置元素的宽度,元素的高度按实际高度写固定值。流体布局中,元素的边线无法用百分比,可以使用样式中的计算函数 calc() 来设置宽度,或者使用 box-sizing 属性将盒子设置为从边线计算盒子尺寸。 复制代码 <!DOCTYPE html> <html l
阅读全文
摘要:一、ECMAScript 实际上,一个完整的 JavaScript 实现是由以下 3 个不同部分组成的: 核心(ECMAScript) 文档对象模型(DOM) Document object model (整合js,css,html) 浏览器对象模型(BOM) Broswer object mode
阅读全文
摘要:一、Nodejs介绍 Nodejs英文网:https://nodejs.org/en/ Nodejs中文网:http://nodejs.cn/ Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其
阅读全文
摘要:官方文档 一、vue的起步 创建实例化对象: <div id='app'> <h3>{{xx}}</h3> </div> <script src="./js/vue.js"></script> <script> // 使用vue第一步,创建vue实例对象 var app = new Vue({ el
阅读全文
摘要:一、vue-cli安装 vue-cli是一个官方vue.js项目脚手架,使用vue-cli可以快速创建vue项目。 安装vue-cli前,请确保已安装nodejs。 // 安装vue-cli,淘宝镜像安装 cnpm install vue-cli -g 如果安装失败,可以使用npm cache cl
阅读全文
摘要:Vue Router 还是看官网吧! 一、安装 要想做单页面应用,就必须使用vue-router。 npm install vue-router --save 二、起步 如果在一个模块化工程中使用它,必须要通过 Vue.use() 明确地安装路由功能: main.js import Vue from
阅读全文
摘要:一、jQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。使用户能更方便地处理HTMLdocuments、events、实现动画效果,并且方便地为网站提供Ajax交互。其宗旨是:"Write less, do more." 二、jQuery对象 jQuery对象就是通过
阅读全文
摘要:主题作者的博客:https://www.cnblogs.com/Dy1an/,感谢作者! 本博客就是使用当前主题,具体效果如下: 使用方法是:禁用模板默认CSS,然后在管理界面填入自定义样式 页面定制 CSS 代码 { margin: 0; padding: 0 } a { text-decorat
阅读全文
摘要:前言 博客园提供了个人首页背景的模板,但却是让人觉得一言难尽。对于一个不了解css,html的小白来说,想要自定义自己的blog背景确实有点难,于是乎我仔细研究了一下,终于找到了一个适合于我们这些门外汉的方法,现在给大家分享一下。 一、将选定的背景图上传至博客园服务器 方法一:将选定的图片上传至自己
阅读全文
摘要:ECMAScript 6 标准入门 一、let和const let命令 let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效;是块级作用域,且let不允许在相同作用域内,重复声明同一个变量。 { let a = 12; } console.log(a);
阅读全文
摘要:1.向博客园申请js权限 我们需要进入博客园自定义博客模板的页面,向博客园管理团队申请页面运行js的权限。【博客园】->【设置】->【博客设置】,点击页面上的js权限申请,然后填写申请的理由,耐心等几分钟,再刷新一下,页面就会显示支持js代码 ,博客园也会在用户邮箱给你发送是否开通js权限的邮件。
阅读全文
摘要:一、准备知识 什么是json? JSON(JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式。 它基于ECMAScript(w3c制定的js规范)的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据。 简洁和清晰的层次结构使得 JSON 成为
阅读全文
摘要:<script> // 给file类型的input标签绑定change事件 $("#id_avatar").change(function () { var choose_file = $(this)[0].files[0]; var reader = new FileReader(); reade
阅读全文
摘要:CSS #back-to-top{ position: fixed; bottom:20px; right: 20px; } JS var backBtn=$("#back-to-top"); function backToTop() { $("html,body").animate({ scrol
阅读全文
摘要:一、BOM对象 BOM(Browser Object Model)是指浏览器对象模型,可以对浏览器窗口进行访问和操作。使用 BOM,开发者可以移动窗口、改变状态栏中的文本以及执行其他与页面内容不直接相关的动作。 使 JavaScript 有能力与浏览器"对话"。 1. window对象 window
阅读全文
摘要:BOM:Browser Object Model(浏览器对象模型) 就是在JS代码中可以直接使用的对象,但是对象都是和浏览器有关的 Example: <script> window.close();</script> (1)Window:对象表示浏览器中打开的窗口 最顶层对象(******) win
阅读全文
摘要:组件相关钩子函数: beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destoryed 还有两个特殊的(使用keep-alive):activated、deactivated(不详述)v2.5.0
阅读全文
摘要:去年6月份, ES2015正式发布(也就是ES6,ES6是它的乳名),其中Promise被列为正式规范。作为ES6中最重要的特性之一,我们有必要掌握并理解透彻。本文将由浅到深,讲解Promise的基本概念与使用方法。 ES6 Promise 先拉出来遛遛 复杂的概念先不讲,我们先简单粗暴地把Prom
阅读全文
摘要:HTML代码片段 按钮类 后退、前进按钮 返回按钮 几种刷新按钮 警告框显示源代码 链接按钮 打开新窗口 打印 新窗口延迟打开 背景色变换 表单类 点击清空文字 关闭输入法 链接 双击打开链接 超链接鼠标形状 页面 不准粘贴 防止复制 彻底屏蔽鼠标右键,无右键菜单 取消选取以防止复制 禁止查看源码
阅读全文
摘要:居中问题 定位: 将元素居中 将元素水平居中 将元素垂直居中 样式: 文字毛玻璃效果 代码 将元素居中: 1.使用绝对定位实现1 { width: 50px; height: 50px; /*设置元素宽高*/ position: absolute; /*修改为绝对定位*/ top: 50%; lef
阅读全文
摘要:js动态添加div问题 有没有遇到过这样的需求, 在页面上会有不定个input, 点击添加按钮就添加 每次写这玩意好麻烦啊, 把他封装起来, 需要的时候调用就好了 思路 因为每个input标签的name如果相同的话, 在后端接收的时候会出错, 所以我的解决办法就是在name后加上一个数字, 后端用一
阅读全文
摘要:前端开发中, 做适配是少不了的, 这就用到了css中的各种长度单位, 做一下总结 在css中, 长度单位分为以下几种 绝对单位: px、in、cm、mm、pt、pc 百分比单位: vw、vh、vmin、vmax、% 相对单位: em、rem、ex、ch 各单位介绍 px 不用过多介绍, 精确像素 i
阅读全文
摘要:vue面试题汇总 目录 1.vuex的作用? 2.vue中的路由拦截器的作用? 3.axios的作用? 4.列举vue的常见指令。 5.列举Http请求中常见的请求方式? 6.对于MVVM的理解 7.Vue的生命周期 8.Vue实现数据双向绑定的原理:Object.defineProperty()
阅读全文
摘要:Vue全家桶+React全家桶面试题及部分原理整理 Vuev-if和v-show的区别?v-if表达式为true显示该元素,为false隐藏该元素(直接删除)v-show根据表达式的真假来显示与隐藏元素,会在标签加入display属性为何v-for中要用keyvue中列表循环需加:key=“唯一标识
阅读全文
摘要:我是你的超级英雄 前言 Vue 框架通过数据双向绑定和虚拟 DOM 技术,帮我们处理了前端开发中最脏最累的 DOM 操作部分, 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM;但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题,所以我们仍然需要去关注 Vue
阅读全文
摘要:前端和计算机相关知识 你能描述一下渐进增强和优雅降级之间的不同吗 浏览器兼容问题 如何对网站的文件和资源进行优化? 怎么学习前端?怎么接触前端新知识? 关于前后端分离 关于浏览器内核(渲染引擎) 浏览器加载文件顺序以及repaint/reflow 为什么使用多个域名来存储网络资源会更有效? 进程和线
阅读全文
摘要:vue项目启动时,npm run serve 和 npm run dev 的区别 在我们运行一些 vue 项目的时候,输入npm run serve或者 npm run dev的其中一个时,系统会报错: PS C:\Users\LENOVO\Desktop> npm run devnpm ERR!
阅读全文
摘要:angular框架的面试题集锦 1、angular内置过滤器一共有几种,分别是那些? date:日期格式化 currency:货币 uppercase:大写 lowercase:小写 limitTo(限制数组或字符串长度) orderBy(排序) number(格式化数字,加上千位分隔符,并接收参数
阅读全文
摘要:史上最全的前端学习路线 转载:https://blog.csdn.net/qq_40128367/article/details/84997978 前言 许多同学们可能跟着培训机构的视频就入了前端这行的门,但大多数都只是机械的学习着资料中的内容。俗话说,选择要比努力重要。那么学习开发,首先应该要有一
阅读全文
摘要:Mongodb和mysql的区别 1.Mongodb简介及优缺点分析Mongodb是非关系型数据库(nosql ),属于文档型数据库。文档是mongoDB中数据的基本单元,类似关系数据库的行,多个键值对有序地放置在一起便是文档,语法有点类似javascript面向对象的查询语言,它是一个面向集合的,
阅读全文
摘要:#Javascript高级编程读书笔记#13.5 内存和性能 13.5 内存和性能 Javascript 中函数都是对象,过多被添加到事件的处理程序都会占用内存,内存中对象越多性能就越差。其次,事先指定好所有事件处理程序而导致的DOM访问次数也会延迟整个页面的交互就绪时间 对付“事件处理程序过多”的
阅读全文
摘要:HTML文档结构# head# Copy <head> <!-- 汉字编码 --> <meta charset="UTF-8"> <!-- 设置一个网站的搜索关键字 --> <meta name="Keywords" content=""/> <!-- 网站描述内容 --> <meta name="
阅读全文
摘要:在我们使用VUE+Element 处理界面的时候,往往碰到需要利用JS集合处理的各种方法,如Filter、Map、reduce等方法,也可以涉及到一些对象属性赋值等常规的处理或者递归的处理方法,以前对于这些不是很在意,但往往真正使用的时候,需要了解清楚,否则很容易脑袋出现短路的情况。本篇随笔列出一些
阅读全文
摘要:SpringBoot + Vue + ElementUI 实现后台管理系统模板 -- 前端篇(六):使用 vue-router 进行动态加载菜单 阅读目录 一、获取动态菜单数据 1、介绍 2、使用 mock 模拟返回 动态菜单数据 3、动态菜单数据国际化问题 4、修改 router 获取动态菜单数据
阅读全文
摘要:一文彻底搞懂 TCP三次握手、四次挥手过程及原理 TCP 协议简述 TCP 提供面向有连接的通信传输,面向有连接是指在传送数据之前必须先建立连接,数据传送完成后要释放连接。 无论哪一方向另一方发送数据之前,都必须先在双方之间建立一条连接。在TCP/IP协议中,TCP协议提供可靠的连接服务,连接是通过
阅读全文
摘要:TCP握手协议 在TCP/IP协议中,TCP协议提供可靠的连接服务,采用三次握手建立一个连接.第一次握手:建立连接时,客户端发送syn包(syn=j)到服务器,并进入SYN_SEND状态,等待服务器确认; SYN:同步序列编号(Synchronize Sequence Numbers)第二次握手:服
阅读全文
摘要:HTTP和HTTPS协议,看一篇就够了 一、前言 先来观察这两张图,第一张访问域名http://www.12306.cn,谷歌浏览器提示不安全链接,第二张是https://kyfw.12306.cn/otn/regist/init,浏览器显示安全,为什么会这样子呢?2017年1月发布的Chrome
阅读全文
摘要:HTTP和HTTPS是什么? 我们使用浏览器访问一个网站页面,在浏览器的地址栏中我们会看到一串URL,如图 网站的URL会分为两部分:通信协议和域名地址。 域名地址都很好理解,不同的域名地址表示网站中不同的页面,而通信协议,简单来说就是浏览器和服务器之间沟通的语言。网站中的通信协议一般就是HTTP协
阅读全文
摘要:System.out.println("/***\n" + " * .::::.\n" + " * .::::::::.\n" + " * ::::::::::: \n" + " * ..:::::::::::'\n" + " * '::::::::::::'\n" + " * .:::::::::
阅读全文
摘要:webpack webpack 最出色的功能之一就是,除了 JavaScript,还可以通过 loader 引入任何其他类型的文件 Webpack 核心概念: Entry(入口):Webpack 执行构建的第一步将从 Entry 开始,可抽象成输入。 Output(出口):指示 webpack 如何
阅读全文
摘要:webpack 是一个现代 JavaScript 应用程序的静态模块打包工具,它对于前端工程师来说可谓是如雷贯耳,基本上现在的大型应用都是通过 webpack 进行构建的。 webpack 具有高度可配置性,它拥有非常丰富的配置。在过去一段时间内曾有人将熟练配置 webpack 的人称呼为 “web
阅读全文
摘要:如何自己搭一个脚手架 javascriptnode.jsgithub 前言 做前端也有三四年了,自己带了个五人前端小团队,第一次写脚手架,也是第一次写分享文章。文笔太差,勿喷、勿喷、勿喷 每次人肉搬运代码的时候,就想自己能不能给团队做一个跟vue-cli一样的脚手架?想了很久,苦于各种原因一直没有实
阅读全文
摘要:搭建vue项目之前你需要安装vue的脚手架和node.js,一起去看看怎么搭建一个vue环境吧。(学编程语言最爱看见的就是用这个先写一个helloworld,只想说我对世界友好可是现实是残酷的。。。。。。) 1& 安装node.js (安装网址点击下面链接) node.js下载网址 安装完以后桌面上
阅读全文
摘要:深入浅出ES6教程『async函数』 学到了Symbol & generator的用法,下面我们一起来继续学习async函数: async [ə'zɪŋk]:这个单词看起来很怪异,它的原型是asynchrony,意为异步,一般单词按理说都能把音准读个大概,这个就... 与其同时呢,也有的人看了这个词
阅读全文
摘要:在微信小程序中使用 async/await 微信小程序中有大量接口是异步调用,比如 wx.login()、wx.request()、wx.getUserInfo() 等,都是使用一个对象作为参数,并定义了 success()、fail() 和 complete() 作为异步调用不同情况下的回调。 但
阅读全文
摘要:JavaScript 中的 async/await 是 AsyncFunction 特性 中的关键字。目前为止,除了 IE 之外,常用浏览器和 Node (v7.6+) 都已经支持该特性。具体支持情况可以在 这里 查看。 我第一次看到 async/await 这组关键字并不是在 JavaScript
阅读全文
摘要:ES6浅谈之Promise 首先来回想一下Promise对象的写法: // 方法1 let promise = new Promise ( (resolve, reject) => { if ( success ) { ... resolve(a); // pending ——> resolved
阅读全文
摘要:前后端数据交互之数据接口 废话就不多说了,我们都知道,前端通常会通过后台提供的接口来获取数据来完成前端页面的渲染。 1.前端通过接口调用后台返回的数据 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www
阅读全文
摘要:form表单、Axios和websoket。 form表单平时做注册登录或者是表单提交信息,但是平时为了做更多的处理个人还是习惯写到代码里进行处理了。xios和平时使用ajax类似,本质上也是对原生XHR的封装,只不过它是Promise的实现版本,符合最新的ES规范,有更多功能扩展websoket算
阅读全文
摘要:前端调用后台接口的几种方式 一、Ajax方式首先,要做这个功能前,我们必须先查阅后台接口文档,了解使用登录接口时,需要提交哪些参数,并且接口使用返回的数据。 这里我使用了一个返回json格式数据的登录接口为例,讲解怎么使用Ajax与后台接口交互。 用户登录接口URL:http://localhost
阅读全文
摘要:五分钟打造自己的sql性能分析工具 1.首先要有一个trace文件 2. 打开trace文件 3. 另存为跟踪表 4.登录你要保存到的目标sqlserver服务器 5. 选择要保存的数据库和表名称 6. 保存完成(左下角出现进度直到显示“已完成”) 7. 在数据库中找到该表(在第5步选择的数据库中找
阅读全文
摘要:「吐血整理」再来一打Webpack面试题 全栈前端精选 今天 前端食堂 你的前端食堂,记得按时吃饭。 webpack 从头发的浓密程度和干练的走路姿势我察觉到,面前坐着的这位面试官也是一把好手。我像以往一样,准备花3分钟的时间进行自我介绍。在此期间,我的目光被16寸的MacBook Pro所吸引,这
阅读全文
摘要:1.邮箱 export const isEmail = (s) => { return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s) } 2.手机号码 export const isMobile =
阅读全文
摘要:如何将自己写的代码上传到github上 如何将自己写的代码上传到github上忙活了好久,终于是把代码传上去了,在这里记录一下我的历程。 步骤1. 注册github账号要想上传,你必须得有自己的github账号哦,网址附上,自己注册去吧 https://github.com/ 2. 建仓库登录上你的
阅读全文