- 博客(14)
- 收藏
- 关注
RSS订阅原创 创建vue项目，完整步骤
vue/cli3.0 增加一个可视化项目管理工具，全局安装完成 cli3.0 之后，可以直接在 cmd 输入命令：vue ui 启动即可，地址默认是 localhost:8000 ( 回车后打开 )全局安装 webpack：npm install webpack -g (vue2需要安装这个）如果没有选择初始化项目，需要进入项目目录，输入 npm install 初始化。安装过程中可能会失败，如果失败了，可以使用淘宝镜像安装。如果安装失败或者检查是否安装成功报错，可以 “
2023-01-05 11:52:53
502
原创 onclick事件在苹果手机上失效
onclick在苹果手机上失效，苹果手机在鼠标变成“手”图标才被认作可以使用此点击事件，于是给点击的标签加样式cursor:pointer。② 别使用on事件 直接click touchstart touchend。对于点击的对象，拥有cursor:pointer这个样式的设置。后来发现在电脑上以及在安卓手机上都是可以点击实现正常跳转的。项目在开发阶段，在我本地电脑上点击是可以实现页面跳转的。但是部署到服务器上用手机访问时发现页面不动。
2022-10-08 13:52:52
1316
原创 vue路由
vue是单页面应用，只有一个html文件。页面跳转与页面交互都是无刷新的前后端分离+前端路由 实现单页面应用----更新视图但不重新请求页面安装路由npm install vue-routervue路由的两种模式hash模式hash值得变化，通过监听hashchange事件来实现更新页面部分内容的操作，并不会导致浏览器向服务器发出请求hash发生变化的url都会被浏览器记录（历史访问栈）下来，从而浏览器可以前进后退this.$router.push()this.$router.repla
2022-05-23 15:02:57
187
原创 css样式穿透（深度选择器）
1、 什么情况下使用样式穿透引入第三方组件库（如element-ui、element-plus），修改第三方组件库的样式样式文件中使用了 scoped 属性，但是为了确保每个组件之间不存在相互影响所以不能去除2、 样式穿透的三种办法1. >>>适用与 css、stylus，不太推荐，可能会有问题外层类 /deep/ 想要修改类名 {修改样式}2. /deep/适用于 scss、less外层类 >>> 想要修改类名 {修改样式}3. ::
2022-05-23 11:44:23
29943
1
原创 css背景属性bacground实现字体颜色渐变
用css实现文字颜色渐变，看上去像艺术字<h1>两栖合成旅指挥所信息系统筹划开设虚拟训练</h1> h1 { font-size: 48px; background-image: -webkit-linear-gradient(bottom, #2dedfc, #fcffff); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color:
2022-05-21 15:40:03
2669
原创 vue3项目目录结构
一、vue3项目的目录结构详解node_modules：通过 npm install 下载安装的项目依赖包public：存放静态资源公共资源，不会被压缩合并—3DModel：存放.glb3D模型—favicon.ico：网站图标—index.html：首页入口.html文件src：项目开发主要文件夹—api—assets：静态文件，存放图片—components：存放组件—store：与vuex相关—styles：存放样式—utils—views：界面组件—App.vue：根组件
2022-05-19 16:20:45
9936
原创 react中如何使用ueditor富文本编辑器
百度的富文本编辑器 ueditor，轻量，可定制。逐渐成为前端主流的富文本编辑器react项目中使用ueditor，如何安装、配置1、下载 ueditorhttps://github.com/fex-team/ueditor运行后会生成一个 dist文件，将改文件复制到 项目的 public 目录下，并重命名为 ueditor2、在 public/index.html 中引入配置文件注意，此处的路径需要改为项目的实际路径，否则 富文本编辑器会加载不出来 <!-- 配置文件 --&
2021-12-09 15:23:20
3272
1
原创 react+antd 修改主题色
项目使用的时 react 框架 和 ant design ui组件库antd 官网中对定制主体是这样说的详见：https://ant.design/docs/react/customize-theme-cn官网说的是 antd 的样式使用了 Less 作为开发语言，并定义了一系列全局/组件的样式变量然而我的项目中使用的是 sass 语言所以要想修改antd 主体颜色，首先需要1、安装 less 依赖包npm install less-loadernpm install less2、修改
2021-12-09 14:51:59
3791
1
原创 node-sass安装报错，node-sass安装不了
node-sass安装报错，node-sass安装不了欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：全新的界面设计 ，将会带来全新的写作体验；在创作中心设置你喜爱的代码高亮样式，Markdow
2021-12-09 12:02:27
522
原创 node 版本管理工具 nvm，node版本升级、降级
在开发的工程中,需要经常切换node版本来应对不同的开发环境,使用 nvm 管理不同版本的 node 与 npm，实现 node 版本的降级或升级
2021-12-09 12:01:36
1808
原创 如何让盒子水平垂直居中？
定位一（已知宽高）定位二（固定宽高）定位三（不考虑宽高，兼容性不好）方法四（不兼容，用于移动端）方法五方法六（原本用于文本垂直水平居中的，父级要有固定宽高）...
2021-04-07 17:32:14
62
原创 break语句与continue语句的区别
break语句与continue语句都有结束循环的意思，但是他们还有很多的不同点。在循环语句（for、while、do…while）中1、break语句：终止、永久跳出循环（循环体中break后面的代码不执行）2、continue语句：结束本次的循环（本次循环中continue后面的代码不执行），进入下一次的循环在嵌套循环（多层循环）中，break语句只向外跳一层...
2021-04-07 17:20:49
4579
原创 前端面试题——HTML
1、Doctype作用? 严格模式与混杂模式如何区分？它们有何意义?1. <!DOCTYPE> 声明位于文档中的最前面，处于 <html> 标签之前。告知浏览器以何种模式来渲染文档。 2. <!DOCTYPE HTML> 是文档类型声明，它声明了文档类型为html5，告诉浏览器和其他开发者，该文档使用的是html5标准3. 严格模式的排版和 JS 运作模式是 以该浏览器支持的最高标准运行。4. 在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以
2021-04-07 17:16:29
74
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人