自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(42)
  • 收藏
  • 关注

转载 js获取前一年和后一年的年份(date相关知识)【转载 自用】

【代码】js获取前一年和后一年的年份(date相关知识)【转载】

2023-04-18 09:29:05 1603

原创 vue element input 控制限制只能输入13位整数和4位小数

vue element input 控制限制只能输入13位整数和4位小数。

2023-04-17 16:57:52 783

原创 字符串-》 数组-》合并为对象

两个数组对象 合并为一个对象。

2023-04-11 11:26:37 275

转载 数组内对象相同的去重

数组内对象去重

2023-03-29 14:37:50 160

原创 nginx 配置多个vue项目(nginx下多个项目 根据/path 找到对应项目)笔记记录

nginx根据/path 配置多个项目

2023-03-16 17:22:56 453

转载 常用的前端网站总结以及学习 [来自转载]

转载来自 https://blog.youkuaiyun.com/sshaohui/article/details/121310878

2022-05-18 11:22:32 151

原创 js 页面设置缩放

css: .wrapper { position: relative; width: 1920px; height: 970px; background: #0d1a25; -webkit-transform-origin: left top; -ms-transform-origin: left top; -moz-transform-origin: left top; transform-origin: left top; } js: .

2022-05-17 17:37:41 2882

转载 Vue项目开发最新、最全代码规范文档(来自转载)

一、 目录结构 |— build 构建脚本目录 |— build.js 生产环境构建(编译打包)脚本 |— check-versions.js 版本验证工具 |— utils.js 构建相关工具方法(主要用来处理css类文件的loader) |— vue-loader.conf.js 处理vue中的样式 |— webpack.base.conf.js webpack基础配置 |— webpack.dev.conf.js webpack开发环境配置

2022-05-16 11:30:44 701

原创 vue +axios 项目本地引入json 出现404

vue + axios 引入本地json 出现404 检查以及解决方案: 1 检查静态资源是否放在static文件夹下 或public文件夹下 注意:在vue-cli项目中,我们静态资源只能放在static文件夹中,axios使用get请求 vue-cli 创建的文件目录,如果是只有 public 而没有 static 文件夹,则直接将 json 文件放入 public 文件夹中,并且请求的时候不要带上 public ,直接 ‘./xxx.json’ 即可 ...

2022-02-25 17:00:15 936

转载 Flex 布局教程(转载)

Flex 布局教程:语法篇 http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html lex 布局教程:实例篇 http://www.ruanyifeng.com/blog/2015/07/flex-examples.html

2022-02-15 15:08:16 145

转载 Vue中computed和watch的区别(转载)

https://www.jianshu.com/p/1afb34973d0e 转载来自

2022-02-15 11:01:38 123

原创 vue-cli基础上搭建uniapp

VUE搭建(vue-cli)UniApp 一 安装Vue-cli #使用淘宝npm仓库加速 npm config set registry https://registry.npm.taobao.org #安装Vue cli npm install -g @vue/cli 二 搭建UniApp vue create -p dcloudio/uni-preset-vue 你的项目名 选择模板使用方向键,选定后按ENTER 三 进入项目并运行 cd 你的项目名称 npm run serve ..

2021-10-09 13:41:41 409

转载 Vue主要问题

转载来之: https://blog.youkuaiyun.com/Missbelover/article/details/88230837#insertcode

2021-09-14 15:13:03 123

转载 vue-cli2/3/4的区别

vue-cli2/3/4的区别 转载来自:https://blog.youkuaiyun.com/weixin_43886137/article/details/106522379

2021-08-26 09:24:36 182

转载 ## Taro vs uni-app选型对比经历

Taro vs uni-app选型对比经历 [转载来至:https://juejin.cn/post/6844903768794857480](https://juejin.cn/post/6844903768794857480)

2021-08-26 09:02:18 319

原创 Vue-router(路由)详细教程(未完成待补充)

Vue-router(路由)详细教程 一、安装 命令 : npm install vue-router 二 创建router/index.js import Vue from 'vue' //引入Vue import Router from 'vue-router' //引入vue-router import Hello from '@/components/Hello' //引入根目录下的Hello.vue组件 Vue.use(Router) //Vue全局使用Router export

2021-07-01 11:09:27 203

原创 vue路由中hash模式

vue路由中hash模式 import Vue from 'vue' import Router from 'vue-router' import { router } from './router/index' Vue.use(Router) export default new Router({ mode: 'history', // mode: 'hash', base: process.env.BASE_URL, scrollBehavior: () => ({ y: 0 })

2021-06-30 17:49:29 7394 2

原创 Vue 路由 导航守卫(前置守卫、后置守卫、组件内守卫)

Vue 路由 导航守卫 总体来讲vue里面提供了三大类钩子,两种函数 1、全局钩子 1、某个路由的钩子 3、路由组件的钩子 · · · 全局前置守卫 router.beforeEach 注册一个全局前置守卫 ---->/*在跳转之前执行*/ const router = new VueRouter({ ... }) router.beforeEach((to, from, next) => { // ... }) to: Route: 即将要进入的目标 from: Route: 当前导航正

2021-06-30 17:33:15 1427

原创 VueX浏览器刷新如何保存数据

VueX浏览器刷新如何保存数据 · · · 方法一: 在 App.vue 的 created 钩子函数里写下了如下代码; //在页面加载时读取localStorage里的状态信息 localStorage.getItem("userMsg") && this.$store.replaceState(Object.assign(this.$store.state,JSON.parse(localStorage.getItem("userMsg")))); //在页面刷

2021-06-30 16:37:31 2590

转载 vue.config.js 配置构建(手动构建教程)

vue.config.js 配置构建 文章转载来自 https://www.jianshu.com/p/b358a91bdf2d

2021-06-30 16:28:51 429

转载 VUE3环境搭建

VUE3环境搭建 · · 文章来自: https://blog.youkuaiyun.com/cyy356/article/details/102868257

2021-06-29 17:47:03 137

转载 VueX之 module 使用方法及场景(二)

VueX之 module 使用方法及场景(二) 文章参考: https://segmentfault.com/a/1190000017842777

2021-06-29 17:05:56 145

原创 VueX之 module 使用方法及场景(一)

VueX文章介绍(下篇)

2021-06-29 17:05:39 539

原创 VueX文章介绍(上篇)

VueX文章介绍 1关于VueX · VueX是适用于在Vue项目开发时使用的状态管理工具。试想一下,如果在一个项目开发中频繁的使用组件传参的方式来同步data中的值,一旦项目变得很庞大,管理和维护这些值将是相当棘手的工作。为此,Vue为这些被多个组件频繁使用的值提供了一个统一管理的工具——VueX。在具有VueX的Vue项目中,我们只需要把这些值定义在VueX中,即可在整个Vue项目的组件中使用。 在VueX对象中,其实不止有state,还有用来操作state中数据的方法集,以及当我们需要对state中的

2021-06-29 16:03:13 145

转载 vue中ref的作用

vue中ref的作用 ref:如果在普通的 DOM 元素上使用,引用指向的就是 DOM 元素; 如果用在子组件上,引用就指向组件实例 · · 情况一:在普通的 DOM 元素上使用 <template> <div id="app"> <div ref="testDom">11111</div> <button @click="getTest">获取test节点</button> </div> <

2021-06-28 18:13:01 242

原创 VUE项目中的父子,兄弟组件之间的传值。

VUE项目中的父子组件之间的传值。 转载至:https://www.cnblogs.com/wzfwaf/p/11280153.html 首先说一下父子组件就是在一个vue文件中引入另一个vue文件,被引入vue文件就是子组件,引入vue文件的vue文件就是父组件。而在父组件中是不能直接调用子组件中的变量值的。下面详细说一下,父子组件之间怎么传值。 情况一:父组件给子组件传值方法,使用props ```go <!DOCTYPE html> <html lang="en"> &l

2021-06-28 16:42:24 431

转载 vue组件的驼峰式命名与短横线分割命名

vue组件的驼峰式命名与短横线分割命名 参考:https://blog.youkuaiyun.com/qq_43650979/article/details/105839130 官网给出说明为: 官网给出说明为: 1.注册组件的时候使用了驼峰命名 如果在注册组件的时候使用了驼峰命名, 那么在使用时需要转换成短横线分隔命名 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <

2021-06-28 09:50:20 3901

转载 2021-06-09

vue cli3.0快速搭建项目详解(强烈推荐) 【转发 来自 https://www.cnblogs.com/coober/p/10875647.html 】 仅供自己收藏学习

2021-06-09 10:12:46 78

原创 ## es6 ...语法

es6 …语法 es6之扩展运算符 三个点(…) let bar = { a: 1, b: 2 }; let baz = { …bar }; // { a: 1, b: 2 } 上述方法实际上等价于: let bar = { a: 1, b: 2 }; let baz = Object.assign({}, bar); // { a: 1, b: 2 } Object.assign方法用于对象的合并,将源对象(source)的所有可枚举属性,复制到目标对象(target) Object.assign方法的第

2021-05-31 10:42:35 139

原创 Axios 请求配置参数详解

Axios 请求配置参数详解 转发来自:https://blog.youkuaiyun.com/moxiaoya1314/article/details/73650751/

2021-03-31 17:41:03 271

转载 push() pop() shift() unshift() splice() sort()

转载来自 : https://blog.youkuaiyun.com/weixin_43376132/article/details/105477192 push,pop,shift,unshift,splice,sort,reverse 1.push() 2.pop() 3.shift() 4.unshift() 5.splice() 6.sort() 7.reverse() 1.push() push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度 push()内部可以插入多个值,在数组末尾添加新值

2020-12-12 20:17:48 509

转载 WEB前端学习路线2020完整版(附视频教程+学习资料)(来自转载、个人收藏)

WEB前端学习路线2020完整版(附视频教程+学习资料) 其作者:千锋教育官方博客 出处:https://qfdeu.blog.youkuaiyun.com/article/details/89954631

2020-12-11 09:57:28 368

转载 less的安装及用法 (来自转载)

less的安装及用法 (来自转载) 出处: https://www.cnblogs.com/gaoht/p/9132228.html 内有详细讲解(需配置node 环境)

2020-12-11 09:32:19 127

转载 JavaScript学习指南 (来自转载)

转载自:https://blog.youkuaiyun.com/weixin_44569783/article/details/86625808?utm_medium=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2-1.control&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLearnPai2

2020-12-09 21:44:26 350

转载 JS原型和原型链是什么?其详解(来自转载)

转载自:https://blog.youkuaiyun.com/qq_42019025/article/details/80708446

2020-12-09 21:41:02 112

转载 JavaScript深入浅出(进阶)来自转载

转载来自:https://blog.youkuaiyun.com/qq_35893033/article/details/77493892?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.control&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.contro

2020-12-09 21:36:24 340

原创 前端兼容性集合

如何禁止手机浏览器下拉 https://zhidao.baidu.com/question/1703911987719567580.html document.addEventListener('touchstart',function(event){ event.preventDefault(); }); =================================================== 微信浏览器禁止页面下拉查看网址(不影响页面内部scroll) https://www.jians

2020-12-06 21:06:26 283

原创 移动端自适应代码

<script> //屏幕适应 (function (win){ if (!win.addEventListener) return; var html=document.documentElement; function setFont(){ var cliWidth=html.clientWidth; html.style.fontSize=100*

2020-12-06 21:06:18 813

原创 前端初始化样式

我的初始化样式 body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,p,form{margin:0;padding: 0;} body,button,input,select,textarea{ font:12px/1.5 Microsoft YaHei; font-family:'\5FAE\8F6F\96C5\9ED1'; } h1,h2,h3,h4,h5,h6{font-size:100%} em,b{font-style:normal} a{text-decoration:non

2020-12-06 21:06:10 473

原创 IIS配include(.shtml)

include格式:(直接将对应的代码复制到文本文档,把文本的后缀名改成.inc) 1.打开IIS 2.点击处理程序映射-添加模块映射 3.在弹出的对话框填入以下信息-确定即可 **若选项中没有ServerSideIncludeModule这一选项,则需配置 控制面板-程序和功能-打开或关闭windows功能(左上角 勾选服务器端包含-重启iis-重复步骤1、2、3 Ps:刚设置后需要过几分钟iis才可以打开include页面 ...

2020-12-06 20:43:39 742

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除