ifHappyEveryDay@-CSDN博客

（1）script setup直接在script标签里面写setup，不用return数据啦。举个栗子<template> <img alt="Vue logo" src="./assets/logo.png" /> <HelloWorld :msg="test"></HelloWorld> <span>{{ test }}</span></template><script setup&gt

2021-03-14 12:09:25 1255

原创 Vue手动实现高频实用性能优化的自定义指令集

（1）v-copy 复制指令实现一键复制文本内容，用于鼠标右键粘贴。const copy = { bind(el, { value }) { el.$value = value el.handler = () => { if (!el.$value) { // 值为空的时候，给出提示。可根据项目UI仔细设计 console.log('无复制内容') return } // 动态创建 tex

2021-03-14 11:57:43 348

转载 [转]【已解决】vue-cil3 运行报错：x errors potentially fixable with the `--fix` option

背景：3 errors found.3 errors potentially fixable with the `--fix` option.解决办法：找到package.json文件然后将下面lint部分修改为： eslint --fix --ext .js,.vue src修改后依旧没解决：先查看Esint是否关闭，如果关闭的话，修改上面也是会跑不起来的最终解决办法：如果还没有解决的话，那就别安装Eslint，或者已经安装了取消不使用它了（我最后是使用了这...

2020-09-02 19:08:36 1742

转载 vue openlayers 初始化地图加载详解

1. openlayers 简介：openlayers是一个开源免费的js库，用于在网页中实现地图的动态显示和交互。一起看看官方对openlayers的介绍。OpenLayers使在任何网页中放置动态地图变得容易。它可以显示地图块，矢量从任何源加载的数据和标记。开发OpenLayers是为了进一步使用各种地理信息。它是完全免费的开源JavaScript。2. 话不多说，先看效果3. 在vue环境下，创建一个Map地图3.1 npm 安装 openlayerscnpm i

2020-06-03 13:07:32 1004

原创微信小程序之传值

玩转前端当然也要玩转微信小程序，因为微信小程序基于前端呀1.url传值在界面跳转中，我们可以用url传值，没错，可以把值放到url后面比如：A界面跳转到B界面使用wx.navigator或者其他跳转方式直接url拼接比如：'../index?id='+id (A界面)在B界面接受值，在onload()方式中的options来接受，比如options.id2.使用本地存储存...

2019-10-24 21:02:36 200

原创 javascript 字符串以及数组方法归纳

1.concatconcat() 方法用于连接两个或多个数组。该方法不会改变现有的数组，仅会返回被连接数组的一个副本。var arr1=[1,2,3];var arr=arr1.concat([4,5,6]);2.joinjoin() 方法用于把数组转成字符串。元素是通过指定的分隔符进行分隔的，默认使用','号分割，不改变原数组。var arr = [1,2,3,4];conso...

2019-10-11 23:19:41 224

原创 BFC食用教程

1.什么是BFC?BFC块格式化上下文（Block Formatting Context，BFC）是Web页面的可视化CSS渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域。2.BFC的布局规则1.内部的Box盒子会在垂直方向，一个接一个地放置;2.Box垂直方向的距离由margin决定，属于同一个BFC的两个相邻Box的margin会发生重叠;3.每...

2019-09-18 09:58:35 147

原创 js数组去重(简单常用)

方法1 es6的set方法(常用)function qc(arr){return Array.from(new Set(arr))}方法2 indexOf循环去重法function qc(arr){let array=[];for(let i=0;i<arr.lrngth;i++){if(array.indexOf(arr[i])===-1){array.push(...

2019-09-15 12:01:06 211

原创解决回调地狱

1.声明:什么是回调地狱回调地狱就是:js异步编程,嵌套多个回调函数,每一层的回调函数都需要依赖上一层的回调执行完，所以形成了层层嵌套的关系,那就是回调地狱.(注:不理解?不存在的,上代码!)setTimeout(function(){ console.log("666"); setTimeout(function(){ console.log("777");...

2019-09-11 21:06:33 322

原创人人前端面试试题三

参考代码(借鉴并改进)<!DOCTYPE html><html><head> <meta charset="{CHARSET}"> <title>人人题目</title> <style> html, p { margin:...

2019-09-09 21:07:48 209

原创 css权重食用详情

1.权重1.1标签选择器/伪类(权重1);1.2类选择器(权重10);1.3id选择器(权重100);1.4行内样式(权重1000);1.5!important(权重最高);2.权重计算2.1 eg:标签选择器+类选择器,div .lol=1+10=11权重3.注意事项3.1碰到样式覆盖时，最先选择的往往是!important。注意:但是这种做法不好，应该优先考虑从样式的级联属...

2019-09-08 09:59:23 139

原创 vue之keep-alive

1.说明keep-alive用来缓存组件,避免多次加载相应的组件,减少性能消耗2.食用方法(1)组件缓存<keep-alive> <component>  </component></keep-alive> (2)页面被缓存<!--页面被缓存--...

2019-09-06 09:49:38 211

原创百度面试题之表格排序

题目解题代码(兼容中文排序和数字排序)<!DOCTYPE html><html><head><meta charset="utf-8"/> <title>表格排序</title></head><style type="text/css"> table{ ...

2019-09-01 11:07:28 155

原创 MarkDown语法

一.标题# 一级标题## 二级标题...二.文本* //强调** //加粗_文本_ //斜体~~文本~~ //删除==文本== //标记> //引用 ^数字^ //科学记数法<u></u> //下划线三.列表-无序列表1.有序列表...

2019-08-28 20:15:12 75

原创人人前端面试题二

参考代码<!doctype html><html><head> <meta charset="UTF-8"> <title>人人试题</title> <style> * { margin: 0; padding: 0...

2019-08-14 16:08:02 361

原创人人前端笔试题

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>人人面试</title> <style type="text/css"> * { padding: 0; ...

2019-08-14 00:23:54 358

原创百度前端面试题

(问答题) HTML的 Doctype 作用 ? 严格模式与混杂模式如何区分？它们有何意义 ?参考答案1.<!DOCTYPE> 声明位于文档中的最前面，处于标签之前。告知浏览器的解析器，用什么文档类型规范来解析这个文档。2.严格模式的排版和 JS 运作模式是以该浏览器支持的最高标准运行。在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无...

2019-08-10 14:28:51 1876

原创百度前端面试题---绘画图形

参考程序: <style>#demo { width: 100px; height: 100px; background-color: #fff; position: relative; border: 2px solid #333;}#demo::before{ width: 0; height: 0; conte...

2019-08-10 14:15:04 243

原创面试宝典之前端核心知识点

JSONP的缺点参考回答：JSON只支持get，因为script标签只能使用get请求；JSONP需要后端配合返回指定格式的数据。跨域（jsonp，ajax）参考回答：JSONP：ajax请求受同源策略影响，不允许进行跨域请求，而script标签src属性中的链接却可以访问跨域的js脚本，利用这个特性，服务端不再返回JSON格式的数据，而是返回一段调用某个函数的js代码，在s...

2019-08-09 15:40:02 225

原创 layui弹出层表单

弹出层表单很常见,也很实用,无论是在’pc端网页还是在移动端.现在用layui来实现一下这个表单吧.html<form class="layui-form" id="test" style="display:none"> <div class="layui-form-item"> <label class="layui-form-label">...

2019-07-03 09:11:55 30709 13