![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
JavaScript的基础入门学习记录
_不是惊风
明天会吹拂着明天的风
展开
-
vue注册自定义指令,添加权限判断
添加按钮级权限判断原创 2022-12-14 14:49:08 · 225 阅读 · 1 评论 -
封装js方法,实现获取url参数
通用方法获取url参数原创 2022-12-05 11:11:33 · 300 阅读 · 0 评论 -
el-table 排序
el-table排序原创 2022-07-26 10:01:33 · 5047 阅读 · 2 评论 -
v-if和v-for的优先级
在同一级别以v-for优先永远不要把 v-if 和 v-for 同时用在同一个元素上。一般我们在两种常见的情况下会倾向于这样做:如果是一个列表中的项目 (如 v-for=“item list” v-if=“item.check”)。在这种情形下,请将 list 替换为一个计算属性 (比如 checkListNew),让其返回过滤后的列表,然后再进行渲染。computed: { checkListNew: function () { return this.list.filter(f原创 2021-10-26 17:57:34 · 2222 阅读 · 0 评论 -
什么是跨域?怎么解决跨域
跨域问题的出现小程序不存在跨域的问题,但如果当前的项目发布成H5模式,则会出现跨域以H5项目进行当前项目的运行如果没有配置web服务器内容,则会出现无法运行的情况需要配置浏览器的安装路径跨域问题的解决方式最为快速简单的方式是安装客户端浏览器调试插件,只需要利用CORS unblock插件,开启该插件,就可以直接进行本地跨域测试操作利用vue.config.js设置跨域代理操作,在项目根目录新建module.exports = { devServ原创 2021-10-26 17:37:52 · 3031 阅读 · 1 评论 -
邮箱、微信号、手机号正则验证
js表单验证原创 2021-06-04 14:56:25 · 6709 阅读 · 0 评论 -
for 和 for...in 和 for...of
for in 和for of的区别1 遍历数组通常用for循环ES5的话也可以使用forEach,ES5具有遍历数组功能的还有map、filter、some、every、reduce、reduceRight等,只不过他们的返回结果不一样。但是使用foreach遍历数组的话,使用break不能中断循环,使用return也不能返回到外层函数。Array.prototype.method=function(){ console.log(this.length);}var myArray=[1,2,4原创 2021-01-17 14:37:54 · 6699 阅读 · 0 评论 -
axios请求方式和配置项
axiosgithub 开发者平台https://developer.github.com/axios安装&导入npm i axiosimport axios from "axios"基本五种请求get请求axios(config)axios(url,config)axios.get(url,config)post请求axios(config)axios(url,config)axios.post(url,data,config)put请求axios(conf原创 2020-12-29 11:03:51 · 7878 阅读 · 0 评论 -
vue过渡动画
vue过渡动画Vue 在插入、更新或者移除 DOM 时,提供多种不同方式的应用过渡效果。对于这些在过渡中切换的类名来说,如果你使用一个没有名字的 transition,则 v- 是这些类名的默认前缀。 如果你使用了 transition name=“my-transition”,那么 v-enter 会替换为 my-transition-enter。transition组件Vue 提供了 transition 的封装组件,在下列情形中,可以给任何元素和组件添加进入/离开过渡 条件渲染 (使用原创 2020-12-29 11:00:00 · 96 阅读 · 0 评论 -
Vue组件间通信深入,父向子 子向父 非父子
组件间传值父向子传值通过标签属性传值 如果子组件的props接收了 那这个标签属性就具有props特性 如果子组件的props没有接收 那这个标签属性就是一个普通的自定义属性 /*vue中父组件向子组件传递数据的套路: 1. 父组件通过子组件的标签属性向子组件传递数据 2. 子组件要通过props配置来选择性的接受父组件的数据*/<body> <div id="app">原创 2020-12-29 10:59:12 · 6431 阅读 · 0 评论 -
解决 Uncaught (in promise) Error: Navigation cancelled from “/...“ to “/...“ with a new navigation.
解决 Uncaught (in promise) Error: Navigation cancelled from “/Search#1608911018888” to “/Search#1608911019245” with a new navigation.这个错误是vue-router内部错误,没有进行catch处理,导致的编程式导航跳转问题,往同一地址跳转时会报错的情况push和replace 都会导致这个情况的发生解决方法如下:在路由器中进行配置import VueRouter原创 2020-12-25 23:56:44 · 15811 阅读 · 7 评论 -
vue手动封装分页组件
单独封装一个分页组件,进行全局注册,在需要使用的组件中进行引入,达到复用提高效率 1. total,总条数 (外部使用Pagination组件的区域传递进来的数据) 2. pageSize,每页显示多少条(外部使用Pagination组件的区域传递进来的数据) 3. totalPage, 根据1,2派生出总页数 4. lxyms,连续页码数(外部使用Pagination组件的区域传递进来的数据) 5. currentPage,当前页(内部数据) 6原创 2020-12-17 19:57:02 · 6927 阅读 · 0 评论 -
解决 Error in render: “TypeError: Cannot read property ‘name‘ of undefined“ found in
这是由于新增操作快,界面还未更新调用计算属性computed导致的错误可用async 和 await进行卡流程控制,如新增操作先改list 再改id原创 2020-12-08 20:04:59 · 9464 阅读 · 0 评论 -
解决vue在开发模式下警告 You are running Vue in development mode.
阻止你显示显示生产模式的消息You are running Vue in development mode.Make sure to turn on production mode when deploying for production.See more tips at https://vuejs.org/guide/deployment.html加入 Vue.config.productionTip = false;//屏蔽提示信息Vue.config.productionTip = fal原创 2020-11-29 17:37:36 · 13440 阅读 · 1 评论 -
React中的生命周期 钩子函数
React组件从创建到销毁的过程称为React生命周期。**在生命周期当中所暴露出来的函数称为钩子函数。**1.生命周期挂载阶段constructor() --> componentWillMount() -->render() -->componentDidMount()<script type="text/babel"> class App extends React.Component{ #1.构造器 constructo原创 2020-11-26 16:54:52 · 8879 阅读 · 0 评论 -
for和双重for循环的用法和案例举例
7.1 for循环for ( 初始化变量;条件表达式;操作表达式){ //循环体} 1.初始化变量:就是用var 声明的一个普通变量,在循环(代码块)开始之前执行。通常用于计数器的使用。可以不写。 2.条件表达式 就是用来决定每一次循环是否继续执行,就是终止的条件 3.操作表达式:会在循环(代码块)每次被执行后执行。是每次循环最后执行的代码 经常用于我们计数器变量进行更新(递增或者递减) for(var i = 0; i<=5; i++ ){ console.原创 2020-08-16 15:02:23 · 12299 阅读 · 1 评论 -
分支结构语句if...else 和 if...else if...else 和 switch-case
分支结构语句1.单项判断单项判断:当if小括号中返回的是true时,执行大括号中的代码,当if小括号中返回的是false时不执行大括号中的代码当条件1为真时返回语句1,为假则不返回值 if(条件1){ 语句1; } var age = 17; if(age >= 18){ console.log('终于可以拿着身份证去酒店了'); console.log('终于可以拿着身份证去网吧了'); }原创 2020-08-14 19:17:53 · 401 阅读 · 0 评论 -
JS循环介绍
if语句**多重判断(if…else嵌套语句)要在多组语句中选择一组来执行,使用if…else嵌套语句。语法:if(条件1){ 条件1成立时执行的代码}else if(条件2){ 条件2成立时执行的代码}...else if(条件n){ 条件n成立时执行的代码}else{ 条件1、2至n不成立时执行的代码}多种选择(Switch语句)当有很多种选项的时候,swi...原创 2020-03-24 08:50:45 · 292 阅读 · 0 评论 -
JS数组方法,排序,二维数组
创建数组 var myarr= new Array();数组索引从0开始,0代表第一个var myarr=new Array(); //定义数组 myarr[0]=80; myarr[1]=60; myarr[2]=99; document.write("第一个人的成绩是:"+myarr[0]); document.write("第二个人的成绩是:"+myarr[1]); doc...原创 2020-03-23 13:45:32 · 6885 阅读 · 1 评论 -
js中的弹框alter 和 prompt 和confirm
js与浏览器窗口交互获取id为con 的元素:var myh=document.getElementById("con"); 获取id为con的元素的内容并显示到浏览器:var myh=document.getElementById(" con").innerHTML;输出内容document.write();警告框alter();<script type="text/j...原创 2020-03-20 16:48:17 · 6258 阅读 · 0 评论 -
js变量和操作符
//confirm的使用<title>我们互动下</title><script> function mychar(){ var add=confirm("js进击篇"); if(add==true){ document.write("继续努力"); } else{...原创 2020-03-23 10:25:46 · 6507 阅读 · 0 评论