qianduan
文章平均质量分 79
Coding With you.....
J2EE,python,数据分析,自然语言处理,人工智能
展开
-
前端学习之CSS,JS
1.左右两个半屏,鼠标移上后就会全屏<!DOCTYPE html><html><head><meta charset="utf-8"> <title>刻意练习</title><style> #div1{ width:50%; height:10px; background:red; float:left; #与left:0;的作用一样 position:absolute;#必须要原创 2023-03-01 09:52:52 · 204 阅读 · 0 评论 -
vue项目实战
node连接服务器【全栈初体验】Vue+Node+MySQL实现前后端分离开发_艾欢欢的博客-CSDN博客node项目1.猫眼电影移动端在博客‘前端学习三’中项目入门的基础上进行1.首先上图是测试了跳转,现在正式开发:要展示的是电影列表,这个列表对于正在上映和即将上映都需要,只是请求的数据/调用的接口不同,因此将其设置为一个组件1.在components中新建一个moviesDetail.vue:其展示的内容是每次点击最上面的正在热映/即将上映触发一个请求进行返回的.原创 2023-03-01 09:52:25 · 458 阅读 · 0 评论 -
javascript学习+Vue学习+项目开发
一 《学习JavaScript数据结构与算法》1.ES2015的类是基于原型语法的语法糖2.TypeScript是一个开源的、渐进式包含类型的JavaScript超集以.ts为扩展名以tsc命令来编译它TypeScript允许我们给变量设置一个类型,不过写法太啰唆了。TypeScript有一个类型推断机制,也就是说TypeScript会根据为变量赋的值自动给该变量设置一个类型如果声明了一个变量但没有设置其初始值,推荐为其设置一个类型在js中如果要加类型,可以写成ts那样,在第原创 2023-02-27 14:52:27 · 621 阅读 · 0 评论 -
前端学习---
1.简单且必须掌握的1.MVVM是什么将MVC中的V变为了MVVM,实现了双向绑定。其中VM就是vue的作用,这样页面的动态化可以通过vue来操作,而不是页面直接与后端操作,实现了前后端的分离2.为什么vue采用异步渲染 ? 调用1次nexttick这样可以理解为渲染节流nextTick():异步方法,返回promise 是微任务3.watch computed method4.5.vue生命周期6.null和undef......原创 2023-02-27 14:51:43 · 203 阅读 · 0 评论 -
百度前端训练营
学习 html、css、js 并尝试实现一个 hello world 页面,在页面中显示“Hello World!”以及两个按钮,点击“变为红色”按钮可以改变文字颜色为红色,点击“复原”按钮颜色恢复为默认颜色。在项目目录中右击鼠标,选择 --> TortoiseGit --> Settings,然后就可以看到配置界面。查看电脑32位还是64,安装git TortoiseGit 及TortoiseGit 汉化包。下载64位对应的版本并进行安装。进行安装:默认安装就可以。原创 2023-02-27 14:49:50 · 250 阅读 · 0 评论 -
CSS动画以及布局
技术:伪元素 伪类 圆角 渐变 动画。原创 2023-02-27 14:49:20 · 109 阅读 · 0 评论 -
商城项目整体构建
一、1.项目结构分配、模块的定义、组件封装调用(先定义、然后导入 注册 使用)、路由拦截、cookie理解、token权限、路由权限管理、动态路由、打包部署、vuex状态管理、接口文档对于跳转,要先设置路由确保组件可以正常使用、路由可以正常跳转,再充实页面对于左边导航与上边面包屑的联动,可以通过this.$route.matched获取该路由的所有信息,然后在每一个路由中写一个meta对应路由的内容,在面包屑那块通过遍历当前路由信息展示meta的值对于导航栏的多级菜单,可以通过递归进行展示。原创 2023-02-27 14:48:17 · 338 阅读 · 0 评论 -
vue项目实战-----登录态管理(路由守卫+vuex+Axios)
目的:保存用户登录状态,刷新页面时做到用户状态不变:一刷新就去localStorage中获取token与islogin对vuex中的信息进行更新。原创 2023-02-27 14:47:54 · 2023 阅读 · 2 评论 -
前端杂学1
1.MVVM是什么将MVC中的V变为了MVVM,实现了双向绑定。其中VM就是vue的作用,这样页面的动态化可以通过vue来操作,而不是页面直接与后端操作,实现了前后端的分离2.为什么vue采用异步渲染?调用1次nexttick这样可以理解为渲染节流:异步方法,返回promise 是微任务4.5.vue生命周期6.null和undefied的区别8.箭头函数和普通函数区别不用return:没有花括号 或者只有一句9.json的理解。原创 2023-02-27 14:48:58 · 216 阅读 · 0 评论 -
vue前端与Java后端进行跨域交互
1.在Controller上面加上@CrossOrigin2.写一个配置文件并且在Controller层加上注解@CORSConfig3.在springmvc配置文件里加入4.写一个过滤器类并且在web.xml中注册过滤器。原创 2023-02-27 14:48:37 · 3639 阅读 · 0 评论 -
小程序入门+移动端框架入门+后台UI
官方文档:微信开放文档1.新建项目2.使用vant webapp组件官方文档:Vant Weapp - 轻量、可靠的小程序 UI 组件库1.安装2.将 app.json 中的"style": "v2"去除,小程序的新版基础组件强行加上了许多样式,难以覆盖,不关闭将造成部分组件样式混乱。3.在开发者工具中,工具----构建npm勾上4. 引入组件app.json中: "usingComponents": { "van-button": "@vant/w...原创 2022-05-08 22:39:15 · 462 阅读 · 0 评论 -
css的布局及图形展示--三角形 圆形 半圆等面试点
CSS:flex布局的子元素不会脱离文档流1.两列布局采用浮动采用浮动且两边高度不同右边触发了 BFC,BFC的区域不会与浮动元素发⽣重叠,所以两侧就不会发⽣重叠。 采用flex采用位置:父元素是相对位置,子元素左边固定右边的左边距为左边宽度 或者右边固定右边的左边位置为左边的长度2.三列布局采用位置采用浮动采用flex flex: 1;可以平分现在三个div都是基于父元素的位置,左右都有pa...原创 2022-04-21 15:52:11 · 565 阅读 · 0 评论 -
CSS/JS小元素实践----画三角形和圆形
1.使用css画一些元素<!DOCTYPE html><html><head><meta charset="utf-8"><title>菜鸟教程(runoob.com)</title> <style> .huabu{ height:400px; width:400px; border:1px solid; position:relative; } .show{ widt原创 2022-04-03 20:38:52 · 944 阅读 · 0 评论