
前端基础
前端基础技能,温故而知心
三人行 | Dylen
生命的美好在于经历,可以学习实践,也能筑梦高远.
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
jQuery框架的使用
jQuery1. 概念 : 一个JavaScript框架,简化js开发 * jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。 * JavaScript框架 :原创 2020-05-25 21:25:05 · 507 阅读 · 0 评论 -
Vue项目创建流程
Vue-Cli创建项目安装前准备安装node.js – 自行网络搜索设计镜像为taobao镜像 – npm config set registry https://registry.npm.taobao.org顺便说一下安装目录尽量不要设置在C盘更改NPM默认下载路径安装完成最好重启一下电脑小哥的设置结果正式创建安装脚手架: npm install -g @vue/cli查看脚手架的版本 – vue -V在你想要创建项目的地方右键打开Powershell窗口 – vue原创 2020-12-20 11:14:39 · 203 阅读 · 1 评论 -
Node开发基础
Node开发Node是什么: Node是一个基与Chrome V8引擎的JavaScript代码运行环境运行环境安装官网: https://nodejs.org/en/LTS: Long Time Support(长期支持)Node.js的语法Node.js是由ECMAScript及Node环境提供的一些附加API组成Node.js的使用安装Node.js在文件所在目录打开poweshell窗口, node 文件名即可.Node.js模块化开发JavaScrip原创 2020-09-28 23:10:50 · 277 阅读 · 0 评论 -
JS进阶之Web APIs
Web APIAPI概念: API(Application Programming Interface 应用程序编程接口): 是一种预先定义的函数, 目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力, 而无需访问源码, 或理解内部工作机制的细节.Web API概念: Web API是浏览器提供的一套操作浏览器功能和页面元素的API(BOM和DOM)DOM简介DOM的概念: 文档对象模型(Document Object Model): 是W3C组织推荐的处理可扩原创 2020-09-19 22:39:03 · 346 阅读 · 0 评论 -
计算机编程--基础
计算机编程基础编程语言编程: 就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码, 并最终得到结果的过程.计算机程序: 就是计算机所执行的一系列的指令集合, 而程序全部都是用我们所掌握的语言来编写的, 所以人们要控制计算机一定要通过计算机语言向计算机发出命令.计算机语言: 指用于人与计算机之间通讯的语言, 它是人与计算机之间传递信息的媒介. 计算机语言的种类非常的多, 总的来说可以分为机器语言, 汇编语言和高级语言三大类. 实际上计算机最终所执行的都是机器语言, 它是由0和1组成的二进原创 2020-09-18 21:48:04 · 355 阅读 · 0 评论 -
Web简介和HTML常见用法
内容介绍 1.web概念概述 2.HTMLweb概念概述JavaWeb:使用Java语言基于互联网开发的项目软件架构:C/S: Client/Server 客户端/服务器端在用户本地有一个客户端程序,在远程有一个服务器如 QQ,迅雷…优点:1.用户体验性好缺点: 1.开发,安装,部署,维护都比较麻烦B/S: Browser/Server 客户端/服务器...原创 2020-02-28 21:59:12 · 415 阅读 · 1 评论 -
主流手机端布局技能介绍
移动端布局移动端布局简单了解视口(viewport) : 浏览器显示页面内容的屏幕区域, 视口可以分为布局视口, 视觉视口和理想视口.布局视口(layout viewport): 一般移动设备的浏览器都moreon设置了一个布局视口, 用于解决早期的pc端页面在手机上显示的问题. 此外, ios, Android基本都将这个视口分辨率设置为980px,所以PC上的网页大多都能在手机上呈现,只不过元素看上去很小,一般默认可以通过手动缩放网页.视觉视口(visual viewport): 用户原创 2020-09-11 22:26:25 · 315 阅读 · 0 评论 -
CSS实用小技能
CSS实用技能使用ico图标首先把favicon.ico这个图标放在根目录下在heml里面,head之间引入代码<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">制作icon图标首先有要制作图标的图片登录如下网址进行在线制作: http://www.bitbug.net/SEO搜索引擎优化网站三大标签title: 网站名(产品名) - 网站介绍<titl原创 2020-08-27 23:23:15 · 183 阅读 · 0 评论 -
大厂神技--React框架
企业中项目开发流程需求调研: 产品定位, 受众群体, 市场需求, 开发价值(产出物: 需求文档)产品设计: 功能模块, 流程逻辑, 确定项目的基本功能(产出物: 设计文档, 交互稿)项目开发: 项目架构, 美工, 前端, 后台, 测试运营维护: 上线试运行, 调Bug, 微调功能模块, 产品迭代React概述简介: React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设Instagram 的网站。做原创 2020-10-04 21:27:33 · 313 阅读 · 0 评论 -
常用算法--太阿
算法积累原创 2020-09-20 19:13:16 · 151 阅读 · 0 评论 -
HTML5 +CSS3 新技术 酷 美 棒
HTML5H5新增语义化标签<header> : 头部标签<nav> : 导航标签<article> : 内容标签<section> : 块级标签<aside> : 侧边栏标签<footer> : 尾部标签注意 :语义化标准主要是针对搜索引擎的可以使用多次在ie9中,需要把这些元素转换成块级元素移动端更喜欢使用这些标签H5新增多媒体标签<audio> : 音频标签 HTML5在不使用插原创 2020-09-04 22:16:55 · 253 阅读 · 0 评论 -
大厂神技--Vue前端框架
Vue.js介绍:Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,方便与第三方库或既有项目整合。使用前需要安装node.js下载地址 : http://nodejs.cn/download/下载完成并安装会自带npmnpm安装依赖时下载速度非常慢,因为从国外下载. 怎么解决了? npm install nrm -g 翻译一下就是.给我切换成国内的原创 2019-11-23 11:21:16 · 461 阅读 · 0 评论 -
JavaScript高级
JavaScript高级ES6中的类和对象面向对象: 抽取(抽象)对象共用的属性和行为组织(封装)成一个类(模版)对类进行实例化, 获得具体对象.通过类创建对象通过class关键字创建类, 类名我们还是习惯性定义首字母大写类里面有个constrator函数, 可以接受传递过来的参数, 同时返回实例对象constrator函数只要new生成实例时, 就会自动调用这个函数, 如果没有,也会自动生成这个函数生成实例new不能省略创建类,类名后面不要加小括号, 生成实例 类名原创 2020-09-26 21:49:24 · 239 阅读 · 0 评论 -
手摸手带你撸Vue数据仓库Vuex
VuexVuex概述Vuex是什么?Vuex是实现组件全局状态(数据)管理的一种机制, 可以方便的实现组件之间数据的共享.使用Vuex统一管理状态的好处能够在vuex中集中管理共享的数据, 易于开发和后期维护能够高效地实现组件之间的数据共享, 提高开发效率存储在vuex中的数据都是响应式的, 能够实时保持数据于页面的同步.Vuex的使用安装vuex依赖包npm install vuex --save导入vuex包import Vuex from 'vuex原创 2020-11-01 14:25:46 · 302 阅读 · 0 评论 -
React学习
React脚手架创建项目1.脚手架使用流程(需要安装npm和yarn)npm install create-react-app -gcreate-react-app myapp(此处为项目名)cd myappyarn start2.如果报错create-react-app : 无法加载文件 点这里原创 2021-12-24 13:46:45 · 282 阅读 · 0 评论 -
ECMAScript部分新特性
ECMAECMA : 欧洲计算机制造商协会,其制定了一套javaScript标准规范,目前绝大部分浏览器都实现了ECMAScript.ECMAScript新特性(简称ES6)let和const命令var :之前js定义变量只有一个字 : ‘var’ , 慢慢发现它定义的变量莫名奇妙会变成全局变量,让人傻傻分不清楚.let : ‘let所声明的变量,只在let命令所在的代码块内有效.const :‘const’所声明的变量是常量不能被修改.,类似于java中被final修饰.解构表达原创 2020-07-20 21:16:51 · 237 阅读 · 1 评论 -
Webpack是做什么的
Webpack的作用Webpack 是一个前端资源的打包工具,它可以将js、image、css等资源当成一个模块进行打包。核心概念 :入口(entry) :webpack打包的启点,可以有一个或多个,一般是js文件。webpack会从启点文件开始,寻找启点直接或间接依赖的其它所有的依赖,包括JS、CSS、图片资源等,作为将来打包的原始数据输出(output)出口一般包含两个属性:path和filename。用来告诉webpack打包的目标文件夹,以及文件的名称。目的地也可以有多个。加载器(原创 2020-07-14 21:54:34 · 3416 阅读 · 2 评论 -
JSP细节内容
JSP指令作用 : 用于配置JSP页面,导入资源文件格式 :<<% 指令名称 属性名1=属性值1 属性名2=属性值2>>分类 :page : 配置JSP页面的contentType : 等同于response.setContentType()设置响应体的mime类型以及字符集设置当前jsp页面的编码(只能是高级的IDE才能生效,如果使用低级工具...原创 2020-05-03 15:58:08 · 269 阅读 · 0 评论 -
Cookie和Session会话追踪
会话技术会话 : 一次会话中包含多次请求和响应一次会话 : 浏览器第一次给服务器资源发送请求,会话建立,直到有一方断开为止.功能 : 在一次会话的范围内的多次请求间,共享数据方式 :客户端会话技术 : Cookie服务器端会话技术 : SessionCookie :概念 : 客户端会话技术,将数据保存在客户端.款速入门 :使用步骤 :创建Cookie对象...原创 2020-04-30 21:47:56 · 254 阅读 · 0 评论 -
Response对象正相关
Request:request对象和response对象的原理request 和response对象是由服务器创建的.我们来使用它们request对象是来获取请求消息,response对象是来设置响应消息request : 获取请求消息...原创 2020-04-21 22:06:51 · 134 阅读 · 0 评论 -
Servlet和HTTP以及Request技能
JavaWeb相关知识ServletHttp协议RequestServlet概念步骤执行原理生命周期Servlet3.0 注解配置Servlet的体系结构Servlet – 接口|GenericServlet – 抽象类GenericServlet : 将Servlet接口中其他的方法做了默认空实现,直将service()方法作为抽象将来定义Servlet类...原创 2020-04-19 19:16:56 · 169 阅读 · 0 评论 -
Tomcat汤姆猫
web服务器软件* 服务器 : 安装了服务器软件的计算机.* 服务器软件 : 接收用户的请求,处理请求,做出响应.* web服务器软件 : 接收用户的请求,处理请求,做出响应 * 在web服务器软件中,可以部署web项目,让用户通过浏览器来访问这些项目 * 有时又被称为web容器* 常见的java相关的web服务器软件: * webLogic : Oracle公司,大型的JavaE...原创 2020-04-17 20:42:55 · 12935 阅读 · 0 评论 -
XML基础技能巩固
XML1. 概念:2. 语法:3. 解析:概念: Extendsible Markup Language 可扩展标记语言可扩展: 意思是可以自定义标签的名称功能:存储数据在配置文件中存在在网络中传输xml和html的区别xml的标签是自定义的,html的标签是自定义的xml标签书写要求严格,html语法松散xml是用来存储数据的,html是用来展示...原创 2020-04-12 18:54:47 · 169 阅读 · 0 评论 -
响应式布局--BootStrap
Bootstrap1. 概念:一个前端开发的框架. 2. 框架: 一个软件开发的半成品使用Bootstrap的好处定义了很多的css样式和js插件,我们开发人员直接可以使用这些样式和插件得到丰富的页面效果.响应式布局入门下载Bootstrap在项目中将这三个文件夹复制创建html页面,引入必要的资源文件响应式布局同一套页面可以兼容不容分辨率的设备实现:依赖...原创 2020-04-08 21:17:03 · 216 阅读 · 0 评论 -
脚本王者-JavaScript
JavaScript概念: 一种客户端脚本语言,指不需要编译就能够在任何浏览器运行的一种编程语言作用: 控制html中的元素,实现人机交互,达到一些动态的效果,提高用户的体验性JavaScript=ECMAScript(欧洲计算机制造商协会制定的标准)+BOM+DOMECMAScript: 客户端脚本语言的标准基本语法:于html结合方式内部JS: 定义script,标签体内...原创 2020-03-31 22:18:40 · 506 阅读 · 0 评论 -
CSS=网页美容师
CSS概念: Cascading Style Sheets 层叠样式表 层叠:多个样式可以同时作用于一个html上,同时生效作用: 页面美化与布局CSS使用好处:功能强大将内容和样式控制分离降低耦合度,分工协作,提高开发效率与HTML结合方式内联方式在标签内使用style属性显示css例如: hello css内部样式在head标签内定义style,...原创 2020-02-29 21:21:07 · 277 阅读 · 0 评论