前端学习笔记 webpack及命令文件结构
Webpack安装命令npm install --save-dev webpackVue.js安装npm install vue vue-cli -g-g 表示这个包安装后可以被全局使用创建一个基于webpack模板的新项目npm init webpack my_project在本地以默认端口运行npm run devWebpack下的 Vue.js 项目文件结构build config nod....
前端开发笔记——JavaScript
JS基础知识变量命名规则变量的名字必须是数字、字母、下划线和$组成变量的名字不能以数字开头变量的名字不能是关键字for while if建议 变量有意义Js中变量区分大小写如果变量重名了,后面的会替换前面的变量的命名尽可能使用驼峰法命名注释/// 无论是什么都不会被运行 /JS数据类型数值Number、字符串String、布尔Boolean、undefined、null、对象Object(函数.....
前端开发笔记——Ajax与跨域
Ajax与跨域一、AjaxAJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。ajax获取服务器数据条件(同源数据):协议一样,域名相同,端口号相同。创建步骤1、创建 XMLHttpRequest 对象以及浏览器适配var xhr = null; if(wind...
后端小白的VUE入门笔记, 前端高能慎入(二)
事件绑定相关#@click绑定事件#<button @click="text1">text1</button> <button @click="text2('haha')">text2</button> <button @click="text3($event)">text3</button> <button @cli....
后端小白的VUE入门笔记, 前端高能慎入(一)
因为项目需要前后端分离,后端竟然不用控制view层了,页面的跳转后端不再干涉,(前端的vue经过打包后成了一张index.html) 后端只需要响应给前端json串就ok,其实这不是爽歪歪?但是觉得还是奇奇怪怪,感觉前端是个黑盒了, 于是忍不住去学习了vue感觉前端的框架带来的这种前后端分离变化还是特别明显的,后端确实不用再操心view层了,页面的转换有vue通过后端的切换不同的组件,后端基本上....
小范笔记:ASP.NET Core API基础知识与Axios前端提交数据
跟同事合作前后端分离项目,自己对 WebApi 的很多知识不够全,虽说不必要学全栈,可是也要了解基础知识,才能合理设计接口、API,方便与前端交接。晚上回到宿舍后,对 WebApi 的知识查漏补缺,主要补充了 WebAPi 的一些方法、特性等如何与前端契合,如何利用工具测试 API 、Axios 请求接口。本文主要写 WebApi 前端请求数据到 API 、后端返回处理结果,不涉及登录、跨域请求....
前端学习笔记(一):css学习笔记
一、概述将前端结构化,html 是文档结构、css 是设置样式(美化页面)、js是逻辑结构重点是 "选择器" 和 "盒子模型"发展史CSS1.0CSS2.0:DIV(块)+CSS,HTML与CSS结构分离的思想,网页变得简单,SEOCSS2.1:浮动,定位CSS3.0:圆角、阴影、(动画…浏览器兼容性~)二、快速入门位置行内关联 :就是在标签内部设置样式,在标签内 写style<div i....
Bootstrap响应式前端框架笔记二十——工具条的应用
工具条用于向用户进行某个操作的提示,在Bootstrap框架中,为按钮添加工具条十分简单,只需如下代码:<button class="btn btn-primary" data-toggle="tooltip" data-placement="top" id="btn">工具条</button>需要注意,要使工具条显现,必须先进行工具条对象的构造,示例如下:$("#btn....
Bootstrap响应式前端框架笔记十九——标签页的使用
Bootstrap中通过为导航标签增加data-toggle="tab",配合类或id来进行标签页的关联,示例如下: <ul class="nav nav-tabs"> <li class="active"> <a href="#one" data-toggle="tab" id="aone">第一页<....
Bootstrap响应式前端框架笔记十八——导航滚动监听
Bootstrap框架中提供了十分方便的方法来使用导航关联内容快,并且开发者可以监听滚动进行导航按钮的切换,示例如下:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="../bower_components/....
本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。
前端更多笔记相关
阿里巴巴终端技术
阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。
+关注