前端onlyOneChild.meta.icon

2024-09-03

[前端随笔][Vue] 多级菜单实现思路——组件嵌套

说在前面本篇记录学习了vue-element-admin中的多级菜单的实现 [传送门] @vue/cli 4.2.2:vuex:scss:组件嵌套正文创建项目 npm create 项目名 //或npm init webpack 项目名安装element-ui npm add element-ui //或npm i element-ui 安装vuex npm add vuex //或npm i vuex 安装完vuex后会出现src/store目录,同时在src/main.js中vue实

移动前端常用meta标签

移动前端常用meta标签移动前端head常用meta标签原文链接:http://caibaojian.com/mobile-meta.html //code from http://caibaojian.com/mobile-meta.html <!DOCTYPE html>  <html lang="zh-cmn-Hans"> <!-- 更加标准的 lang 属性写法 htt

web前端常用meta整理

标签提供关于HTML文档的元数据.元数据不会显示在页面上,但是对于机器是可读的.它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务. 页面关键词 <meta name="keywords" content="your tags" /> 每个网页应具有描述该网页内容的一组唯一的关键字. 使用人们可能会搜索,并准确描述网页上所提供信息的描述性和代表性关键字及短语.标记内容太短,则搜索引擎可能不会认为这些内容相关.另外标记不

移动web前端之meta标签

最近这段时间忙着做web移动端,东西跟pc端还是有区别的.这个月也学到了不少东西,太多了就从头开始,先总结meta标签吧. 主要标签内容和注释如下: <meta charset="UTF-8">  <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"/> <!--使用

web前端-《手机移动端WEB资源整合》——meta标签篇

前端网页meta元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词.meta标签的作用有:搜索引擎优化(SEO),定义页面使用语言,自动刷新并指向新的页面,实现网页转换时的动态效果,控制页面缓冲,网页定级评价,控制网页显示的窗口等! 下面是对meta标签作用的一些整合...(不常用的不列了,以下都是常用到的) 1.name属性 name属性主要用于描述网页,与之对应的属性值为content,content中的内容主要是便于搜索引擎机器人查找信

Vue-Access-Control：前端用户权限控制解决方案

原文地址:http://refined-x.com/2017/11/28/Vue2.0用户权限控制解决方案/ Vue-Access-Control是一套基于Vue/Vue-Router/axios 实现的前端用户权限控制解决方案,通过对路由.视图.请求三个层面的控制,使开发者可以实现任意颗粒度的用户权限控制. 整体思路会话开始之初,先初始化一个只有登录路由的Vue实例,在根组件created钩子里将路由定向到登录页,用户登录成功后前端拿到用户token,设置axios实例统一为请求header

前端基础之html（一）

https://www.cnblogs.com/haiyan123/p/7516060.html 一.初始html 1.web服务本质 import socket sock=socket.socket(socket.AF_INET,socket.SOCK_STREAM) sock.bind(("127.0.0.1",8800)) sock.listen(5) while 1: print("waiting........") conn,addr=sock.accep

本人编写的一份前端vue面试题

说明,此题目本人自出,做过本人所在公司的前端面试题,在此共享给大家 1. 如何在vue组件中实现v-model的功能?(只需给出关键代码) 2. 简述你知道的生命周期函数和执行时机 3. 谈谈你对计算属性和侦听器的理解 4. 简写动态切换class的关键代码,假设给定类名bgblack,bgred 5. v-if和v-show有何区别?分别在什么场所中使用? 6. v-for指令绑定的key有什么要求?谈谈你对key的理解 7. data属性为何是一个函数? 8. 如何通过事件向父组件发送消息,

vue管理平台的动态路由（后台传递路由，前端拿到并生成侧边栏）

前端的路由从后台获取,包括权限: 大体步骤包括:路由拦截(钩子函数)---->后台获取路由数据 ----> 保存到本地或vuex中. 在router-->index.js中: router.beforeEach((to, from, next) => { //拦截处一定要else{} // 加载动态菜单和路由 if (to.path === '/') { addDynamicMenuAndRoutes(to, from) console.log(router.options.rou

Vue管理系统前端系列六动态路由-权限管理实现

目录为什么要使用动态路由? 主流的两种实现方式前端控制后端控制后端控制路由实现添加菜单接口及菜单状态管理根据得到的菜单生成动态路由根据 vuex 中的暂存的菜单生成侧边菜单栏退出后重置 vuex 最终效果为什么要使用动态路由? 一般系统中,都会有不同权限的操作人员,这时候他们看到的页面也将会不同,因此都需要根据他们的权限来生成对应的菜单,这个就得通过动态路由来实现. 主流的两种实现方式控制一般都是由前端的路由中设置.后端返回路由表动态生成两种. 本文主要记录由数据库维护

前端009-vue框架

vue-admin-element https://panjiachen.github.io/vue-element-admin-site/zh/ 基于vue的生态做的很好,提供的很多的文档,中文.并且有视频. vue element == element ui vue-cli实现(脚手架) 内置了 i18 国际化解决方案提供了中文 1.安装: # 克隆项目 git clone https://github.com/PanJiaChen/vue-element-admin.git # 进入项目

Svelte Ui Admin后台管理系统|svelte3+svelteUI中后台前端解决方案

基于svelte3.x+svelteKit+svelte-ui网页后台管理系统SvelteAdmin. Svelte-Ui-Admin 基于svelte3.x+svelteKit+vite3+echarts搭配使用Svelte UI组件库开发的一套轻量级前端中后台管理系统解决方案.Svelte Ui Admin遵循Svelte Ui组件设计和开发规范,高颜值的组件让整体风格细腻统一. 技术框架开发工具:Vscode 框架技术:svelte3.x+svelteKit+vite3 UI组件库:sv

带你优雅的使用 icon

前言本篇文章其实陆陆续续写了快半年,主体部分写好了很久了,但由于种种原因一直没有发布.首先来说说写这篇文章的主要初衷是:在做前端后台项目的时候经常会用到很多 icon 图标,刚开始还好,但随着项目的不断迭代,每次修改添加图标会变得很麻烦,而且总觉得不够优雅,就开始琢磨着有啥简单方便的工作流呢? 演进史首先我们来说一下前端 icon 的发展史. 远古时代在我刚开始实习时,大部分图标都是用 img 来实现的.渐渐发现一个页面的请求资源中图片 img 占了大部分,所以为了优化有了image spr

HTML学习日记之元信息meta标记

所谓meta标记就是用来描述一个HTML网页文档的属性,也称为元信息,这些信息并不会显示在浏览器的页面中,例如作者.日期和时间.网页描述.页面刷新等. 基本语法: <meta name = " "content=" "> <meta http-equiv=" " content = " "> name属性与content属性 name属性用于描述网页,它是以“名称/值”形式的名称,name属性的值所描述

前端面试绝对会考的JS问题！【已经开源】

写在前面 [前端指南]前端面试库已经开源,正在完善之中 [x] css问题 [x] html问题 [x] javascript问题 github地址 https://github.com/nanhupatar... JavaScript 的组成 JavaScript 由以下三部分组成: ECMAScript(核心):JavaScript 语言基础 DOM(文档对象模型):规定了访问 HTML 和 XML 的接口 BOM(浏览器对象模型):提供了浏览器窗口之间进行交互的对象和方法 JS 的基本数据

Vue管理系统前端系列四组件拆分封装

目录组件封装首页布局拆分后结构拆分后代码状态管理中添加 app 模块组件封装在上一篇记录中,首页中有太多的代码,为了避免代码的臃肿,需要对主要的功能模块拆分,来让代码看起来更简洁,且能进行复用. 拆分后还加了些小功能,加入了修改 title 的代码,修改方式参考vue 动态修改 title. 还增加了当前请求的页面缓存,使用状态管理器处理.监听路由,保存到 state 中,来处理的. 如何监听可参考vue 计算属性和监听属性. 完整效果图如下: 首页布局拆分后结构拆分后的,布局结构

2017.3.12 H5学习的第一周

本周我开始了H5的学习,在这一周里我们从html的基本标签开始一直讲到了才算css的用法,接下来我将记录下来本周我学到的H5的内容. 首先是声明文档,声明文档类型是HTML5文件,它在HTML文档必不可少且必须放在文档第一行. 写法:<!DOCTYPE html>. 接着我们学习了html的基本结构: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title&

小K的H5之旅-HTML的基本结构与基本标签

一.什么是HTML HTML是超文本标签语言,即网页的源码.而浏览器就是翻译解释HTML源码的工具. 二.HTML文档的结构 HTML文档主要包括三大部分:文档声明部分.<head>头部部分.<body>主体部分. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>我的第一个网页</title> </head>

【vue】iView-admin2.0动态菜单路由

vue项目实现动态路由有俩种方式一.前端在routers中写好--所有--路由表 <前端控制路由>,登录时根据用户的角色权限来动态的显示菜单路由二.前端通过调用接口请求拿到当前用户--对应权限的--路由表 <后端处理路由返回>,以动态的显示菜单路由介绍第二种 (参考资料) 左侧菜单可通过 ①本地mock假数据 ②easymock假数据 ③从后台请求返回的数据方式之一请求而来介绍方式①本地mock假数据 1.iview-admin的src->mock->da

web框架的本质

一 web框架的本质及自定义web框架我们可以这样理解:所有的Web应用本质上就是一个socket服务端,而用户的浏览器就是一个socket客户端,基于请求做出响应,客户都先请求,服务端做出对应的响应,按照http协议的请求协议发送请求,服务端按照http协议的响应协议来响应请求,这样的网络通信,我们就可以自己实现Web框架了. 通过对socket的学习,我们知道网络通信,我们完全可以自己写了,因为socket就是做网络通信用的,下面我们就基于socket来自己实现一个web框架,写一个web

前端onlyOneChild.meta.icon

热门专题