代码编织梦想

js的八大数据类型以及四种检测方法-爱代码爱编程

js数据类型 js的数据类型一共存在8种。 在es5中存在6种数据类型 undefined String Object Number Null BooleanES6新增了一种数据类型 Symbol :这种类型的对象永不相等,即便创建的时候传入相同的值也不相等 主要用于解决属性名冲突问题谷歌也出现了一种bigInt,指的是安全存储,操作大整数所以js数据类

2021-01-03-爱代码爱编程

上效果先: 先言: 看过我文章可以知道,这东西似曾相识~ ╭(●`∀´●)╯确实,这个和我另一篇文章“文字点闪特效”原理是差不多的 实现: 1.定义html标签: <h1> <span>佛</span> <span>主</sp

前端玩转位运算(N皇后+Vue3位运算应用)-爱代码爱编程

观感度:🌟🌟🌟🌟🌟 口味:东北小炒肉 烹饪时间:10min 本文已收录在前端食堂同名仓库Github github.com/Geekhyt,欢迎光临食堂,如果觉得酒菜还算可口,赏个 Star 对食堂老板来说是莫大的鼓励。 初识位运算 记忆 & ,与 两个位都为 1 时,结果才为 1| ,或 两个位都为 0 时,结果才为 0

VUE组件-爱代码爱编程

这里写目录标题 VUE组件组件的注册全局注册局部注册 VUE组件 组件的注册 全局注册 在组件中设置数据的方法是跟Vue实例有点不同。data是一个函数并且它是直接返回一个对象,而不是像Vue实例中直接就是一个对象<div class="app"> <!--调用注册的组件--> <button-co

vue全家桶(vuex简版源码的实现)-爱代码爱编程

Vuex Vuex 集中式存储管理应⽤的所有组件的状态,并以相应的规则保证状态以可预测的⽅式发⽣变化。 下面是Vuex工作的流程图 安装: vue add vuex vue add vuex 核⼼概念 State 状态,数据Actions 异步操作Mutations 更改状态的函数store 包含以上概念的容器状态 -state st

Java之系统知识体系的构建-爱代码爱编程

1.前端 html、css、javascript、jquery、vue.js node.js、es6、json、ajax教程 TCP/IP教程、BOM和DOM、正则表达式 前端封装组件:elementUI、iView等 2.后端 JavaEE Java介绍、数据类型、运算符、流程控制语句 方法、数组、面向对象、异常、常用类 集合(非常

Vue坑点杂谈(七)在Vue中引入Echarts报错 Cannot read property ‘init‘ of undefined-爱代码爱编程

Vue坑点杂谈(七)在Vue中引入Echarts报错 Cannot read property ‘init’ of undefined 一、写在开头 最近使用Echart时发现与Vue有些不兼容的地方,会出现一些奇怪的报错,在这里记录一下帮助同样遇到问题的朋友们。 二、发现问题 出现问题是在mounted()中使用官方示例的时候报了以下错误: Erro

vue双向绑定--自己的简单实现-爱代码爱编程

vue的双向绑定仿写–简单实现代码会放到最后-------------------------------------------- 了解过vue的都知道老版vue使用的是defineproperty进行双向绑定,但是应对面试最好自己实现一下,了解一下实现也是面试的加分项,下面我来讲解一下我写的主要的原理以及实现过程---- 主要原理就是发布订阅机制--

逻辑运算符&& || !的使用-爱代码爱编程

所谓逻辑运算符就是与&&、或||、非! 三种,逻辑运算符又叫条件运算符,即运算的结果只有两种,真(true)或假(false)。在进行逻辑运算学习前,我们先复习一下非Boolean类型转换为Boolean的规则: 使用Boolean()函数 (1)数字 --> 布尔 除了0和NaN,其余都是true (2)字符串 --> 布尔

jquery如何用each遍历实现一个排异切换的效果?-爱代码爱编程

1.给样式 <style> .rec{ color:red; } .gre{ color: green; } </style> 2.给标签 <ul> <li class=

jquery中为什么要用一个变量保存this了,var that=this?-爱代码爱编程

当有多个事件(比如取消事件的时候),通过var that=this,可以指定当前特定的取消事件,而不会影响到其他取消事件. 我在项目中的用法: $("#listWdsq .mui-card").on("click", "#wdyy_qxyy", function (e) { // console.log(e);

Auto.js介绍和安装,并测试运行-爱代码爱编程

Auto.js 介绍 不需要Root权限的JavaScript自动化软件 Auto.js使用JavaScript作为脚本语言,学习Auto.js的API之前建议先学习JavaScript的基本语法和内置对象。 如果想要在电脑而不是手机上开发Auto.js,可以使用VS Code以及相应的Auto.js插件使得在电脑上编辑的脚本能推送到手机运行。

初识NodeJS-使用express+mysql实现个人主页的数据交互-爱代码爱编程

个人主页地址 前端: 创建一个表单发送post请求: <!-- 请求方式post 提交地址:/Message --> <form method="post" action="/Message"> <div class="row"> <div class="col-6

Vue中 实现复制内容到剪贴板(引入使用 vue-clipboard2)-爱代码爱编程

vue-clipboard2 github地址vue-clipboard2 npm地址 1. 安装并引入 npm install vue-clipboard2 --save // 全局引入main.js import VueClipboard from 'vue-clipboard2' Vue.use(VueClipboard) 2. 使用

vue实现多行文本展开收起组件-爱代码爱编程

一、内容简介 多行文本展开收起功能现在已经算是一个非常常见的效果了,之前写过一篇文章也是用vue实现了文本展开收起功能。一年过去了,是时候展示真正的技术了^ _ ^。这次实现一个效果更好的组件: 效果预览: 二、实现思路 getClientRects:先来看下这个api可以得到什么 <template> <di

函数防抖和函数节流-爱代码爱编程

目录 函数防抖函数节流一、函数防抖 在前端开发中,我们经常需要绑定一些持续触发的事件,如resize、mousemove等。但是我们并不是想在事件持续触发时去频繁的触发函数,而是有一个特定的时机来触发函数。 函数防抖就是来解决这样的问题,生活中的例子:电梯,在电梯门打开之后,每一次有人进来,电梯都会进行重新的计时。而电梯关门的时候就是

Vue知识点总结(4)——v-on(超级详细)-爱代码爱编程

v-on指令的作用其实就是绑定事件。事件是JavaScript的灵魂,事件驱动着JavaScript程序的执行。 vue为我们提供了v-on指令用于绑定事件。 <button v-on:click="add">加分</button> <button @click="reduce">减分</button>

前端进阶-个人笔记-CSS基础知识-爱代码爱编程

CSS属性的继承: 元素的一些CSS属性是有继承关系的,有继承关系的属性被称为可继承属性。color属性就是一个可继承属性。还记得前面的课程里我们说过HTML文档结构是树状结构,元素之间有嵌套关系。可继承属性是指如果我们在外层元素上设置了这个样式属性,内层没有设置该属性的元素都会自动继承该属性。比如我们给body设置了color为白色,它内层的h1、h2、

[Salesforce组件开发][LWC] 弹出框开发-爱代码爱编程

前言: LWC(Lightning Web Component)是使用HTML和现代JavaScript构建的自定义HTML元素。基于在浏览器中本地运行的代码构建的,因此它是轻量级的,并具有出色的性能。在Salesforce的Lightning系统中,它十分常见,并且为SF官方推荐的下一代开发框架。Salesforce致力于开发开放的Web标准,并且是W

浏览器的渲染原理,重排与重绘-爱代码爱编程

浏览器渲染原理 浏览器下载完页面所有的资源后,就要开始构建DOM树,于此同时还会构建渲染树(Render Tree)。(其实在构建渲染树之前,和DOM树同期会构建Style Tree。DOM树与Style Tree合并为渲染树) 1.处理HTML 生成DOM树 2.处理CSS 生成CSSDOM树 3.将两树合并成render 树 4.对render树进