weixin_45176023的博客

原创 border的具体使用

原创 URL传参数

比如在输入输入之后，你在去输入后的东西去发起请求或者跳转，if(val.trim() != “”){window.location.href = “https://www.so.com/s?q=+val”;window.location.href = “https://www.so.com/s?q=”+val;https://hao.360.com}在百度输入输入框 ，if(val....

原创 判断一个字符串中出现最多的字符，以及他的次数

var str="asdfbasdfbhtcyvdgfavhsdgfvsdfdsfbvhjfsdf"var obj = {};for (var i = 0; i < str.length; i++) {if (!obj[str.charAt(i)]) {obj[str.charAt(i)] = 1;} else {obj[str.charAt(i)]++;}}var ma...

原创 获取设置样式的兼容的方法

设置或获取样式兼容函数function css(obj, attr, val){// 判断是设置样式还是获取样式if(!val){ //获取样式if(window.getComputedStyle){ //判断浏览器是否支持getComputedStylereturn getComputedStyle(obj)[attr];}else{return obj.currentSt...

原创 js基础2

2.6 函数的定义也有作用域1 //这个函数返回a的平方加b的平方2 function pingfanghe(a,b){3 return pingfang(a) + pingfang(b);4 //返回m的平方5 function pingfang(m){6 return Math.pow(m,2)7 }8 }910 // 现在相求4的平方，想输...

原创 js基础

2.5 全局变量的作用全局变量挺有用的，有两个功能：功能1：通信，共同操作同一个变量两个函数同时操作同一个变量，一个增加，一个减少，函数和函数通信。1var num = 0;23function add(){4 num++;5}67function remove(){8 num–;9}功能2：累加，重复调用函数的时候，不会重置1 var num = 0;2 fun...

原创 修饰符

原创 watch 和methods 的区别

Document 这边的话注释要好好看看，一个点击事件可以更改所有的数据，在method中，另外在computed中只操作当前的

原创 代码

<input type="text" name="zh" v-model="userName" placeholder="请输入用户名 "/><br /><input type="password" v-model="password" placeholder="请输入密码" name="pw"/><div class="biu" @click...

原创 token校验，在请求头里面的参数的字段名根据后台的需求不要更改

但是参数名是后端需要识别的，绝对不能有不一样的，格式是对象还是数组还是变量都不能变，名字大小写绝对不能变一定要一样，然后你获取token返回值里的token存贮到缓存中，然后获取缓存的值然后把这个值放在你调接口的那个head里就两行代码，一行定义变量并赋值localstorage里面的token然后下面吧这个变量传到后台...

原创 路径

世:./和不写，都是当前文件同一层世:…/是上层世:…/…/是上上层

原创 如何让单选框的内容点击可以切换的

MaleFemale

原创 URL 详解

原创 常用的内容

原创 为什么设置高度没有效果

1 ，遇到一个比较坑的情况就是 内容的高度就这么高，分页设置多了，才会出现对应的高度

原创 点击登录出现弹窗，为什么无效

因为“block” 当通过style.display= 这边需要给“” 组织名称 组织编码组织类型 ------ 全部 公司 部门 搜索 新增机构 新增子机构 删除 1 2 3 4 5 ...

原创 css的属性非常规使用的

input::placeholder{}

原创 获取元素的几种方式

1var oInput1 = document.getElementById(“jia”);var oInput2 = document.getElementById(“yi”);2var aInput = document.getElementsByTagName(“input”);3var aInput = document.getElementsByClassName(“getSpee...

原创 弹窗

登录爱奇艺

原创 树形菜单的属性分析

:indent=“0” 减少子节点的较大缩进

原创 根据后台给的数据来实现什么样的宽度

tableSettingsFiled(value){this.$nextTick(function(){setTimeout(function(){let temp = document.getElementById(“right”).offsetWidth;let tableTemp = document.querySelectorAll(".el-table__header-wrapp...

原创 vuex 数据持久化的插件

博客园 首页 新随笔 联系 管理 订阅订阅 随笔- 40 文章- 0 评论- 0vuex 状态持久化插件 —— vuex-persistedstate安装：npm install --save vuex-persistedstate引用：import createPersistedState from ‘vuex-persistedstate’配置：new Vuex.Store(...

原创 css3常用的知识点

就是说 transform: rotate(180deg);

原创 那个就是实现列表过度效果在vue中，

使用场景 {{ item.meta.title }}

原创 媒体查询常用的属性

all 用于所有的媒介设备。aural 用于语音和音频合成器。braille 用于盲人用点字法触觉回馈设备。embossed 用于分页的盲人用点字法打印机。handheld 用于小的手持的设备。print 用于打印机。projection 用于方案展示，比如幻灯片。screen 用于电脑显示器。tty 用于使用固定密度字母栅格的媒介，比如电传打字机和终端。tv 用于电视机类型的设...

原创 兼容的问题，后续更新

IE9, Firefox, Chrome, Opera 和 Safari 使用属性 opacity 来设定透明度。opacity 属性能够设置的值从 0.0 到 1.0。值越小，越透明。IE8 以及更早的版本使用滤镜 filter:alpha(opacity=x)。x 能够取的值从 0 到 100。值越小，越透明。...

原创 最大最小的应用场景

原创 引入一个vue的意义

import Vue from ‘vue’import Vue form 'vue’的意思import Vue form 'vue’的意思import Vue form ‘vue’ 写全的话是import Vue from ‘…/nodemouls/vue/list/vue.js’； 此时在webpack.base.conf.js中进行了定义，内置了一些选项，extenions:[’.js’...

原创 vue +bootstrap

1,安装jq2 引入jq3安装 bootstrapnpm i bootstrap@4 ,5!import 这个时候一个重点就是在main.js中引入js文件会出现一个报错Module not found: Error: Can’t resolve ‘popper.js’ ….6安装npm install popper.js -D就可以正常运行了...

原创 封装一个随机数

function getRandom(min,max){ return Math.floor(Math.random()*(max-min)+min); }

原创 三级联动

Document --请选择-- {{ item.name }} --请选择-- {{ item.name }} --请选择--...

原创 简单的tab切换

Document

原创 全选与全不选疑惑

Document 全选 篮球 足球 乒乓球</div><script> var vm = new Vue({ el: "#app", data: { isAllCheck: fal...

原创 vue 事件的修饰符

事件修饰符在事件处理程序中调用 event.preventDefault() 或 event.stopPropagation() 是非常常见的需求。尽管我们可以在方法中轻松实现这点，但更好的方式是：方法只有纯粹的数据逻辑，而不是去处理 DOM 事件细节。为了解决这个问题，Vue.js 为 v-on 提供了事件修饰符。之前提过，修饰符是由点开头的指令后缀来表示的。.stop.prevent...

原创 vue的注意点

不要在选项属性或回调上使用箭头函数，比如 created: () => console.log(this.a) 或 vm.$watch(‘a’, newValue => this.myMethod())。因为箭头函数并没有 this，this 会作为变量一直向上级词法作用域查找，直至找到为止，经常导致 Uncaught TypeError: Cannot read property o...

原创 css的一个写法

创建一个横跨屏幕的div，div 两边有 50px 的间隙：一些文本...

原创 实现分页

原创 @media 的使用规范

今天想了解下网站自适应是怎么实现的，接看到这篇文章自己觉得特别好，就保存下来。也供更多的朋友了解学习下。优点:无需插件和手机主题,对移动设备友好,能够适应各种窗口大小。只需在CSS中添加@media screen属性,根据浏览器宽度判断并输出不同的长宽值准备工作1：设置Meta标签首先我们在使用Media的时候需要先设置下面这段代码，来兼容移动设备的展示效果：这段代码的几个参数解释：w...

原创 一个简单的求和

***明星班同学成绩录入 姓名：张一 姓名：李二 姓名：王三 姓名：赵四 姓名：尹五 姓名：陆七 姓名：虫八 姓名：九九 姓名：水红芍 姓名：花儿 计算总成绩平均值 ...

原创 bom基础

// window.location = “https://www.baidu.com/s?wd=oppo#666”;// 绑定点击事件(刷新)oRefresh.onclick = function(){ window.location.reload(); } </script>