随笔分类 -  js

rem计算
摘要：1 (function (win, doc) { 2 if (!win.addEventListener) return; 3 var html = document.documentElement; 4 function setFont() { 5 var html = document.docu 阅读全文
posted @ 2020-11-26 14:37 城里的乡下人 阅读(98) 评论(0) 推荐(0)
vue小打小闹
摘要：1、根据数组中的值判断显示的class类名 <ins :class="{'vf-zheng':val=='1','vf-zhan':val=='3','vf-teyao':val=='2'}" v-for="val in item.tagArray"></ins> 阅读全文
posted @ 2020-09-08 15:27 城里的乡下人 阅读(100) 评论(0) 推荐(0)
array数组的for、map和foreach的区别
摘要：forEach()和map()两个方法都是ECMAScript5中Array引进的新方法，主要作用是对数组的每个元素执行一次提供的函数，但是它们之间还是有区别的。 老规矩，先看定义： Array.prototype.map() 官方解释：数组映射 不会修改原来的数组 Array.prototype. 阅读全文
posted @ 2020-06-15 17:59 城里的乡下人 阅读(688) 评论(0) 推荐(0)
运用JS设置cookie、读取cookie、删除cookie
摘要：JavaScript是运行在客户端的脚本，因此一般是不能够设置Session的，因为Session是运行在服务器端的。 而cookie是运行在客户端的，所以可以用JS来设置cookie. 假设有这样一种情况，在某个用例流程中，由A页面跳至B页面，若在A页面中采用JS用变量temp保存了某一变量的值， 阅读全文
posted @ 2020-01-13 15:46 城里的乡下人 阅读(188) 评论(0) 推荐(0)
浏览器内核
摘要：下各常用浏览器所使用的内核。 1、IE浏览器内核：Trident内核，也是俗称的IE内核； 2、Chrome浏览器内核：统称为Chromium内核或Chrome内核，以前是Webkit内核，现在是Blink内核； 3、Firefox浏览器内核：Gecko内核，俗称Firefox内核； 4、Safar 阅读全文
posted @ 2020-01-03 16:04 城里的乡下人 阅读(122) 评论(0) 推荐(0)
关于html页面间传值的几种方法
摘要：问题 因最近尝试实现客户端与服务端分离，服务端只提供接口，客户端用html+js实现，分成两个独立的项目部署，因项目是个人项目，客户端展示不考虑使用像Angular、Vue、Native这种前端框架实现，于是全部使用静态页面实现，请求数据用ajax，在开发的过程中，就遇到了页面之间传值的问题。 解决 阅读全文
posted @ 2019-12-20 15:44 城里的乡下人 阅读(912) 评论(0) 推荐(0)
Vue组件中引入jQuery
摘要：一、安装jQuery依赖 在使用jQuery之前，我们首先要通过以下命令来安装jQuery依赖： 二、修改配置文件 完成安装jQuery依赖之后，我们要修改 build/webpack.base.conf.js 文件配置文件。注意我现在的Vue版本是2.9，如果你使用的是Vue3.x版本的话，这个配 阅读全文
posted @ 2019-04-09 14:07 城里的乡下人 阅读(405) 评论(0) 推荐(0)
JavaScript如何获取一个元素的样式信息
摘要：跨浏览器方法 getStyle取值的优先级是： 1.动态设置的 2.内联设置的 3.样式表设置的 4.浏览器默认设置的 阅读全文
posted @ 2018-11-09 17:11 城里的乡下人 阅读(335) 评论(0) 推荐(0)
原生js事件篇
摘要：1、给新创建的元素添加事件 给ul下新创建的所有li添加事件，此时li本身添加事件是无效的，只有将事件源绑定到父元素身上然后通过(e.target)才能找到当前所点击的目标元素；代码如下： oUl.addEventListener("click", function(e){ e=e || windo 阅读全文
posted @ 2018-08-30 15:51 城里的乡下人 阅读(185) 评论(0) 推荐(0)
javascript 兼容总结
摘要：2、获取兄弟节点/元素的兼容性问题 1）兄弟节点，所有浏览器都支持 ①nextSibling 下一个兄弟节点，可能是非元素节点；会获取到文本节点 ②previousSibling 上一个兄弟节点，可能是非元素节点；会获取到文本节点 2）兄弟元素，IE8以前不支持 ①previousElementSi 阅读全文
posted @ 2018-08-27 15:30 城里的乡下人 阅读(265) 评论(0) 推荐(0)
ECMAScript6
摘要：1 1、开发环境搭建 2 1) 版本控制工具 3 svn 和 git 4 5 2) 下载安装 nodeJS 和 npm 6 7 3) 在开发工具 (Hbuilder) 中配置 cmd 终端，通过终端安装 Babel 编译器 8 1.初始化项目 9 在安装Babel之前，需要用npm init... 阅读全文
posted @ 2018-04-13 10:44 城里的乡下人 阅读(339) 评论(0) 推荐(0)