sc

css 命名:BEM, scoped css, css modules 与 css-in-js详解

同 css modules,用算法命名。无法适配多套主题 css-in-js 使用算法命名,拥有 css modules 的优势。同时将 css 视为 js 的字符串,赋予 css 更多能力到此这篇关于css 命名:BEM, scoped css, css modules 与 css-in-js的文章就介绍到这了,更多相关css 命名内容请搜索软件开发网以前的文章或继续浏览下面的相关文章,希... »

javascript使用canvas实现饼状图效果

使用canvas写一个饼状图,供大家参考,具体内容如下代码: Document »

vscode中的vue项目报错Property ‘xxx‘ does not exist on type ‘CombinedVueInstance<{ readyOnly…Vetur(2339)

问题描述:今天早上一开机,打开项目,发现项目一片醒目的红色,查看报错原因提示:Property ‘xxxx' does not exist on type 'CombinedVueInstance. Vetur(2339)解决过程:疯狂百度,只查明该报错与typescript相关,但是我这里是一个纯正的vue项目,也没有开启tslint,为啥会报这个错误呢? »

javascript实现贪吃蛇游戏(娱乐版)

本文实例为大家分享了javascript实现贪吃蛇游戏的具体代码,供大家参考,具体内容如下一共三个对象map,snake,food,代表的含义如名字。snake和food其实就是数组,表示位置,map来画图、判断得分、失败等等,直接上代码,可直接运行。 »

在vscode 中设置 vue模板内容的方法

vscode中设置 vue 模板内容缘由设置要求1:vscode 先下载插件 `vetur`2: 菜单栏 -文件 – 首选项 – 用户代码片段3:使用 缘由 由于每次在 vscode 中创建vue的文件的时候,都需要手动书写 templete,模板 script,脚本 style,样式 这些重复和繁琐的事情,是可以定义一个模板信息的 设置要求 1:vscode 先下载插件 ... »

Vue 使用typescript如何优雅的调用swagger API

Swagger 是一个规范和完整的框架,用于生成、描述、调用和可视化 RESTful 风格的 Web 服务,后端集成下Swagger,然后就可以提供一个在线文档地址给前端同学。 前端如何优雅的调用呢? 入门版 根据文档,用axios自动来调用 // 应用管理相关接口 import axios from '../interceptors.js' // 获取应用列表 export const getL... »

搭建vscode+vue环境的详细教程

一、安装vue.js 1.简介 Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。 Vue.js 的目标是通过尽可能简... »

vscode 配置 C/C++编译环境(完整教程)

vscode 配置 C/C++编译环境(完整教程)

第一步:下载安装 下载MinGW-W64 GCC-8.1.0编译器(32和64版本都有) MinGW-W64 GCC下载地址:https://sourceforge.net/projects/mingw-w64/files/Toolchains targetting Win32/Personal Builds/mingw-builds/installer/mingw-w64-install.exe... »

javascript操作向表格中动态加载数据

本文实例为大家分享了javascript实现向表格中动态加载数据的具体代码,供大家参考,具体内容如下首先在HTML中编写表格信息 //表格头部信息 编号 姓名 身份 操作 //表格内容信息 然后编写js代码 //创建一个数组 var p »

Javascript call及apply应用场景及实例

一、作用及应用场景 call和apply是Function的方法,他的第一个参数是this,第二个是Function的参数。call 和 apply 都是为了改变某个函数运行时的 context 即上下文而存在的,换句话说,就是为了改变函数体内部 this 的指向。因为 JavaScript 的函数存在「定义时上下文」和「运行时上下文」以及「上下文是可以改变的」这样的概念。二者的作用完全一样,只是... »

Javascript类型判断相关例题及解析

题目: 请在index.html文件中,编写arraysSimilar函数,实现判断传入的两个数组是否相似。具体需求: 1. 数组中的成员类型相同,顺序可以不同。例如[1, true] 与 [false, 2]是相似的。 2. 数组的长度一致。 3. 类型的判断范围,需要区分:String, Boolean, Number, undefined, null, 函数,日期, window. 当以上全... »

Javascript基于OOP实实现探测器功能代码实例

代码如下运行结果 »

Javascript如何实现扩充基本类型

可以通过给Function.prototype增加方法来使得该方法对所有函数可用。 通过给Function.prototype增加一个method方法,下次给对象增加方法的时候就不必键入prototype这几个字符了。 Function.prototype.method=function(name,func){ this.prototype[name]=func; return this; } 一... »

Javascript var变量删除原理及实现

Javascript var变量删除原理及实现

var有三种声明的情形: var声明的全局变量 var在函数范围内声明的局部变量 eval中声明的全局变量。首先,1、2种情形var声明的变量是无法删除的。尽管var声明的全局变量是属于window对象的属性,但依然是无法删除的,因为这种属性的configurable=false,因此不能delete掉。局部变量就更不用说了,连var变量依附的对象都不知道在哪里,肯定无法删除。 »

Javascript中Math.max和Math.max.apply的区别和用法详解

最近在做一个小案例的时候遇到了Math.max.apply这么一个用法,之前很少遇到过感觉挺有趣的,就记录一下。这时就用到apply方法2Math.max.applyapply() 方法调用一个函数。简单理解为调用函数的方式,但是它可以改变函数的 this 指向,同时用指定数组替换函数的参数。 »

javascript实现雪花飘落效果

圣诞节快到了相信许多公司的前端都在会收到一个需求,那就是做一个关于圣诞节的专题,而这个专题为了应对圣诞节这个主题都会加上雪花飘呀飘这个小动画,当然我们公司也不例外,下面就是本人用js写的一小段雪花秀啦: html body .snow .snow_img 代码很简单,都是运动用js的一些基础知识点做出来的,主要是随机数和一些判断。 »

详解vue 中 scoped 样式作用域的规则

哈喽!大家好!我是木瓜太香,今天我们来聊一个 vue 的样式作用域的问题,通常我们开发项目的时候是要在 style 上加上 scoped 来起到规定组件作用域的效果的,所以了解他们的规则也是很有必要的,可以让你更清晰的了解你的项目样式是怎么运作的。 先来说说实现方式 vue中的样式作用域是通过属性选择器来实现的,例如同样一个类名,我们是通过 .类名[属性名] 来做区分的,我们这里主要是要搞清楚这里... »

Javascript前端下载后台传来的文件流代码实例

前台请求数据:url: '/app/downloadApp', method: 'get', responseType: 'blob', params: data设置接收参数格式为responseType: ‘blob',downloadFile(res, fileName) if (windo »

利用H5api实现时钟的绘制(javascript)

HTML5的canvas标签用于绘制图像(通过脚本,通常是 JavaScript)。不过,canvas元素本身并没有绘制能力(它仅仅是图形的容器)必须使用脚本来完成实际的绘图任务。 下面,具体总结了一下使用画布canvas的步骤: 画布: canvas 在页面上规划出一块空间,canvas标签,通过javascript控制画布完成绘制 1.获取画布 var canvas=document.getE... »

javascript实现移动端上传图片功能

本文实例为大家分享了javascript实现移动端上传图片的具体代码,供大家参考,具体内容如下 核心部分(.html) window.onload = function() { let fileTag = document.getElementById('file'); // console.log(fileTag) // console.log(this.pic) let that = this... »

浅谈javascript事件环微任务和宏任务队列原理

等待主线程的执行栈空了,微任务队列立刻被推入栈中执行,执行完毕开始执行宏任务队列一个经典的例子html js// Let's get hold of those elementsvar outer = document.querySelector;var inner = document.querySelector;// Let's listen for attribute changes on ... »

javascript实现扫雷简易版

本文实例为大家分享了javascript实现扫雷简易版的具体代码,供大家参考,具体内容如下 使用截图 说明 这个完成的建议版本,所以没有插旗子,没有计时,就是最基本的原理实现,熟练的大佬30min就能完成 代码讲解 初始数据 var MAPSIZE = 10; var BOMBNUM = 1; var BOMBPOSITION = {}; var SQUAERPOSITION = {}; var ... »

解决vue加scoped后就无法修改vant的UI组件的样式问题

有时候UI组件提供的默认的样式不能满足项目的需要,就需要我们对它的样式进行修改,但是发现加了scoped后修改的样式不起作用。 解决方法: 使用深度选择器,将scoped样式中的选择器“深入”,即影响子组件 <style scoped> .a >>> .b { /* ... */ } </style> 以上的代码会编译成: .a[data-v-f3f3eg... »

javascript canvas实现简易时钟例子

本文实例为大家分享了javascript canvas实现简易时钟的具体代码,供大家参考,具体内容如下 钟表 »

javascript实现一款好看的秒表计时器

本文实例为大家分享了javascript实现秒表计时的具体代码,供大家参考,具体内容如下 实现图片: 分+秒+跑秒 时+分+秒+跑秒 需求分析: 1、显示整个秒表页面; 2、在点击“开始”按钮之后,开始计时,并将按钮转为“暂停”按钮,在点击“暂停”按钮之后,将按钮转为“开始”按钮,并停止计时; 3、在点击“复位”按钮之后,将显示的计时清零,并将按钮变回“开始”按钮。 页面结构: <div i... »

Page 1 of 285123»