JavaScript实现移动端页面按手机屏幕分辨率自动缩放的最强代码
手机的屏幕有大有小，移动web最好做成响应式布局，也就是自适应屏幕，没有固定宽高，这样的话，在所有手机上都可以正常显示。关于移动端页面按手机屏幕分辨率自动缩放的js，先附上代码...
2020-05-27
Iphone手机、安卓手机浏览器控制默认缩放大小的方法总结（附代码）
可能大家发现自己制作的手机端页面，默认打开的时候并不是在理想的缩放状态下。遇到这样的问题，需要在head标签下，添加meta解决。代码如下：<meta name=”viewport” content=”wi...
2020-05-27
二维码图片生成器QRCode.js简单介绍
QRCode.js是一个实现生成二维码(QRCode)的js插件。 QRCode.js有着良好的跨浏览器兼容性（高版本使用HTML5的 Canvas，低版本IE使用table元素绘制），而且QRCode.js没有任何依赖。只...
2020-05-27
js使用highlight.js高亮你的代码
在逛别人的博客的时候，看见别人的代码的例子使用了高亮的语法，无论是java，js还是php等等语言，都会自动的对关键字进行高亮。于是在前几天自己写了一个博客，遇到code时，自然就想到...
2020-05-27
select自定义小三角样式代码（实用总结）
这段代码是网上大部分的解决办法，在这里总结一下：让select透明，上面加一个span，来替换select框，可以自定义小三角样式，也可以做出select文字居中的效果。 <div class="ui-s...
2020-05-27
JS实现基于Sketch.js模拟成群游动的蝌蚪运动动画效果【附demo源码下载】
本文实例讲述了JS实现基于Sketch.js模拟成群游动的蝌蚪运动动画效果。分享给大家供大家参考，具体如下：基于Sketch.js，实现了物体触碰检测（蝌蚪会遇到障碍物以及聪明的躲避鼠标的...
2020-05-27
jQuery+HTML5实现WebGL高性能烟花绽放动画效果【附demo源码下载】
本文实例讲述了jQuery+HTML5实现WebGL高性能烟花绽放动画效果。分享给大家供大家参考，具体如下：运行效果：完整代码如下：<!DOCTYPE html><html class=" -webkit- js flexbox canv...
2020-05-27
Vue中引入样式文件的方法
一、在vue中使用scss首先进行安装如下依赖：
cnpm i sass-loader node-sass -D
二、vue中引入样式文件1）在index.html模板html文件中引入，这种方式引入的原样编译在生成的html...
2020-05-27
浅谈Angular2 ng-content 指令在组件中嵌入内容
ng-content指令可以在组件中嵌入模板代码，方便定制可复用的组件。
比如：页面的header是个通用组件，导航菜单样式已经设定好，只需在header标签内加上菜单内容。用ng-content标签，...
2020-05-27
Node.JS更改Windows注册表Regedit的方法小结
注册表是windows操作系统中的一个核心数据库，其中存放着各种参数，直接控制着windows的启动、硬件驱动程序的装载以及一些windows应用程序的运行，从而在整个系统中起着核心作用...
2020-05-27
浅谈angular4 ng-content 中隐藏的内容
如果你尝试在 Angular 中编写可重复使用的组件，则可能会接触到内容投射的概念。然后你发现了 <ng-content> ，并找到了一些关于它的文章，进而实现了所需的功能。接下来我们来通...
2020-05-27
Vue组件选项props实例详解
前面的话 组件接受的选项大部分与Vue实例一样，而选项props是组件中非常重要的一个选项。在 Vue 中，父子组件的关系可以总结为 props down, events up。父组件通过 props 向...
2020-05-27
javascript将url解析为json格式的两种方法
本文介绍了javascript将url解析为json格式的两种方法，分享给大家，具体如下：方法一：最简单的方法，利用a标签来实现function parseUrl(url){ var a=document.createElement('a');...
2020-05-27
详解JS数组Reduce()方法详解及高级技巧
基本概念reduce() 方法接收一个函数作为累加器（accumulator），数组中的每个值（从左到右）开始缩减，最终为一个值。reduce 为数组中的每一个元素依次执行回调函数，不包括数组中被删除...
2020-05-27
JS模拟超市简易收银台小程序代码解析
废话不多说了，直接给大家贴代码了，具体代码如下所示： <script type="text/javascript"> // 1.编写一个程序，计算增加后的工资。要求基本工资大于等于1000元，增加20%的工资;若小于...
2020-05-27
JavaScript 完成注册页面表单校验的实例
1、步骤分析
第一步：确定事件(onsubmit)并为其绑定一个函数第二步：书写这个函数(获取用户输入的数据<获取数据时需要在指定位置定义一个 id>)第三步：对用户输入的数据进行判断...
2020-05-27
简单的网页广告特效实例
为了练习javascript，做了一个简单的demo，实现的是广告从顶部慢慢拉出到最大，然后停留2s，再收缩到比较小且可以关闭的广告特效。图片可以替换为任意其他的图片。
代码如下
<!DOCT...
2020-05-27
Vue内容分发slot(全面解析)
前面的话为了让组件可以组合，需要一种方式来混合父组件的内容与子组件自己的模板。这个过程被称为 内容分发 (或 “transclusion” )。Vue实现了一个内容分发 API，参照了当前...
2020-05-27
Vue自定义事件(详解)
前面的话父组件使用props传递数据给子组件，子组件怎么跟父组件通信呢？这时，Vue的自定义事件就派上用场了。本文将详细介绍Vue自定义事件事件绑定每个 Vue 实例都实现了事件接口...
2020-05-27
Mui使用jquery并且使用点击跳转新窗口的实例
网上好多朋友是这样做的：全局插入了js代码mui('body').on('tap', 'a', function () { document.location.href = this.href; });这样做是行的，但是有很多问题，比如点击侧栏的时...
2020-05-27
深入理解ES6的迭代器与生成器
本文介绍了深入理解ES6的迭代器与生成器，分享给大家，具体如下：
循环语句的问题
var colors = ["red", "green", "blue"];for(var i=0; i<colors.length; i++){ console.log(co...
2020-05-27
深入理解ES6学习笔记之块级作用域绑定
众所周知，js中的var声明存在变量提升机制，因此ESMAScript 6引用了块级作用域来强化对变量生命周期的控制
let const 声明不会被提升，有几个需要注意的点
1、不能被重复声明假设...
2020-05-27
JavaScript文件的同步和异步加载的实现代码
对于JS文件的引用，尽管当前有不少框架和工具（比如webpack，commonjs，requiresjs等）都做了很好的处理。但是抛开这些框架，了解原生的加载方式还是不无裨益。本文简述一些js文件的同...
2020-05-27
Vue Transition实现类原生组件跳转过渡动画的示例
最近学习了Vue Transition的用法，感觉这个地方知识点挺多的，而且很重要，所以，今天添加一点小笔记
官方文档：https://cn.vuejs.org/v2/guide/transitions.html
演示地址：http://www...
2020-05-27
如何理解Vue的作用域插槽的实现原理
本文介绍了如何理解Vue的作用域插槽的实现原理，分享给大家，也给自己留个笔记
举个例子，比如我写了一个可以实现条纹相间的列表组件，发布后，使用者可以自定义每一行的内容或样式（普...
2020-05-27
浅谈关于.vue文件中style的scoped属性
本文介绍了.vue文件中style的scoped属性以及踩到的坑，具体如下：scoped可以实现style只作用于当前的.vue文件
<template> <div class="user"></div></template><script></scri...
2020-05-27
ionic App问题总结系列之ionic点击系统返回键退出App
在安卓下，如果不处理系统返回键的事件，那么每次点击返回键，将页面将返回到上一个路由，这种逻辑不符合app的路由逻辑。正确的应该是：当页面到了各个导航页的首页时，此时再按返回键...
2020-05-27
React Native 环境搭建的教程
一直对 RN 充满了好奇，前段时间学习并实际使用 RN 来开发了一个简单的应用。第一步从环境搭建开始。环境搭建分别需要安装Node，Watchman，Yarn 和 RN 命令行工具，推荐把 react-de...
2020-05-27
JavaScript贪吃蛇小组件实例代码
1 写在前面看来《JavsScript高级编程》，想做一个小demo练练自己的手，选择了贪吃蛇游戏。由于以前都是用c#写的，将贪吃蛇写到一个类里面，然后一个一个小方法的拆分，只向外提供需要...
2020-05-27
Vue组件实例间的直接访问实现代码
前面的话 有时候需要父组件访问子组件，子组件访问父组件，或者是子组件访问根组件。 在组件实例中，Vue提供了相应的属性，包括$parent、$children、$refs和$root，这些属性都挂载...
2020-05-27
jQuery实现表格冻结顶栏效果
昨天晚上公司遇到个小需求，就是实现类似表格冻结顶栏的效果，具体描述就是下面动态图的效果这样的效果不算是很难，但是实现起来确实挺麻烦的，这里的难点就不多说了，就是这个效果一...
2020-05-27
Vue动态组件实例解析
前面的话 让多个组件使用同一个挂载点，并动态切换，这就是动态组件。本文将详细介绍Vue动态组件概述
通过使用保留的 <component> 元素，动态地绑定到它的 is 特性，可以实...
2020-05-27
关于JavaScript的单双引号嵌套问题
单引号和双引号之间可以相互嵌套。1、单引号内只能嵌套双引号。2、双引号内只能嵌套单引号。3、如果想在双引号内，再嵌套双引号，里面的双引号，一定要进行转义（\”）。4、JS中的转...
2020-05-27
ES6扩展运算符的用途实例详解
ES6的扩展运算符可以说是非常使用的，在给多参数函数传参，替代Apply，合并数组，和解构配合进行赋值方面提供了很好的便利性。扩展运算符就是三个点“...”，就是将实现了Iterator 接...
2020-05-27
mui 打开新窗口的方式总结及注意事项
一、什么是良好的用户体验（淘宝、易迅）1、预加载截图方式：点击、切换模版窗口、显示等待框、执行ajax并渲染、显示数据、关闭等待框。2、head、body分开载入方式：点击、切换窗口...
2020-05-27
Bootstrap 模态框（Modal）带参数传值实例
模态框（Modal）是覆盖在父窗体上的子窗体。通常，目的是显示来自一个单独的源的内容，可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。 为了实现父窗体与其...
2020-05-27
Cropper.js 实现裁剪图片并上传(PC端)
由于之前做项目的时候有需求是需要实现裁剪图片来做头像并上传到服务器，所以上网查询了很多资料，也试用了许多案例，发现cropper插件裁剪是比较完善的，所以结合之前的使用情况，编...
2020-05-27
详解A标签中href=""的几种用法
众所周知，a标签的最重要功能是实现超链接和锚点。而且，大多数人认为a标签最重要的作用是实现超链接，今天我刚好碰到a标签的一种写法<a href="JavaScript:;"></a>，所以就来整理下...
2020-05-27
JS实现评价的星星功能
刚开始接触写星星评价时，哇！估计脑子刚被驴踢了，竟然想到了最笨的办法-手工画五角星。妈呀！ css样式都写了好大一串，还沾沾自喜终于画出来了，然后瞅一瞅旁边的妹子写得怎么样了，哇！...
2020-05-27
JS数组操作之增删改查的简单实现
JS提供了很多方便操作数组的方法，本文所要分享的就是如何快速对数组进行增、删、改、查。一、增1、push()可接收任意数量的参数，把它们逐个添加至数组末尾，并返回修改后数组的...
2020-05-27
详解Layer弹出层样式
前言：学习layer弹出框，之前项目是用bootstrap模态框，后来改用layer弹出框，在文章的后面，我会分享项目的一些代码(我自己写的)。layer至今仍作为layui的代表作，她的受众广泛并非偶...
2020-05-27
使用vue制作FullPage页面滚动效果
前言已经有好久没有更新博客了，大三下了要准备找实习了，才发现自己很多东西都不会，所以赶紧找了个现在流行的MVVM框架学习一下。我学习的是Vue，所以拿Vue写了一个FullPage的模板...
2020-05-27
Vue编写多地区选择组件
看看效果图：效果图功能点: 支持不限城市,不限地区(这个东西的实现..真心死磕了挺久) – 左右两边数据的同步 地区一次性多选,若是选择了所有地区会自动转为不限地区 数据...
2020-05-27
前端图片懒加载(lazyload)的实现方法(提高用户体验)
定义图片懒加载又称图片延时加载、惰性加载，即在用户需要使用图片的时候加载，这样可以减少请求，节省带宽，提高页面加载速度，相对的，也能减少服务器压力。惰性加载是程序人性化的一...
2020-05-27
详解Vue微信公众号开发踩坑全记录
本文介绍了Vue微信公众号开发踩坑全记录，分享给大家，也给自己留个笔记。需求
微信授权登录（基于公众号的登录方案） 接入JS-SDK实现图片上传，分享等功能现状及难点 采...
2020-05-27
webpack3+React 的配置全解
webpack3 的配置相对于webpack2 又有了一些新的变化，这里讲其记录下来，备查 。
package.json 的完整文件在结尾 。1. 安装
npm inityarn add webpack webpack-dev-server -D2....
2020-05-27
原生JS 购物车及购物页面的cookie使用方法
直接上代码：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>购物页面</title><style>ul{list-style:none;padding:0;margin:0;}.goods li{display:inli...
2020-05-27
jQuery模拟爆炸倒计时功能实例代码
HTML部分 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>炸弹倒计时</title> <style type="text/css"> .content { width: 20...
2020-05-27
详解webpack的配置文件entry与output
本文介绍了webpack的配置文件entry与output，分享给大家，具体如下：在webpack.config.js中entry是唯一入口文件entry也可以是一个数组如果是一个数组，会将数组里面的文件一起打包...
2020-05-27
使用Nodejs连接mongodb数据库的实现代码
一个简单的nodejs连接mongodb示例，来自 mongodb官方示例1. 创建package.json首先，创建我们的工程目录connect-mongodb，并作为我们的当前目录mkdir connect-mongodbcd connect-m...
2020-05-27
