- 博客(42)
- 收藏
- 关注
原创 vue element input 控制限制只能输入13位整数和4位小数
vue element input 控制限制只能输入13位整数和4位小数。
2023-04-17 16:57:52
698
转载 常用的前端网站总结以及学习 [来自转载]
转载来自https://blog.youkuaiyun.com/sshaohui/article/details/121310878
2022-05-18 11:22:32
112
原创 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
2751
转载 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
573
原创 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
875
转载 Flex 布局教程(转载)
Flex 布局教程:语法篇http://www.ruanyifeng.com/blog/2015/07/flex-grammar.htmllex 布局教程:实例篇http://www.ruanyifeng.com/blog/2015/07/flex-examples.html
2022-02-15 15:08:16
98
原创 vue-cli基础上搭建uniapp
VUE搭建(vue-cli)UniApp一 安装Vue-cli#使用淘宝npm仓库加速npm config set registry https://registry.npm.taobao.org#安装Vue clinpm install -g @vue/cli二 搭建UniAppvue create -p dcloudio/uni-preset-vue 你的项目名选择模板使用方向键,选定后按ENTER三 进入项目并运行cd 你的项目名称npm run serve..
2021-10-09 13:41:41
335
转载 Vue主要问题
转载来之:https://blog.youkuaiyun.com/Missbelover/article/details/88230837#insertcode
2021-09-14 15:13:03
79
转载 vue-cli2/3/4的区别
vue-cli2/3/4的区别转载来自:https://blog.youkuaiyun.com/weixin_43886137/article/details/106522379
2021-08-26 09:24:36
139
转载 ## Taro vs uni-app选型对比经历
Taro vs uni-app选型对比经历[转载来至:https://juejin.cn/post/6844903768794857480](https://juejin.cn/post/6844903768794857480)
2021-08-26 09:02:18
264
原创 Vue-router(路由)详细教程(未完成待补充)
Vue-router(路由)详细教程一、安装命令 : npm install vue-router二 创建router/index.jsimport Vue from 'vue' //引入Vueimport Router from 'vue-router' //引入vue-routerimport Hello from '@/components/Hello' //引入根目录下的Hello.vue组件 Vue.use(Router) //Vue全局使用Router export
2021-07-01 11:09:27
163
原创 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
7303
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
1372
原创 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
2509
转载 vue.config.js 配置构建(手动构建教程)
vue.config.js 配置构建文章转载来自https://www.jianshu.com/p/b358a91bdf2d
2021-06-30 16:28:51
377
转载 VUE3环境搭建
VUE3环境搭建··文章来自:https://blog.youkuaiyun.com/cyy356/article/details/102868257
2021-06-29 17:47:03
90
转载 VueX之 module 使用方法及场景(二)
VueX之 module 使用方法及场景(二)文章参考:https://segmentfault.com/a/1190000017842777
2021-06-29 17:05:56
104
原创 VueX文章介绍(上篇)
VueX文章介绍1关于VueX·VueX是适用于在Vue项目开发时使用的状态管理工具。试想一下,如果在一个项目开发中频繁的使用组件传参的方式来同步data中的值,一旦项目变得很庞大,管理和维护这些值将是相当棘手的工作。为此,Vue为这些被多个组件频繁使用的值提供了一个统一管理的工具——VueX。在具有VueX的Vue项目中,我们只需要把这些值定义在VueX中,即可在整个Vue项目的组件中使用。在VueX对象中,其实不止有state,还有用来操作state中数据的方法集,以及当我们需要对state中的
2021-06-29 16:03:13
91
转载 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
205
原创 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
378
转载 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
3647
转载 2021-06-09
vue cli3.0快速搭建项目详解(强烈推荐)【转发 来自 https://www.cnblogs.com/coober/p/10875647.html 】仅供自己收藏学习
2021-06-09 10:12:46
43
原创 ## 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
102
原创 Axios 请求配置参数详解
Axios 请求配置参数详解转发来自:https://blog.youkuaiyun.com/moxiaoya1314/article/details/73650751/
2021-03-31 17:41:03
220
转载 push() pop() shift() unshift() splice() sort()
转载来自 :https://blog.youkuaiyun.com/weixin_43376132/article/details/105477192push,pop,shift,unshift,splice,sort,reverse1.push()2.pop()3.shift()4.unshift()5.splice()6.sort()7.reverse()1.push()push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度push()内部可以插入多个值,在数组末尾添加新值
2020-12-12 20:17:48
454
转载 WEB前端学习路线2020完整版(附视频教程+学习资料)(来自转载、个人收藏)
WEB前端学习路线2020完整版(附视频教程+学习资料)其作者:千锋教育官方博客出处:https://qfdeu.blog.youkuaiyun.com/article/details/89954631
2020-12-11 09:57:28
322
转载 less的安装及用法 (来自转载)
less的安装及用法 (来自转载)出处:https://www.cnblogs.com/gaoht/p/9132228.html内有详细讲解(需配置node 环境)
2020-12-11 09:32:19
93
转载 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
310
转载 JS原型和原型链是什么?其详解(来自转载)
转载自:https://blog.youkuaiyun.com/qq_42019025/article/details/80708446
2020-12-09 21:41:02
84
转载 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
264
原创 前端兼容性集合
如何禁止手机浏览器下拉https://zhidao.baidu.com/question/1703911987719567580.htmldocument.addEventListener('touchstart',function(event){event.preventDefault();});===================================================微信浏览器禁止页面下拉查看网址(不影响页面内部scroll)https://www.jians
2020-12-06 21:06:26
236
原创 移动端自适应代码
<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
754
原创 前端初始化样式
我的初始化样式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
416
原创 IIS配include(.shtml)
include格式:(直接将对应的代码复制到文本文档,把文本的后缀名改成.inc)1.打开IIS2.点击处理程序映射-添加模块映射3.在弹出的对话框填入以下信息-确定即可**若选项中没有ServerSideIncludeModule这一选项,则需配置控制面板-程序和功能-打开或关闭windows功能(左上角勾选服务器端包含-重启iis-重复步骤1、2、3Ps:刚设置后需要过几分钟iis才可以打开include页面...
2020-12-06 20:43:39
590
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人