前端
关注
分享
扫一扫
张登辉的奇妙旅程
记录自己的前端、后端学习路线
展开
-
前端生成txt文件
;import axios from "axios";app.config.globalProperties.$axios = axios;app.use(store).use(router).mount("#app");原创 2022-02-17 12:01:46 · 736 阅读 · 0 评论 -
form-data和json格式的区别和转换
区别https://blog.csdn.net/fksfdh/article/details/106153248转换https://blog.csdn.net/weixin_52361730/article/details/114883088原创 2022-02-17 11:41:46 · 794 阅读 · 0 评论 -
vue的router-link的tag属性不起作用
vue3.0 貌似取消了tag原创 2022-02-12 19:35:15 · 1245 阅读 · 0 评论 -
node服务器的路径问题
当使用history路径模式时，出现了如下错误Uncaught SyntaxError: Unexpected token '<'且错误出现在第一行问题出现在history模式是通过改变url的path来进行改变页面，需要服务器的支持，启动了服务器之后，路径最好使用绝对路径，在那里访问都可以一访问得到。原因！！！如果在服务器上存在一个通过配置可以被直接访问的静态文件夹static中有index.html，若该html文件中有引入外部js文件如：static/js/hammer.min.j原创 2022-02-12 18:34:04 · 869 阅读 · 0 评论 -
简单使用vue路由的写法
vue路由用法vue路由 vue3的写法： 1、import { createApp } from 'vue'; 2、import { createRouter, createWebHashHistory } from 'vue-router'; 3、定义路由规则 4、const router = createRouter({ routes, history： createWebHashHistory(), }) 5、定义组件 6、const app = {原创 2022-02-10 19:10:21 · 1155 阅读 · 0 评论 -
设置nodejs的npm的全局安装路径
找到想要设置的文件路径，用npm config set prefix设置为npm全局路径。原创 2022-02-07 10:36:12 · 642 阅读 · 0 评论 -
为什么全局的vue在vscode里面不能用
一定要在自己的项目 npm install一下！！！原创 2022-01-28 18:34:31 · 1240 阅读 · 0 评论 -
Vue中@click事件无效？@click.native中.native的含义和使用
至于为什么加上.native就可以直接触发事件，是因为使用.native之后父级组件可以像处理原生的DOM事件一样通过 v-on 监听子组件实例的任意事件(@即为v-on:的简写)，如果不加natvie，会认为监听的是来自子组件search.vue自定义的事件，然而子组件内也没有使用$emit()来将子组件的触发事件抛出，因此onSubmit()方法没有执行。1.加.native2....原创 2022-01-01 22:58:39 · 1324 阅读 · 0 评论 -
前端vuex的几个问题
1、为啥子不能在actions中异步修改state数据。因为当某种类型的action只有一个声明时，action的回调会被当作普通函数执行，而当如果有多个声明时，它们是被视为Promise实例，并且用Promise.all执行，总所周知，Promise.all在执行Promise时是不保证顺序的，例如有3个promise实例：P1\P2\P3，它们3个之中不一定哪一个先有结果，如果凑巧这三个action中修改了同一个state，结果不堪设想。...原创 2021-12-07 17:28:18 · 706 阅读 · 0 评论 -
webpack-dev-server不好使的原因
在体验webpack5发现了个坑点，之前项目示例中webpack4的contentBase使用不了。下图属性已经被取代。改用 static原创 2021-12-06 23:24:46 · 703 阅读 · 0 评论 -
script标签的引入位置
JavaScript的执行会阻塞HTML的解析渲染；JavaScript的下载会阻塞HTML的解析，不会阻塞渲染。内嵌式script时，不管放在哪里，都会因为执行js而阻碍html的解析和渲染外部引入script时，network线程下载只会影响html的解析，不会影响渲染。所以将script标签放在body尾部可以避免出现因为阻塞html渲染而导致的长时间白屏现象。当使用script标签引入外部js文件时, Network线程会阻塞HTML的解析, 但不会阻塞HTML的渲染;因此网上大部分的观点原创 2021-12-04 22:21:06 · 751 阅读 · 0 评论 -
vscode的clg快捷键设置
原创 2021-11-16 09:33:19 · 2149 阅读 · 0 评论 -
webStorage中localStorage、sessionStorage、cookie的区别
webstoragewebstorage是本地存储，存储在客户端，包括localStorage和sessionStorage。localStoragelocalStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信。sessionStoragesessionStorage仅在当前会话下有效，关闭页面或浏览器后被清除。存放数据大小为一般为5MB原创 2021-11-15 17:37:58 · 179 阅读 · 0 评论 -
2021/3/25--前端第14天--淘宝导航栏、遮盖、z-index、html hack等
2021/3/25–前端第14天–淘宝导航栏、遮盖、z-index、hack等淘宝导航栏：固定定位<style> .main { width: 1200px; margin: 0 auto; height: 2000px; background-color: pink; } .slider { height: 200px;原创 2021-03-25 23:12:00 · 400 阅读 · 0 评论 -
2021/3/23--前端12天--背景属性、定位，精灵图制作
2021/3/23–前端12天–背景、定位背景和精灵图背景属性：.demo { width: 100px; height: 100px; padding: 100px; border: 50px dotted orange; margin: 100px; /* 背景色应用在内容和border区域 */ background-color:原创 2021-03-23 21:40:22 · 184 阅读 · 0 评论 -
2021/3/23--前端布局练习
2021/3/23–前端布局练习要求：解题代码：<!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原创 2021-03-23 08:36:16 · 398 阅读 · 0 评论 -
2021/3/20--前端第11天--浮动之伪类、行内块、margin。
2021/3/20–前端第11天–浮动之伪类、行内块、margin。布局练习伪元素、伪类伪元素用于创建一些不在文档树中的元素，并为其添加样式。我们可以通过：before、：after在一个元素前后添加文本，并给其样式。虽然用户可以看到这些文本，但是文本世界上不在文档树中。伪元素必须设置content样式，否则伪元素不会生效。文档树：https://blog.csdn.net/Cherish1ove/article/details/82826012伪元素清除浮动，代替内墙法：伪类：伪类和伪元原创 2021-03-21 22:40:02 · 123 阅读 · 0 评论 -
web前端--overflow用法详解
overflow三大作用1、隐藏溢出的内容例如：#容器A{ width：50px；}<div id=“A“>你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊你好啊</div>字数过多，宽度较小，装不下自然就会超出容器。overflow：hidden隐藏超出部分文字auto 超出后会显示滚动条scroll 永远有滚动条2、解决外边距塌陷在一个父元素中，子元素设原创 2021-03-19 23:19:51 · 6225 阅读 · 0 评论 -
web前端--解决因为浮动而引发的父元素塌陷问题
父元素因为浮动塌陷问题解决方法：注：清除浮动为：clear：both/left/right。不会使得浮动的元素特性消失，只会作用于受到浮动影响的其他元素。1、给父元素设置高度/* 1-给父元素设置高度 */ height: 200px;2、外墙法：/* 2-让外墙清除父元素的浮动 */ .outer-wall { clear:both; }3、内墙法/* 3-让内墙清除浮动 */ #in原创 2021-03-19 23:06:46 · 258 阅读 · 0 评论 -
前端第10天--css清除浮动的6种方法
2021/3/19–前端第10天–css浮动浮动（原来经常用，因为有副作用，现在被css3的flex布局代替）。不同于标准流，元素按照元素的类型，元素挨着元素进行排列。脱离了标准文档流。初衷是为了解决文字环绕的效果（内容（字）让出浮动部分，但是元素（容器什么的）没有让出）。浮动的特征：脱离文档流、不在占用原来位置。可以使元素从左到右紧密排列。浮动后的元素不存在上下边距合并问题。一个元素设置浮动后，同级元素几乎都要设置为浮动。...原创 2021-03-19 22:57:58 · 235 阅读 · 0 评论 -
2021/3/17--前端第9天--display、visibility
2021/3/17–前端学习第9天笔记隐藏元素：display:none 设置显示方式 消失、不占位visibility:hidden 设置可见度：消失占位opacity:0 设置透明度display:none和visibility:hidden(visible)两者的区别：隐藏后一个占位一个不占位。1、visibility具有继承性，给父元素设置visibility:hidden;子元素也会继承这个属性。但是如果重新给子元素设置visibility: visible,则原创 2021-03-17 12:59:09 · 251 阅读 · 0 评论 -
2021/3/16--前端学习第8天笔记--制作形状、标准文档流、块、行内、行内块元素
2021/3/16–前端学习第8天笔记制作各类形状：利用border：单双三四、独立值法设置百分比是父元素的宽度乘上百分比.box { /* width: 200px; height: 200px; */ width: 0px; height: 0px; margin: 100px; /* transparent 透明颜色 */原创 2021-03-16 14:31:31 · 177 阅读 · 0 评论 -
2021/3/14--前端第7天盒模型
2021/3/14–前端学习第7天笔记6 盒模型盒子模型的组成：content内容、padding内边距、border边框、margin外边距。盒子模型分类：标准的盒子模型和怪异盒子模型（IE低版本浏览器下自动呈现）CSS3中定义盒子模型 类型属性 box-sizing:content-box | border-boxcontent-box:width、height为内容的宽高。（标准border-box：设置整体border+padding+content的宽高。（怪异 IE其他浏览器都是原创 2021-03-14 21:15:25 · 163 阅读 · 0 评论 -
2021/3/13--前端第6天--高级选择器、权重、层叠
2021/3/13–前端学习第6天笔记高级选择器： <style> /* 后代选择器 */ /* div strong{ color: red; font-size: 50px; } */ /* 增加了限制 */ div p strong{ color: red; font-size: 50px; }原创 2021-03-13 18:56:23 · 206 阅读 · 0 评论 -
2021/3/12--前端第5天通用属性、css引入方式、选择器
2021/3/12–前端学习第5天笔记-开始css通用属性：<!-- 表单 --><form action="/create"> <!-- 用户名 --> <label for="nickname">昵称</label> <!-- name代表字段名称 value代表字段的值--> <!-- 提交的时候 ？xxx=xxx&xxx=xxx --> <!-- disab原创 2021-03-13 00:37:15 · 292 阅读 · 0 评论 -
2021/3/10--前端第4天--表单控件
2021/3/10–前端学习第4天笔记划分区域：caption 表格标题 表头thead 主体部分tbody设置标题：h1-h6 或者caption标签（部分浏览器每个表格只能一个）form标签：功能新标签、不是结构性标签属性：name、action（数据提交地址、method（数据提交方式、target（页面打开方式表单中的控件：textarea文本域（属性（rows、cols、label定义标注：for属性规定label绑定哪个表单控件）select下拉列表 in原创 2021-03-10 18:07:06 · 181 阅读 · 0 评论 -
2021/3/9--前端第3天--列表
2021/3/9–前端学习第3天笔记有序列表：ol 只能嵌套li li容器级标签，可以嵌套任何东西原创 2021-03-10 00:00:47 · 163 阅读 · 0 评论 -
2021/3/8--前端第2天--开发工具、快捷键、标签
2021/3/8–前端学习第2天笔记开发工具记事本、editplus、notepad++Dreamweaver、sublime、webstorm、VS Codesublime快捷键：html:xt/html:5 + tab快速生成html骨架 标签+tab 鼠标中键多行编辑 C+S+↑等VSCode快捷键：!+tabhtml:5+tabh1*10+tabalt + ↑常见文件后缀txt wmv flv MP4等zip/rar（全windos指令ip原创 2021-03-09 00:09:53 · 130 阅读 · 0 评论 -
2021/3/7--前端第1天--认识、互联网原理、html和纯文本
2021/3/7–前端学习第1天笔记0讲师-张容铭1认识web前端凡是通过浏览器到用户计算机的技术统称为前端。页面游戏、nodejs、小程序、大数据android和ios的app开发等。薪资一线城市较高。看学历、经验。前端工程师FE 后端RD企业：HTML/CSS/JS VUE/REACT GULP/WEBPACK/NODE.JS LESS/SASS MVVM 后端语言等2互联网原理web前端三大语言：HTML结构、CSS表现、JAVASCRIPT行为。B/原创 2021-03-08 01:09:03 · 231 阅读 · 0 评论