经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
 JavaScript

Vue路由配置history模式

我的博客: https: github.com/Daotin/fe-note i ues vue需要node.js吗? 你可以用 script 标签的形式引入vue.min.js 这样的,不需要nodejs。 使用node有几件事,打包部署,解析vue单文件组件,解析每个vue...[2020/4/2]

原生Javascript使用Promise对象借助关键字async&await设置JS休眠时间

  偶然间遇到,需要在JS中解决类似于C#中的线程休眠问题,JS有Promise对象,可以帮助我们实现这一点,网上有很多类似文章,我这里列举一个使用示例:   定义休眠方法--使用Promise创建一个异步可等待的方法: 设置JS休眠一定时间后执行的动作 va...[2020/4/2]

原生Javascript使用fetch发起请求_模拟get|post|文件流下载等

  有时候,我们无法借助熟悉的jquery发起请求,原生JS里是支持fetch函数的,这是个高度封装的方法,帮助我们做了很多底层的封装,下面列举一些发起请求的示例:     1-发起Get请求: httpGet请求 var httpGet = async fu...[2020/4/2]

原生Javascript使用Dom对象实的querySelectorAll实现jquery筛选器效果

原生Javascript使用Dom对象实的querySelectorAll实现jquery筛选器效果

  还是那句话,有时候你可能没有Jquery可用,那么我们可以借用原生JS中Dom对象的新方法:querySelector和querySelectorAll   实现Jquery筛选器同样的筛选节点的效果,下面列举一些示例:   1-直接从页面中筛选元素...[2020/4/2]

可视化工具D3.js教程 入门 (V5版)

可视化工具D3.js教程 入门 (V5版)

    可视化工具D3.js,就不赘述他的简介与下载了,官网上看,直接上教程:   可视化工具D3.js教程 入门   (第一章)——  hello world 可视化工具D3.js教...[2020/4/2]

JavaScript中数组的选择排序和冒泡排序

选择排序 代码 <script> let arr = [1, 4, 6, 8, -2]; console.log(arr); for (let i = 0; i < arr.length; i++) { for (let j = ...[2020/4/2]

可视化工具D3.js教程 入门 (第五章)—— 一个简单的图表

从这里开始  我们就将开始画一个简单的图表了 在此之前 ,最好掌握以下svg的基本知识。 一个间的的例子如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset=...[2020/4/2]

可视化工具D3.js教程 入门 (第六章)—— 比例尺的使用

可视化工具D3.js教程 入门 (第六章)—— 比例尺的使用

   1、比例尺是什么?   比例尺能将“一个区间”的数据映射到“另一个区间”。   例如[0, 1]对应到[0, 300],当输入0.5时,输出150。或者将[0, 1, 2]对应到["red", "green"...[2020/4/2]

js数组方法

 join() join,就是把数组转换成字符串,然后给他规定个连接字符,默认的是逗号(  ,) 书写格式:join(" "),括号里面写字符串  ("要加引号"), 原数组不变 var arr = [1,2,3]; conso...[2020/4/2]

基于js实现逐步显示文字输出代码实例

今天清理chrome书签,突然就点到了一个关于 知乎五周年的网页,这帮程序员的脑子真有趣,就算是保存一年后再看也还是觉得好有趣,下边是一个截图图片描述 这个网页展示了一个类似ide接口的小窗口,文字逐步输入,并且还伴随一些有点炫的c 动画,为个人生成专属数据。当然这个展示还包括了其他一些...[2020/4/2]

JS实现图片懒加载(lazyload)过程详解

对于图片较多的页面,使用懒加载可以大幅提高页面加载速度,提高用户体验。 懒加载的意义(为什么要使用懒加载) 对页面加载速度影响最大的就是图片,一张普通的图片可以达到几M的大小,而代码也许就只有几十KB。当页面图片很多时,页面的加载速度缓慢,几S钟内页面没有加载完成,也许会失去很多的用户...[2020/4/2]

每个前端工程师都应该懂的前端性能优化总结:

采用c 雪碧图(c sprite/c 图片精灵)技术 采用c 雪碧图(c sprite/c 图片精灵)技术,把一些小图合并到一张大图上,使用的时候通过背景图片定位,定位到具体的某一张小图片上c 代码如下: .pubBg{ background: url(''././img p...[2020/4/2]

Vue的生命周期

  Vue的生命周期图   红色圈出来的都是钩子函数,成对的,和el、template、data一个级别。 组件也是一个Vue实例,也有这些生命周期,并不是说要显式new Vue()才是一个Vue对象。       dem...[2020/4/2]

js正则匹配table,img及去除各种标签问题

核心代码 获取公示栏内容 s = "$row.detail$"; mainContent =s; 如果有多个table使用下面注释的正则只会匹配成一个table var tabReg = /<table[^>...[2020/4/2]

sharp.js安装过程中遇到的问题总结

由于Sharp基于C++的libvips库来实现,本地Mac开发完后在部署时安装sharp模块时会基于测试环境Liunx平台编译安装,测试环境安装时发现请求github下载libvips-8.9.1-linux-x64.tar.gz,所以只能失败告终。后来看源码和文档发现sharp项目考虑周到优先...[2020/4/2]

JavaScript DOM 样式操作

JavaScript DOM 样式操作

JavaScript DOM 样式操作 JavaScript 样式操作包括:通过 style 属性控制元素内联样式,通过 getComputedStyle 方法获取元素生效的样式,通过改变元素类名改变伪元素样式以通过计时器实现样式动画 style 属性 DOM 不能直接操作 C...[2020/4/2]

Vue 向组件中插入内容

  向组件中插入内容有2种方式 槽点 子组件     demo  使用槽点向组件中插入内容   Vue.component(''Parent'',{ template:` <!--反引号比引号更好用-->...[2020/4/2]

零基础想学习web前端?这套教程是你正在苦苦寻找的吧

你也许会觉得Web前端开发是一个很简单的工作,但当你深入其中时,一定会发现好像Web前端开发不是那么简单,光网站性能优化、响应式、框架就让你焦头烂额。确实,做前端开发就是先易后难,想成为一个优秀的Web前端开发,没有那么简单。不过,天下事难则不会,会则不难,你只需要掌握11项技能就可以成为...[2020/4/2]

JavaScript中数组的常用方法

目录1. 增加元素2. 删除元素3. 更改元素4. 查询元素5. 清空数组6. 逆置数组7. 拼接两个数组8. 将数组转换为字符串9. 取出指定范围的数据10.统一给数组中的元素赋值 1. 增加元素 在数组开头增加 通过unshift方法 注意点:该方法会返回增加后数组的长度 例如:...[2020/4/2]

javascript正则表达式入门先了解这些Adagio-

javascript正则表达式入门先了解这些Adagio-

前言 此内容由学习《JavaScript正则表达式迷你书(1.1版)》整理而来(于2020年3月30日看完)。此外还参考了MDN上关于Regex和String的相关内容,还有ECMAScript 6中关于正则的扩展内容,但不多。在文章末尾,会放上所有的链接。 迷你书共七章,我都做了相应...[2020/4/2]

Vue 父子组件之间的通信

  组件之间的通信分为2种 父子组件之间的通信 非父子组件之间的通信     父组件向子组件传数据    <div id="app"></div> <script> ...[2020/4/2]

JS弱类型语言的优势——之模板字符串

  ES6中,开始支持模板字符串。   尽管Java和C#这样的高级语言有非常多吸引人的地方,但是想js这样的弱类型语言,也有独到之处。   equType:有四种类型,分别是:chl、chwp、cwp、cot,后端java接口提供了四个接口,四个接口对应四个函数调用,每一个函数名的...[2020/4/2]

Vue 非父子组件之间的通信

  实现非父子组件之间的通信,有以下几种方式 Bus总线。创建一个空的Vue对象作为Bus中央事件总线(中间组件)。 vuex(适合大型项目,小项目效果不明显) provide/inject(同根往下派发) 本地存储  第一种是最常用的...[2020/4/2]

JavaScript模块化-CommonJS、AMD、CMD、UMD、ES6

JavaScript模块化-CommonJS、AMD、CMD、UMD、ES6

前言:模块化开发需求 在JS早期,使用script标签引入JS,会造成以下问题: 加载的时候阻塞网页渲染,引入JS越多,阻塞时间越长。 容易污染全局变量。 js文件存在依赖关系,加载必须有顺序。项目较大时,依赖会错综复杂。 引入的JS文件过多,不美观,且不易于管理。 一、Common...[2020/4/2]

Vue webAPP首页开发(一)

接上篇 https: www.cnblogs.com/chenyingying0/p/12609330.html   首先说下格式化的问题: vscode可以安装Vetur插件    安装之后重启编辑器,鼠标右键,有一个格式化代码选项...[2020/4/2]

Vue搭建课程首页

按照国际惯例先放效果图     项目结构搭建 首先修改app.vue <template> <div id="app"> <router-view/> </div> </templa...[2020/4/1]

Vue 组件开发

  将页面拆分为多个组件,简化了页面开发,方便维护,组件也可以复用。   组件的类型 通用组件,比如表单、弹窗、菜单栏、分页组件等 业务组件,实现某一业务的组件,比如抽奖组件 页面组件,也叫做单页,一个页面就是一个组件,只完成功能,不复用   ...[2020/4/1]

关于React.Fragment

官方文档:React 中一个常见模式是为一个组件返回多个元素。Fragments 可以让你聚合一个子元素列表,并且不在DOM中增加额外节点。 作用:代替div作为外层的包裹层。 Fragments看起来像是一个空的标签。 render() { return ( <...[2020/4/1]

vue项目准备与骨架搭建(一)

vue项目准备与骨架搭建(一)

首先保证这些条件满足:     然后全局安装vue cnpm install -g vue-cli 安装完成后可以使用vue -h查看vue的帮助文档     vue list 查看vue支持的模板 我们接下来会用到的是w...[2020/4/1]

Vue 入门

  vue是国人开发的一个js框架,国人用得比较多。     Vue等框架与jQuery的区别 jQuery基于dom操作 Vue框架以数据驱动、组件化开发为核心     下载vue.js 如果安装了node,...[2020/4/1]

vue项目准备与骨架搭建(二)

接上篇 https: www.cnblogs.com/chenyingying0/p/12608666.html   为什么导航不使用fixed定位: 首先解释下,手机端的头部导航和底部导航,位置一般都是固定不变的 但是我们这里不使用固定定位fixed,因为它...[2020/4/1]

Vue 常用指令

Vue 常用指令

  指令是以数据去驱动DOM行为,简化DOM操作。常用指令如下 v-text    innertext,不能解析文本中的html标签 v-html   innerhtml,可解析文本中的html标签 v-show ...[2020/4/1]

Vue 过滤器

  内容中的{{var}}会直接显示,使用过滤器:{{var | 过滤器名}},会先用过滤器处理var,再显示。 按作用域划分,有2种过滤器:全局过滤器、组件内过滤器。     demo  组件内过滤器    <div id="a...[2020/4/1]

JavaScript DOM 常用尺寸

JavaScript DOM 常用尺寸 JavaScript 操作 DOM 时经常会用到一些尺寸,本文介绍怪异模式和标准模式下的滚动条距离、窗口尺寸、文档尺寸、元素文档坐标的兼容性写法以及窗口滚动到指定位置的方法 怪异和标准模式 浏览器在解析 CSS 时有怪异和标准两种模式,目的是...[2020/4/1]

如何支持组件的子元素任意摆放

一个筛选组件如下图: 筛选组件包含一个 button 和一个 form,button 能控制 form 的显示与隐藏。设计里 button 和 form 在一行,实现时理所当然地把这一行封装成了一个组件。 但在另一个项目里,设计有区别,button 被放到了面板的右上角,之前写的...[2020/4/1]

javascript 简单的3d网页应用(3d网页可视化编辑器), 搭建几何体 选配材质 纹理 , 导入 导出 示例 ( three.js 初探 六)

1 完整代码下载   https: pan.baidu.com 1JJyVcP2KqXsd5G6eaYpgHQ     提取码 3fzt (压缩包名: 2020-3-24-demo.zip) 2 图片展示     3 主要代码   布尔运算后...[2020/4/1]

[前端] 代码中执行绑定元素的指定事件trigger方法

[前端] 代码中执行绑定元素的指定事件trigger方法

前面业务里有个搜索功能 , 入口比较深 , 现在想要把入口挪到有公共header的地方 , 在不想完全实现一遍功能的情况下 , 就需要模拟进行多个点击事件来执行点击后的效果     执行先点击1 ,再给inout赋值 ,再点击2 基本思路是类似jquery...[2020/4/1]

详解canvas.toDataURL()报错的解决方案全都在这了

详解canvas.toDataURL()报错的解决方案全都在这了

报错详尽信息 Uncaught DOMException: Failed to execute ''toDataURL'' on ''HTMLCanvasElement'': Tainted canvases may not be exported. 关键词 canv...[2020/4/1]

vue状态管理vuex+slot插槽+vue-resource请求

vue状态管理vuex 全局状态管理,所有页面共享数据 设置数据: this.$store.dispatch("increment",100000); 获取数据: this.$store.state.num;   首先下载插件: cnpm install vue...[2020/3/31]

vue移动组件库Mint UI

官网 http: mint-ui.github.io/#!/zh-cn 安装 cnpm install mint-ui -S     在main.js中引入改插件     Toast效果演示: 查看文档 &n...[2020/3/31]

JavaScript中数组的特点

1. JavaScript数组中的默认存储值是undefined,其它编程语言数组的默认存储值是0或者是垃圾数据 2. 与其它的编程语言不同,JavaScript可以访问数组中不存在的索引,会返回undefined,而其它的编程语言会报错或返回垃圾数据 3. JavaScript可以...[2020/3/31]

vue路由router-link

vue路由router-link

vue路由router-link 首先需要cnpm install vue-router 不过我之前在安装vue时已经顺便安装上了,哈哈   用法:     首先是最简单的写法:       &nb...[2020/3/31]

JavaScript 日期与计时器

JavaScript 日期与计时器

JavaScript 日期与计时器 JavaScript 中日期和计时器是常用的工具方法,本文主要介绍构造函数 Date 的使用和时间戳的概念,以及设置计时器和清除计时器的方法 日期对象 Date 是一个构造函数,其原型上定义了一些日期方法 Date() 执行 Date...[2020/3/31]

前端开发基础,JavaScript 主要作用是什么?

学习编程的同学对JavaScript并不陌生,JavaScript是前端技术中非常重要的内容。例如页面的效果切换、动画效果、页面游戏等等。其实我们功通过HTML和CSS技术已经可以搭建各种样式的页面,但是向你要实现页面真正的动态效果,还需要使用JavaScript技术。下面小编就为大家详...[2020/3/31]

JSOIN.parse()报错:Uncaught SyntaxError: Unexpected token o in JSON at position 1 at JSON.parse (&lt;anonymous&gt;)

记录下引起这个报错的原因: JSON.parse()参数应该是string类型   由于传递的参数是object 类型  那么JSON.parse() 就会把object类型默认转成string 结果为“[object object]&rdq...[2020/3/31]

JavaScript DOM 基础

JavaScript DOM 基础

JavaScript DOM 基础 DOM 即文档对象模型,是操作 HTML/XML 文档的一套方法。通过 DOM 操作节点,使页面发生改变,是动态文档技术的核心内容 DOM 的含义 DOM 即 document object model,文档对象模型 JavaScrip...[2020/3/31]

实现点击按钮更换表格皮肤效果

JavaScript对于已经看到这篇博客的铁子已近有了了解。 这篇博客写一个效果:点击按钮跟换表格: 源码下载 : https: files.cnblogs.com/file 2979100039-qq-con/jqy_example_01.zip 上一张效果图:  ...[2020/3/31]

理解 JavaScript 的 async/await

理解 JavaScript 的 async/await

说明:转载至自 边城的理解 JavaScript 的 async/await async 和 await 在干什么 任意一个名称都是有意义的,先从字面意思来理解。async 是“异步”的简写,而 await 可以认为是 async wait 的简写。所以...[2020/3/31]

Ajax的原理及封装

了解Ajax 就是js这个语言和服务端交互的手段 无刷新的页面请求处理 区分表单提交 Ajax 即“Asynchronous Javascript And XML”(异步 JavaScript 和 XML),是指一种创建交互式、快速动态网页应用的网页开发技术,无需重新加载整个...[2020/3/31]

js之中的异步

js之中的异步

异步 1.知道哪部分代码是异步的; 2.必须要知道异步程序之中的数据或者赋值的变量在哪里可用; js:单线程语言 上面一行代码不执行结束,下面一行代码不会执行; 单线程 多线程 js中存在很大需要长时间等待才会执行的代码; 异步:在js中需要消耗大量时间等待某些...[2020/3/31]

101
2
记录数:7420 页数:1/14912345678910下一页尾页
加载更多