web前端
关注
分享
扫一扫
文章平均质量分 80
dear_Zzzx
时间从来不语，却回答了所有问题。
展开
-
java之学习记录 5 - 2 - vue&Element-UI使用期间遇到的问题及部分代码记录（番外篇）
拷贝vue项目到本地，运行出错时：删除node_module文件，执行 npm install引入simplemde文本域：执行命令npm install simplemde --save //markdown编辑器npm install font-awesome --save //FontAwesome字体图标npm install showdown --save //转换markdown语法模块<template> <textare原创 2021-01-16 11:23:44 · 264 阅读 · 0 评论 -
java之学习记录 5 - 2 - Element-UI
Element-UI介绍 element-ui 是饿了么前端出品的基于 Vue.js的 后台组件库，方便程序员进行页面快速布局和构建Element-UI官方站点：https://element.eleme.cn/#/zh-CNElement-UI使用 1 命令行方式安装 1. 创建 一个新的项目 2. 当前项目下打开终端, 安装依赖包 ,执行下面的命令npm i element-ui -S3. 打开 main.js , 导入Element-UI 相关资源. main.原创 2021-01-15 21:48:48 · 462 阅读 · 0 评论 -
java之学习记录 5 - 2 - Vue-cli
Vue-cli 1 什么是Vue-cli Vue cli是基于Vue的应用开发提供的一个标准的脚手架工具.为应用搭建基础的框架结构,提供插件、开发服务、Preset、构建打包功能 Vue cli 背后集成了现代化开发的诸多功能,通过简单的命令就可以完成 "零配置"的项目环境搭建 2 安装Vue-cli步骤 在安装vue-cli前，要确认自己的电脑是否安装了nodejs和npm. 2.1 安装Node.js 安装了node.js才有使用npm ，才能安装vue-cli 2.1.1 什原创 2021-01-15 20:15:50 · 351 阅读 · 0 评论 -
java之学习记录 5 - 2 - vue.js基本的使用（下）
vue解决页面闪烁问题 我们发现访问页面时, 使用插值表达式的地方出现了闪烁问题,如何解决呢? v-cloak指令 作用: 解决插值表达式闪烁问题 当网络较慢，网页还在加载 Vue.js ，而导致 Vue 来不及渲染，这时页面就会显示出 Vue 源代码。我们可以使用 v-cloak 指令来解决这一问题。 1) 添加样式<style> /* 通过属性选择器,设置 添加了v-cloak */ [v-cloak] { display: none; } </style&原创 2021-01-15 18:55:25 · 220 阅读 · 0 评论 -
java之学习记录 5 - 2 - vue.js基本的使用（中）案例+axios
Ajax回顾 什么是Ajax? Ajax 是指一种创建交互式网页应用的开发技术。Ajax = 异步 JavaScript 和 XML。 Ajax的作用 Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新（局部更新）。传统的网页如果需要更新内容，必须重载整个网页页面。 简单记: Ajax 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术, 维护用户体验性, 进行网页的局部刷新. 异步与同步 浏览器访问服务器的方式 ..原创 2021-01-15 18:25:34 · 116 阅读 · 0 评论 -
java之学习记录 5 - 2 - vue.js基本的使用（上）
Vue.js是什么?Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计 为可以自底向上逐层应用. Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一 方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。 自底向上逐层应用：作为渐进式框架要实现的目标就是方便项目增量开发(即插即用)。我的第一个vue代码：<!DOCTYPE html>原创 2021-01-15 18:11:43 · 126 阅读 · 2 评论 -
java之学习记录 3 - 2 - Bootstrap
bootstrap简介1 什么是Bootstrap？Bootstrap来自 Twitter，是目前最受欢迎的响应式前端框架。 Bootstrap是基于 HTML、CSS、JavaScript的，它简洁灵活，使得 Web 开发更加快捷。2 为什么使用 Bootstrap？移动设备优先：自 Bootstrap3 起，框架包含了贯穿于整个库移动设备优先的样式。 不是简单的增加一些可选的针对移动设备的样式，而是直接融合进了框架的内核中。 也就是说，针对移动设备的样式融合进了框架的每个角落，而不原创 2020-12-21 21:35:54 · 292 阅读 · 1 评论 -
java之学习记录 3 - 2 - es6
ECMAScript6 简介ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。 它的目标，是使得JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言ECMAScript 和 JavaScript 的关系要讲清楚这个问题，需要回顾历史。 1996 年 11 月，JavaScript 的创造者 Netscape 公司，决定将 JavaScript 提交给标准化组织 ECMA，希望这种语言能够成原创 2020-12-21 20:48:12 · 396 阅读 · 0 评论 -
uniapp微信小程序之拍照，相册选取
<image src="../../static/images/photo.png" @click="photo()" mode=""></image>点击事件photo()methods: { //小程序调起拍照和相册 photo(){ uni.chooseImage({ count:1, sizeType:['original','compressed'], sourceType:['camera','album'],.原创 2020-10-29 18:06:57 · 2396 阅读 · 0 评论 -
uniapp微信小程序之头部导航
html代码<!-- 中部导航 --> <view class="tabbar"> <scroll-view scroll-with-animation scroll-x="true"> <block v-for="(item,index) in tabBars" :key="index"> <view class="scroll-tab-item" :class="{'active': tabIndex==index}原创 2020-10-29 18:03:45 · 733 阅读 · 0 评论 -
uniapp微信小程序之轮播图
html代码<!-- 轮播图 --> <view class="image-swiper"> <swiper class="swiper" indicator-dots="true" autoplay="true" interval="5000" duration="1500" > <swiper-item v-for="(item , index) in imageAll" :key="index"&原创 2020-10-29 17:58:31 · 1724 阅读 · 0 评论 -
uniapp微信小程序之图片左右滑动加载上下页
1：在src下创建一个components组件文件 在创建滑动封装组件文件在文件中封装滑动。handleTouchstart ：手指按下 ，handleTouchend：手指离开 。话不多说 拉代码。<template> <view @touchstart="handleTouchstart" @touchend="handle...原创 2020-04-18 17:13:48 · 1174 阅读 · 0 评论 -
限制字数，多余的用……表示，鼠标移上展示全部
无标题文档/* 省略号*/ .ssh{ width:200px;/*容器的基本定义*/ height:auto; } /* IE下的样式 */ p span{ display: block; width:200px;/*对宽度的定义,根据情况修改*/ overflow: hid原创 2016-12-15 11:38:23 · 374 阅读 · 0 评论 -
遮罩层DIV+CSS
最近在研究前端的东西遮罩层function showdiv() { document.getElementById("bg").style.display ="block";document.getElementById("show").style.display ="block";}function hidediv() {document.getElementById(原创 2016-12-15 09:53:00 · 429 阅读 · 0 评论