移动端自适应flexible.js的使用方法(不用三大框架,仅写一个单html页面使用)推荐

第一步:下载 flexible.js,代码如下,可以复制过去用;(function(win, lib) { var doc = win.document var docEl = doc.documentElement var metaEl = doc.querySelector('meta[n...

使用mixins实现elementUI表单全局验证的解决方法

使用ElementUi搭建框架的时候,大家应该都有考虑过怎么做全局验证,毕竟复制粘贴什么的是最烦了,这里分享下个人的解决方法。验证规则
分析规则一般验证规则,主要是是否必填,不为空...

Seajs源码详解分析

近几年前端工程化越来越完善,打包工具也已经是前端标配了,像seajs这种老古董早已停止维护,而且使用的人估计也几个了。但这并不能阻止好奇的我,为了了解当年的前端前辈们是如何...

Nodejs中的require函数的具体使用方法

说明本文参考Node官网文档版本为v11.12.0。本文主要分析了Nodejs中require导入JSON和js文件时得到的结果,同时简单涉及到了Nodejs中模块导出module.exports和exports的用法。...

Nodejs核心模块之net和http的使用详解

前言
net和http模块都是node核心模块之一,他们都可以搭建自己的服务端和客户端,以响应请求和发送请求。
net模块服务端/客户端
这里写的net模块是基于tcp协议的服务端和客户端...

vue中v-text / v-html使用实例代码详解

废话少说,代码如下所述:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Vue实例中的数据,事件和方法</title></head> <script src="https://cdn.js...

koa大型web项目中使用路由装饰器的方法示例

一、关于重复造轮子解释下在npmjs上搜索关于koa路由装饰器的已经有那么几个包了,但是我从几个包中发现作者的思维仅仅限制于前端开发的思想,项目分层不明确,我们开发kow-web...

mongodb初始化并使用node.js实现mongodb操作封装方法

mongodb的下载只要在https://www.mongodb.com/网站就能够下载或者使用本地下载 https://www.freexyz.cn/softs/590664.html下载后安装只用一直点next就可以,注意最好使用默认路...

详释JavaScript执行环境与执行栈

执行环境
执行环境 ( 也称"执行上下文" ) 可以说是 JavaScript 最重要的一个概念。那么执行环境到底是什么呢?一句话就可以概括:代码 ( 包括函数 ) 执行时所需要的所有信息就...

用原生 JS 实现 innerHTML 功能实例详解

都知道浏览器和服务端是通过 HTTP 协议进行数据传输的,而 HTTP 协议又是纯文本协议,那么浏览器在得到服务端传输过来的 HTML 字符串,是如何解析成真实的 DOM 元素的呢,也就是我...

vue生命周期的探索

那么进入某个路由对应的组件的时候,我们会触发哪些类型的周期呢? 根实例的加载相关的生命周期(beforeCreate、created、beforeMount、mounted) 组件实例的加载相关的生命周期(...

elementUI多选框反选的实现代码

最近有一个需求,点击添加按钮,弹出窗口(窗口显示多选、可翻页、可检索列表),选中多条信息,当我点击确定按钮,把选中信息显示在页面上;点击取消,选中信息不显示在页面上。再次打开,把在...

性能优化篇之Webpack构建速度优化的建议

如何输出Webpack构建分析输出Webpack构建信息的.json文件:webpack --profile --json > stats.json --profile:记录构建中的耗时信息 --json:以json格式输出构建结果,最后只...

性能优化篇之Webpack构建代码质量压缩的建议

Webpack构建速度优化基本优化完毕,接下来考虑的就是:线上代码质量的优化,即如何使用webpack构建出高质量的代码Webpack构建流程:初始化配置参数 -> 绑定事件钩子回调 -> 确定Ent...

JS中注入eval, Function等系统函数截获动态代码

现在很多网站都上了各种前端反爬手段,无论手段如何,最重要的是要把包含反爬手段的前端javascript代码加密隐藏起来,然后在运行时实时解密动态执行。动态执行js代码无非两种方法...

JavaScript变速动画函数封装添加任意多个属性

下面通过实例代码给大家介绍JavaScript变速动画函数封装添加任意多个属性 ,具体代码如下所示:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></tit...

vue框架下部署上线后刷新报404问题的解决方案(推荐)

<IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteRule ^index\.html$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d...

react写一个select组件的实现代码

之前一直用的antd的Select组件,但在有些端并不适用,而原生的select样式修改不灵活,遂产生自己写一个组件的想法。观察select组件:<select onChange={(value) => {this.value=val...

vue插槽slot的理解和使用方法

前言Vue的slot插槽,可以从字面意思来了解用途,占用占坑的意思,既然是占坑肯定是先占坑后面有其他具体的内容来替换代替。根据slot的应用场景可以分为匿名slot和具名slot。一、...

javascript实现小型区块链功能

区块链概念
狭义:区块链是一种按照时间顺序将数据区块以顺序相连的方式组合成的一种链式数据结构,并以密码方式保证的不可篡改和不可伪造的分布式账本。一、挖矿(产生新区块)首...

基于Vue 实现一个中规中矩loading组件

前言最近有一个新的项目,UI大佬不知道从哪里找来了一张GIF丢到蓝湖,说作为全局的页面loading ,但是自己想了想,还是选择画一个。一开始想过用svg,canvas;最终还是选择了css3+js...

es6 filter() 数组过滤方法总结

Array.every(x=>x)是每一个都要满足Array.some(x=>x)是有一个满足。Array.find(findIndex),返回符合条件的第一个值。Array.filter(过滤成新的数组)数组的方法分为两类1)改变原数...

详解JavaScript 为什么要有 Symbol 类型?

Symbols 是 ES6 引入了一个新的数据类型 ,它为 JS 带来了一些好处,尤其是对象属性时。 但是,它们能为我们做些字符串不能做的事情呢&#63;在深入探讨 Symbol 之前,让我们先看看一...

js前端面试之同步与异步问题详解

前言
我本来是打算写一篇co源码精读(为啥读co,因为它短),然鹅发现自己存在一系列基础问题没有搞透彻,打算写一个js基础系列文章,总结自己的理解(copy),希望与你在学习路上一同进...

微信小程序配置服务器提示验证token失败的解决方法

最近在学习微信小程序,遇到的第一个问题就是需要配置服务器
关于这个服务器的配置我也是绕了好多弯路,说白了腾讯就是想通过你填的这个URL和Token去验证你有一个自己的服务器(...

Node.js+Express+Mysql 实现增删改查

这次选用nodejs+express+mysql 使用http作为客户端,express框架搭建服务端,从而实现数据的增删改查。这篇文章可以算作上篇文章的升级篇,加入了和数据库的交互。安装node 直接...

从理论角度讨论JavaScript闭包

概论在讨论ECMAScript闭包之前,先来介绍下函数式编程(与ECMA-262-3 标准无关)中一些基本定义。 然而,为了更好的解释这些定义,这里还是拿ECMAScript来举例。众所周知,在函数式语言...

全面了解JavaScript的作用域链

JavaScript的作用域链这是一个非常重要的知识点了,了解了JavaScript的作用域链的话,能帮助我们理解很多‘异常'问题。下面我们来看一个小例子,前面我说过的声明提前的例子。var...

在node中使用jwt签发与验证token的方法

1.什么是tokentoken的意思是“令牌”,是服务端生成的一串字符串,作为客户端进行请求的一个标识。token是在服务端产生的。如果前端使用用户名和密码向服务端发送请求认证,服务...

js 计算图片内点个数的示例代码

前言
图片是由连续的点信息组成,每个点信息包含四个长度即rgba信息,通过遍历配合处理函数实现对点个数的判断。实现思路
本例子采用png格式图片,只需要判该点透明度(opacity)是否...

vue elementUI table表格数据 滚动懒加载的实现方法

在项目中遇到了一个性能问题vue+elementUI table表格展示数据,当数据很多的时候,不能一页显示完,同时一次请求数据量太大,会增加网页渲染的时间,影响体验,这个时候常常有两种方法...

详解JavaScript的变量

基本类型和引用类型的值ECMAScript变量一般有两种数据类型的值:基本类型和引用类型。 基本类型: 简单的数据段:Undefined, Null, Boolean, Number, String 引用类型:多个值构...

Vue组件内部实现一个双向数据绑定的实例代码

思路:父组件通过props传值给子组件,子组件通过 $emit 来通知父组件修改相应的props值,具体实现如下:import Vue from 'vue'const component = { props: ['value'], template:...

小程序getLocation需要在app.json中声明permission字段

小程序getLocation需要在app.json中声明permission字段,个别需要获取用户地理位置的在开发者工具调试时会出现getLocation需要在app.json中声明permission字段 提示,如下图:
ap...

Vue使用.sync 实现父子组件的双向绑定数据问题

1.前言最近在vue 项目中有一个需求, 就是我需要根据不同的类型在页面中放不同的组件, 组件需要跟当前页面的数据进行双向绑定,如果都写在同一个页面 代码会显得比较多,毕竟我当...

Vue传参一箩筐(页面、组件)

Vue页面、组件之间传参方式繁多,此处罗列出常用的几种方式,欢迎审阅补充。一丶路由传参这里的路由传参以编程式 router.push(...) 为例,声明式 <router-link :to="..."> 与之类...

JS实现图片轮播效果实例详解【可自动和手动】

本文实例讲述了JS实现图片轮播效果。分享给大家供大家参考,具体如下:
本次轮播效果图如下:具有以下功能:1.自动播放(鼠标进入显示区域时停止播放) 2.左右焦点切换 3.底下小按钮切...

vue19 组建 Vue.extend component、组件模版、动态组件 的实例代码

具体代码如下所示:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="bower_components/vue/dist/vue.js"></script...

jQuery实现带3D切割效果的轮播图功能示例【附源码下载】

本文实例讲述了jQuery实现带3D切割效果的轮播图。分享给大家供大家参考,具体如下:
这是一个使用css3+jQuery实现的轮播图效果,以前还没接触css3时,觉得效果挺酷炫的,但是实现挺复...

qrcode生成二维码微信长按无法识别问题的解决

最近用QRCode.js 生成二维码之后,发现在小米和华为手机的微信上面页面长按识别不了,苹果和其他手机浏览器是正常的。qrcode在页面生成会生成一个canvas标签和一个img标签,在电...

jQuery分组选择器简单用法示例

本文实例讲述了jQuery分组选择器简单用法。分享给大家供大家参考,具体如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jQuery分组选择器</titl...

详解easyui 切换主题皮肤

jquery cookie下载地址::http://plugins.jquery.com/cookie/1.需要导入的文件(我这里的easyui是jquery-easyui-1.6.11版本)主要实现原理就是换导入css文件,这样就可以实现切换...

JavaScript多种页面刷新方法小结

1,reload 方法
该方法强迫浏览器刷新当前页面。语法:location.reload([bForceGet])参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页。true, 则以 GET 方式,从服务...

vue学习笔记五:在vue项目里面使用引入公共方法详解

今天早上来到公司,没事看了一下别人的博客,然后试了一下,发现的确是可以的,在此记录一下,方便自己日后查阅。首先新建一个文件夹:commonFunction ,然后在里面建立 一个文件common....

基于Vue+elementUI实现动态表单的校验功能(根据条件动态切换校验格式)

前言开发过程中遇到了一个需求,根据用户选择的联系方式,动态改变输入框的检验条件,并且整个表单是可以增加的在线访问:动态表单校验github(欢迎star): https://github.com/Mrbl...

详解微信图片防盗链“此图片来自微信公众平台 未经允许不得引用”的解决方案

已经获取微信公众号发布的图片,但不能正常显示 ,提示:此图片来自微信公众平台 未经允许不得引用。
这是怎么回事呢?遇到这种问题是因为微信公众平台对图片采用了防盗链设置,微信...

基于 jQuery 实现键盘事件监听控件

最近项目里要做一个画板,需要对键盘事件进行监听,来进行诸如撤回、重做、移动、缩放等操作,因此顺手实现了一个键盘事件监听控件,期间略有收获,整理出来,希望对大家有所帮助,更希望...

jQuery中实现text()的方法

一、有这样一段 html<div class="divOne"> <p>嘿嘿嘿</p></div><div class="divOne"> <p>哈哈哈</p></div>二、jQuery 的 text() 方法(1)当直接调用 $().text()时,.text()的作...

详解JavaScript栈内存与堆内存

内存分配在编译阶段,除了声明变量和函数,查找环境中的标识符这两项工作之外,还会进行内存分配。不同类型的数据会分配到不同的内存空间: 栈内存:引擎执行代码时工作的内存空间,除...

利用Node.js如何实现文件循环覆写

前言这次编写Node.js项目的时候用到了日志模块,其中碰到了一个小问题。
这是一个定时执行可配置自动化任务的项目,所以输出信息会不断增加,也就意味着日志文件会随时间不断增大...

返回顶部
顶部