- 博客(21)
- 收藏
- 关注
RSS订阅原创 2021.12.07 带你【系统了解什么是vue】（二）
一、class与style的绑定对象语法我们可以传给 v-bind:class 一个对象，以动态地切换 class：<div v-bind:class="{ active: isActive }"></div>上面的语法表示 active 这个 class 存在与否将取决于数据 property isActive 的 truthiness。你可以在对象中传入更多字段来动态切换多个 class。此外，v-bind:class 指令也可以与普通的 class att
2021-12-16 18:12:54
113
原创 2021.12.07 带你【系统了解什么是vue】（一）
一、vue有什么优点作用vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。二、如何使用vue进行编程（步骤）引入vue文件在html中 <!-- 开发环境版本，包含了有帮助的命令行警告 --><script src="https://cdn.j
2021-12-07 17:14:28
262
原创 2021-10-14 Vue基础知识点汇总（一）
一、模板语法文本<span>Message: {{ msg }}</span>原始html<span v-html="rawHtml"></span>属性<div v-bind:id="dynamicId"></div>事件<a v-on:click="doSomething">...</a>Javascript表达式<div>{{ number + 1 }..
2021-10-14 20:23:36
112
原创 2021-10-11 vue框架中表单事件监听器使用简单举例，方便以后投入公司生产学习总结
一、搭建vue基本框架<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &
2021-10-11 16:23:14
221
原创 2021-09-29 ES6常用语句方法及用法分享
一、ES6模块1.import { stat, exists, readFile } from 'fs'; 通过export命令显式指定输出的代码，再通过import命令输入，上面代码的实质是从fs模块加载 3 个方法，其他方法不加载。ES6 可以在编译时就完成模块加载，效率要比 CommonJS 模块的加载方式高。2.export对外接口使用var firstName = 'Michael'; var lastName = 'vicky'; export { firstName
2021-09-29 21:12:05
149
原创 2021-09-26 ES6基础语言及node.js全局部署及babel对于ES6的转换（ES5）
一、在vscode中新建一个文件夹，在文件夹中新建一个1-hello.js文件编辑代码及node.js部署如下图1.cnpm化将文件夹2.安装node架包npm分为全局安装及局部安装此为中国版淘宝镜像npm编译工具（cnpm），npm服务器在微软外国。安装后连接IP地址比较容易。3.再安装babel（将es6转译为es5）此为全局安装此为局部安装babel最新版本...
2021-09-27 10:57:23
145
原创 2021-09-22利用vue 、js二次重构页面让整个网页具有“网页灵魂”实现后台交互
一、部署UI接口（xxtx.ui）在visual stdio Code打开xxtx.ui基本操作如图所示点击在集成终端中打开，如下输入以上代码点击回车，若出现Err错误信息 ，在windows搜索框中输入windows powershell，点击以管理员身份打开，打开后在界面中输入以下代码，如图所示回车 再次输入以下代码回车在下一行输入A,则表示vue运行环境搭建完成，接着输入以下代码选择安装npm （支持vue运行的元素）安装完成后整个前期项目底层部署完成一半...
2021-09-22 19:00:17
250
原创 2021-09-13网页布设java-jar、网络接口与后台的交互过程
一、设计html基础元素（例：登录表单login制作）1.<body><div><divclass="input-group"><spanclass="input-group-addon"id="basic-addon1">用户名</span><inputid="username"type="text"class="form-control"placeholder="Use...
2021-09-13 19:17:08
114
原创 2021-09-10jQuery事件、选择器、语法基础使用方法小结
一、语法$（document）.ready( function (){//开始写jquery代码});例：<!DOCTYPE html><html><head><meta charset="utf-8"><title>jquery</title><script src="/jquery.min.js"></script><script> //引入的js文件$(d...
2021-09-10 16:12:49
85
原创 2021-09-09BOM中常用的调用及对话框使用方法总结
一、超时调用setTimeout() 该方法返回一个数值ID，表示超时调用，这个超时调用ID是计划执行代码的唯一 标识符，可以通过clearTimeout(ID)来取消超时调用。例：var id = setTimeout(function(){alert(1000); },1000); //1000表示1000ms；console.log(id);clearTimeout(id) //清除二、间歇调用setInterval() 按照指定的时间间隔重复执行代码，直到间歇...
2021-09-09 17:08:00
121
原创 2021-09-01Js正则表达式案例（判断邮箱，手机号等信息）
一.手机号Js代码varpattern=/(\d{11})/g;varpattern=/1[3|5|7|8|9]\d{9}/g;varnumber="178993197501234567899113266664444";varresult=pattern.exec(number);console.log(result);console.log(pattern.global);console.log(pattern.ignoreCase);console.log(p...
2021-09-01 20:14:34
253
原创 2021-08-28Javascript重要理论知识part1（面试专用）
一、Javascript主要用途及功能一个完整的Javascript包括核心(ECMAScript5)，应用程序编程接口即API (比如 DOM(Document Object Model)，BOM(Browser Object Model))，以及其他第三方API。 JavaScript与HTML、CSS一同配合共同完成一个复杂页面的显示。二、Javascript语言特点1.在客户端机上运行2.解释性语言（无需编译）3.弱类型语言4.从上往下依次执行三、Javascript注释
2021-08-29 14:10:04
82
原创 2021-8-26Web前端应聘8道典型面试题（必考）
一、块级元素与行内元素的区别？1. 块级独占一行的，行内与其他元素共享一行2.块级元素可以直接设置宽高，行内不能直接设置宽高，需要结合CSS的display来设置。3.块级元素可以嵌套块级与行内元素，而行内只能包含行内元素。二、清除浮动 100% 父子级： 1.在子级元素后添加一个空元素，为其添加clear:both 弊端：增加了无意义的元素结构 2.给父级元素设置一个overflow:hiddden 解决了第一种方法的弊端 3....
2021-08-26 19:28:00
579
原创 2021-08-25java script算法典型案例
一、99乘法表源代码：<scriptlanguage=javascript>for(i=1;i<=9;i++){for(j=1;j<=9;j++){document.write(i+"*"+j+"="+i*j+" ");if(i==j){document.write("<br/>");break;}//用的if语句，如果这两个数字相同...
2021-08-25 18:57:18
181
原创 202好看好玩的简单html动画案例
源代码：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale=1.0"><...
2021-08-23 20:05:18
649
5
原创 2021-08-19 ubuntu云服务器的连接方法及代码
一、先买一个云端轻量服务器（阿里服务器比较便宜；腾讯服务器；华为服务器）二、然后在你买的云端服务器上打开控制台配置服务器密码等一些服务，如下图所示二、然后在你的本地电脑上安装 filezilla，按照说明安装即可，打开此软件，按如下图配置即可。步骤：1.在云端服务器上找到你的服务器公网地址如：139.196.xx.xxx, 2.将此地址输入到filezilla的主机输入栏中，输入你的云端服务器密码，用户名建议填一个root就好，端口建议填22，点击快速连接等待几秒即可，若左...
2021-08-19 16:21:43
703
原创 2021.8.14二级菜单制作效果与html&css源代码
一、效果图二、HTML源代码<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale=1...
2021-08-14 17:07:42
233
原创 2021.8.10HTML重要标签及选择器用法总结
一·、input部分类型文件：<input type<file> style>文本：<input type<text> style>复选框：<input type<checkbox> style>密码：<input type<password> style>提交<input type<submit> style>重置：<input type<reset> s
2021-08-10 20:26:09
199
原创 2021-08-06 HTML基础界面设计代码及常用标签展示
一、表单设计代码及css美化成果展示1.HTML5源代码：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,init...
2021-08-06 09:38:32
802
原创 2021-07-27学习Web前端主要学习科目及方向
学生管理系统注册账号http://218.4.196.178:8899/smsD盘新建briup文件夹D:briup/D:briup-web/vscode快捷键 ctrl+d ctrl+f ctrl+x ctrl+c ctrl+v安装软件 浏览器 Chrome Firefox node node -v // 检测node版本 npm -v // 检测node自带的npm版本 git git安装 git -...
2021-07-27 17:19:27
254
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人