栏目: JavaScript

原生Js实现购物车

原生就js实现购物车增删改查。。。*{margin:;padding:;}.fl{float:left;}.fr{float:right;}.clearfix{clear:both;zoom:1;}.shopping{width:1200px;margin:auto;font-size:14px;}...

2021-05-17 109 0 0 阅读全文

Vue使用Transition组件动画效果的实例代码

transition文档地址定义一个背景弹出层实现淡入淡出效果Togglehelloexportdefault{data:()=>({show:true}),};.fadeBg-enter-active,.fadeBg-leave-active{transition:opacity0.3sea...

2021-03-29 117 0 0 阅读全文

JS代码屏蔽F12,右键,粘贴,复制,剪切,选中,操作实例

屏蔽f12审查document.onkeydown=function(){if(window.event&&window.event.keyCode==123){alert("F12被禁用");event.keyCode=0;event.returnValue=f...

2021-04-28 82 0 0 阅读全文

原生Js实现分页效果

效果如下:Document//分页调用方法constApi=newpageNation({el:"#page-nation",//分页器位置page:1,//当前页size:5,//默认5,10,15,20total:100,//数据总条数styUrl:'./page.css',...

2021-05-17 98 0 0 阅读全文

解决Layer.Open弹出框不能获取Input框的值为空的问题

最近使用layer框架来做页面弹出框操作。总是不能获取弹出框中input的值,代码如下:红色标记区域添加js代码//Ajax添加品牌functionaddBrandWI(){layer.open({type:0,title:'品牌添加',shadeClose:true,shade:0.8,btn:[...

2021-04-27 107 0 0 阅读全文

VueCli生产环境打包部署跨域失败的解决

常见的跨域配置(/config/index.js):proxyTable:{'/api':{target:'http://192.168.2.139:8080/Mobile/Max',//接口的域名//secure:false,//如果是https接口,需要配置这个参数changeOrigin:tr...

2021-04-18 71 0 0 阅读全文

JavaScript中Html画布的使用与页面存储技术

JavaScript中html画布的使用与页面存储技术一、JavaScript使用html中的画布1、画布:页面中用于绘制图形的特殊区域2、绘制图形的过程(1)创建画布:使用html5中画布标签(2)JavaScript中获取画布document.getElementById('id')(3)准备画...

2021-08-12 86 0 0 阅读全文

AngularJS自定义服务与Fliter的混合使用

1.创建自定义服务"$swl"varapp=angular.module('myApp',[]);app.service("$swl",function(){this.after=function(data){return"("+data+...

2021-05-13 104 0 0 阅读全文

详解Vue-Router的安装与使用

VueRouter是Vue.js官方的路由管理器。它和Vue.js的核心深度集成,让构建单页面应用变得易如反掌。安装1.在已有Vue项目中手动安装vue-routernpminstall--savevue-router使用vue-cli创建自带vue-router的新项目空格选择/取消a全选i反选v...

2021-06-22 80 0 0 阅读全文

JS扁平化输出数组的2种方法解析

这篇文章主要介绍了JS扁平化输出数组的2种方法解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下1.使用数组的flat方法[1,2,[3,[4,5]]].flat(Infinity)//[1,2,3,4,5]2.实现方式二:vararr=[[1,2...

2021-04-28 106 0 0 阅读全文

JavaScript接入百度地图API的方法步骤

一、百度地图API接入1、搜索百度地图开发平台2、注册百度账号3、登陆并申请成为开发者4、在百度地图开发平台的首页选择控制台,在控制台中创建应用创建好应用以后就能在控制台我的应用中看到这个应用,其中最重要的是AK,这是百度地图分配给我们应用的一个专用的秘钥,必须使用秘钥才能访问百度地图API。二、在...

2021-07-05 83 0 0 阅读全文

Vue使用Proxy代理后仍无法生效的解决

vue.js配置了前端代理却未能生效记录一下最近踩得小坑:配置完代理后请一定重新执行(重要,非常重要!)npmrundev若重新执行命令后,代理仍为生效,请按下方步骤进行检查:检查index.js文件中的代理是否配置正确,示例如下:proxyTable:{'/api':{//代理标识target:'...

2021-04-18 117 0 0 阅读全文

React Native 仿微信聊天室实例代码

一、9月,又到开学的季节。为每个一直默默努力的自己点赞!最近都沉浸在reactnative原生app开发中,之前也有使用vue/react/angular等技术开发过聊天室项目,另外还使用RN技术做了个自定义模态弹窗rnPop组件。一、项目简述基于react+react-native+react-n...

2021-04-28 102 0 0 阅读全文

Vue路由拦截及页面跳转

路由设置:router/index.jsexportdefaultnewRouter({routes:[{path:'/selfcenter',name:'selfcenter',meta:{requireAuth:true//配置此条,进入页面前判断是否需要登陆},component:selfce...

2021-06-16 84 0 0 阅读全文

Antd Vue刷新保留当前页面路由,保留选中菜单,保留Menu选中操作

废话不说,上代码!nav1nav2nav3重点:1,selectedkeys要设置成$route.path地址2,a-menu-item的key设置成要去的地址刷新页面,成功!

2021-05-26 141 0 0 阅读全文

原生Js实现购物车功能

使用html配合原生js实现购物车功能*实现购物车商品数量的加减,注意数量最少为1,数量输入仅能为数字*实现购物车商品的移除*可以在同一页面再设计几个商品信息,每个商品有价格,图片,名称,以及添加至购物车按钮,点击按钮后添加至购物车*实现购物车商品的总价计算商品html,body{margin:0;...

2021-05-17 90 0 0 阅读全文

VUE.Js实现动态设置输入框Disabled属性

需求背景页面从list列表展示,跳转到新增和修改的时候,新增和修改用的是同一个页面:add-or-update.vue。修改的时候用户的账号不能修改,因此需要将账号的输入框属性设置为"只读"。代码样例v-bind:disabled="dataForm.id!=0&quo...

2021-05-06 114 0 0 阅读全文

使用Vue项目配置多个代理的注意点

在Vue项目的开发过程中,为了本地调试方便,我们通常会在vue.config.js中配置devServer来在本地启动一个服务器,在这个选项中,我们会配置proxy属性来将指向到本地的请求(例如:/api/action)代理到后端的开发服务器上(例如:http://xxx.xxx.xxx/api/a...

2021-07-09 99 0 0 阅读全文

详解微信小程序动画Animation执行过程

实现过程简单来说,整个动画实现过程就三步:创建一个动画实例animation。调用实例的方法来描述动画。最后通过动画实例的export方法导出动画数据传递给组件的animation属性。前两步是定义一个动画并设置都要干什么,然后把这个设置好的“规则”扔给界面上的某个元素,让它按照这个规则执行。当然如...

2021-05-17 126 0 0 阅读全文

React Hooks使用常见的坑

函数组件比类组件更加方便实现业务逻辑代码的分离和组件的复用,函数组件也比类组件轻量,没有reacthooks之前,函数组件是无法实现LocalState的,这导致有localstate状态的组件无法用函数组件来书写,这限制了函数组件的应用范围,而reacthooks扩展了函数组件的能力。可是在使用的...

2021-06-22 65 0 0 阅读全文