【BS学习】
关注
分享
扫一扫
詹姆斯东
你知道的越多，你不知道的越多
展开
-
关于单⻚应⽤⾸屏加载速度慢，出现⽩屏时间过⻓问题怎么处理
将公⽤的JS库通过script标签在index.html进⾏外部引⼊，减少我们打包出来的js⽂件的⼤⼩，让浏览器并⾏下载资源⽂件，提⾼下载速度在配置路由的时候进⾏路由的懒加载，在调⽤到改路由时再加载次路由相对应的js⽂件加⼀个⾸屏loading图或⻣架屏，提⾼⽤户的体验尽可能使⽤CSS Sprites和字体图标库图⽚的懒加载等...原创 2020-03-03 21:08:52 · 407 阅读 · 1 评论 -
经典面试题-从输⼊⽹址到⽹⻚渲染完成经历了什么？
前言输⼊⽹址按回⻋键或点击跳转发送到DNS服务器进⾏DNS解析，获取到我们对应web服务器对应的ip地址与Web服务器建⽴TCP连接浏览器向web服务器发送http请求Web服务器进⾏响应请求并返回指定的url数据（当然这⾥也可能是错误信息或者重定向到新的url地址等）浏览器下载web服务器返回的数据及解析html源⽂件根据⽂件⽣成DOM树和样式树合成我们的渲染树，解析js，...原创 2020-03-03 21:07:01 · 485 阅读 · 1 评论 -
Vue前端路由
前言1、路由的基本概念与原理1.1后端路由概念：根据不同的用户URL请求，返回不同的内容本质：URL请求地址与服务器资源之间的对应关系1.2前端路由概念：根据不同的用户事件，显示不同的页面内容本质：用户事件与事件处理函数之间的对应关系2、 Vue RouterVue Router是Vue.js官方的路由管理器，它和Vue.js的核心深度集成，可以非常方便的用于SPA应用程...原创 2020-01-20 08:04:00 · 655 阅读 · 3 评论 -
Vue前端交互
1、接口调用方式原生ajax基于jQuery的ajaxfetchaxios2、URL地址格式Restful形式的URLHTTP 请求方式GET 查询POST 添加PUT 修改DELETE 删除3、Promise 概述Promise 是异步编程的一种解决方案，从语法上讲，Promise 是一个对象，从它可以获取异步操作的消息使用Promise 的好处1.可以...原创 2020-01-18 17:07:40 · 575 阅读 · 3 评论 -
Vue组件化开发
前言1、全局组件注册语法Vue.comonent(组件名称，{ date：组件数据， template:组件模板内容})2、组件的用法<div id="app"> <button-counter></button-counter> </div> 3、组件注册注意事项date必须是一个函数组件模板内...原创 2020-01-18 09:02:42 · 290 阅读 · 5 评论 -
Vue的常用特性
前言1、表单操作input单行文本textarea多行文本select下拉多选radio 单选框checkbox多选框2、表单域修饰符number：转换为数值trim：去掉开始可结尾的空格laze:将input事件切换为change事件<input v-model.number="age" type="number">3、自定义指令（内置指令不能满足...原创 2020-01-16 16:33:39 · 420 阅读 · 3 评论 -
Vue的基本使用
前言1、Vue用于构建用户界面的渐进式框架2、Vue使用的基本步骤（1）需要提供标签用于填充数据（2）引入vue.js库文件（3）可以使用Vue的语法做功能（4）把Vue提供的数据填充到标签里面3、Vue模板语法将数据填充到HTML标签中4、v-vloak指令用法解决插值表达式存在的闪动的问题 [v-cloak]{ /* 元素隐藏 */ displa...原创 2020-01-16 15:37:34 · 390 阅读 · 4 评论 -
node js 第三方模块基本使用（看不懂你打我）
前言1、第三方模块是什么：简单来说就是别人写得好的，具有一定功能的，我们可以直接拿来使用的包或者文件夹，类似于前端开发的插件如何获取下载：npm install+模块名称第三方模块自动下载到当前文件目录下，自动创建一个node_modules文件卸载：npm unintall package+模块名称2、第三方模块nodemonnodemon是一个辅助工具，每次修改文件...原创 2020-01-14 11:21:41 · 747 阅读 · 2 评论 -
Node js的基本语法
前言1、查看Node是否安装成功及版本2、、打开PowerShell显示为默认路径cd …/回到上一级目录，cd ./回到当前目录3、在当前路径打开PowerShell在当前文件夹下，先按住shift键，在点击鼠标右键，选择在此处打开PowerShell窗口（不按住shift键，右键是不会显示的）打开的Power Shell与当前文件处于同一目录4、自动补齐文件路径在当前...原创 2020-01-14 10:16:14 · 719 阅读 · 2 评论 -
移动Web开发之流式布局
前言1、视口（viewport）就是浏览器显示页面内容的屏幕区域。 视口可以分为布局视口、视觉视口和理想视口1.1布局视口 一般移动设备的浏览器都默认设置了一个布局视口，用于解决早期的PC端页面在手机上显示的问题。iOS, Android基本都将这个视口分辨率设置为 980px，所以PC上的网页大多都能在手机上呈现，只不过元素看上去很小，一般默认可以通过手动缩放网页。1.2视觉视...原创 2019-12-21 19:53:56 · 265 阅读 · 5 评论 -
CSS基础知识总结之用户界面详解
前言 day6主要讲述了元素的显示与隐藏及用户界面1、元素的显示与隐藏 目的：让一个元素在页面中显示或隐藏1.1 display 显示 语法display: none 隐藏对象display：block 除了转换为块级元素之外，同时还有显示元素的意思。 特点：是元素被隐藏后不需要再保留位置1.2 visibility 可见性 语法visibilit...原创 2019-12-10 17:14:12 · 236 阅读 · 5 评论 -
CSS基础知识总结之定位详解
前言 day5主要讲述了定位 其中包含，为什么需要定位及常用的定位模式1、什么是定位？定位，是将盒子固定在某一个位置上，可以自由的漂浮在其他盒子之上2、边偏移2.1边偏移概念通过属性定义元素所在位置，向边上移动2.2边偏移的属性，在CSS中通过，top，bottom，left，right四种属性定义边偏移边偏移属性示例描述toptop: 80px顶端...原创 2019-12-08 15:42:50 · 319 阅读 · 2 评论 -
CSS基础知识总结之浮动详解
前言 day4主要讲述了一个重点，那就是浮动 其中包含，什么是浮动？浮动的作用语法及浮动的清除等1、CSS的三种布局机制CSS 提供了 3 种机制来设置盒子的摆放位置，分别是普通流（标准流）、浮动和定位，其中：1）普通流（标准流）块级元素会独占一行，从上向下顺序排列；常用元素：div、hr、p、h1~h6、ul、ol、dl、form、table行内元素会按照顺序，从左到...原创 2019-11-27 09:19:21 · 529 阅读 · 7 评论 -
CSS基础知识总结之盒子模型详解
前言 day3主要讲述了 盒子模型、盒子边框及内外边距1、 盒子模型 盒子，相当于装内容的一个容器，它由四部分组成，分别是内容， 边框（border）、内边距（padding）、和外边距(margin)组成 盒子里面的文字和图片等元素是 内容区域 盒子的厚度 我们成为 盒子的边框 盒子内容与边框的距离是内边距（类似单元格的 cellpadding) 盒子与盒子之间的距离是外...原创 2019-11-26 09:39:20 · 766 阅读 · 7 评论 -
CSS基础知识总结之基础样式详解
前言1、CSS作用：设置HTML版面布局和外观样式2、CSS样式表（书写位置） 2.1行内样式（内联样式） 通过标签的style属性来设置元素的样式<标签名 style="属性1:属性值1; 属性2:属性值2; 属性3:属性值3;"> 内容 </标签名>·注意·style是标签的属性·样式属性和值中间是：·多组属性值之间用；隔开 2.2内部样式表（内...原创 2019-11-19 09:12:14 · 431 阅读 · 10 评论 -
HTML基础知识总结（下篇）
前言 HTML基础下篇主要包括表格的创建及表单的使用一、创建表格·表格主要的目标是用来显示特殊数据的 创建表格的基本语法：<table> <tr> <td>单元格内的文字</td> ... </tr> ...</table> 1. table用于定义一个表格标签。 2. tr标签 ...原创 2019-11-16 21:36:57 · 390 阅读 · 10 评论 -
HTML基础知识总结（上篇）
HTML是一种标签语言，用来描述网页的语言，是组成web标准的结构之一1.HTML骨架·第1行<!DOCTYPE html>声明文档类型，作用是告知浏览器该文档使用那种规范·第2行<html lang="en">制定HTML标签指定语言， 常用的有英文：en，中文：Zh-CN·第3行<head>头标签，成对存在，里边放置网页的配置信息（meta）及网页...原创 2019-11-16 10:29:58 · 349 阅读 · 7 评论 -
牛腩新闻系统问题小结
一、IP地址显示为::1原因为：你的电脑开启了ipv6支持,这是ipv6下的本地回环地址的表示::1是IPv6地址，相当于IPV4的127.0.0.1解决办法 //获取使用者ip string userIp = Request.ServerVariables["REMOTE_ADDR"];//获取本地服务器IP地址 if (userIp ...原创 2019-07-17 11:04:10 · 278 阅读 · 13 评论