前端
哆梦没有口袋
这个作者很懒,什么都没留下…
展开
-
前端常用网站
用于个人学习记录,持续更新1、查询浏览器的兼容性:https://caniuse.com/2、解决代码中字段命名困难问题:https://unbug.github.io/codelf/3、 Web API 技术标准的开发文档网站:https://developer.mozilla.org/zh-CN/...原创 2021-04-23 15:10:50 · 191 阅读 · 0 评论 -
vue之v-model的基本使用及原理
Vue中有许多指令,其中有一个常用的指令是v-model,通过v-model我们就能够实现数据的一个双向绑定,注意,v-model一般用于表单元素中。先来看一个v-model的基本使用。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../../vue-dev原创 2020-11-21 20:34:33 · 511 阅读 · 0 评论 -
使用Vue完成简单的购物车案例
表格的样式有点丑,可以自行调整一下。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../vue-dev/dist/vue.js"></script> <style> table{ w原创 2020-11-21 16:28:19 · 465 阅读 · 0 评论 -
vue面试题——v-if 和v-show的区别
面试前端时,涉及到vue,v-if和v-show几乎是必问的一道题,所以记录一下。首先我们先来看一段代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../vue-dev/dist/vue.js"></script></head&原创 2020-11-18 22:37:03 · 668 阅读 · 1 评论 -
Vue之input复用问题
先来看一下一段实现登录切换的小案例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../vue-dev/dist/vue.js"></script></head><body><div id="app">原创 2020-11-18 22:14:07 · 625 阅读 · 0 评论 -
vue实现列表动态绑定样式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../vue-dev/dist/vue.js"></script> <style> .active{ color:red;原创 2020-11-17 15:30:56 · 401 阅读 · 0 评论 -
js中的五种迭代方法
1、every()对数组中的每一项运行给定函数,如果该函数对每一项都返回true,则返回true。var numbers=[1,2,3,4,5,4,3,2,1];var everyResult = number.every(function(item,index,array){ return(item>2);});alert(everyResult)); //false2.filter()对数组中的每一项运行给定函数,返回该函数会返回true的项组成的数组var numbers =原创 2020-10-27 20:42:51 · 1121 阅读 · 0 评论 -
js面试题-找出字符串中的数字,并替换为*
for循环实现function replace(){ var str='ba123jj4589'; var arrStr = str.split(""); //将字符串转换为数组 for(let i=0;i<arrStr.length;i++){ if(arrStr[i]>='0'&&arrStr[i]<='9'){ arrStr[i]='*'; } } arrStr=arrStr.join(""); c原创 2020-10-22 20:17:11 · 1986 阅读 · 0 评论 -
JS垃圾回收机制
什么是垃圾回收(GC)?程序在运行的过程中会产生垃圾,这些垃圾积攒的太多了,就会导致程序运行的速度过慢,因此我们就需要一个垃圾回收的机制,来处理程序运行过程中产生垃圾。什么是“垃圾”?当一个对象没有任何的变量或是属性对它进行引用,此时我们就永远无法操作该对象,该对象就是一个垃圾,这种对象过多的话就会占用大量的内存空间,导致运行程序变慢,这种垃圾就必须进行清理。JS中的垃圾回收机制在JS中拥有自动的垃圾回收机制,会自动将这些垃圾对象从内存中销毁,我们不需要也不能进行垃圾回收的操作,我们仅需原创 2020-10-22 17:17:00 · 232 阅读 · 0 评论 -
js轮播图
外部js文件tool(控制图片的移动)function getStyle(obj,name){ // if(window.getComputedStyle){ // return getComputedStyle(obj,null)[name]; // }else{ // return obj.currentStyle[name]; // } return window.getComputedStyle? getComputedStyle(原创 2020-09-27 13:59:51 · 109 阅读 · 0 评论 -
js之div跟随鼠标移动
一、主要用到的相关属性:1)onmouseover2)clientX、clientY3)pageX、pageY4)document.body.scrollTop5)document.documentElement.scrollTop;二、实现第一版本<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"> <title>Title</title>原创 2020-09-24 11:53:45 · 2300 阅读 · 0 评论