本文实例讲述了vue.js仿hover效果的实现方法。分享给大家供大家参考,具体如下: <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title><style>*{margin: 0;padding: 0;list-style: none;}ul{margin:100px ;}li{width: 50px;height: 50px;border: 1px solid;float: left;text-align: center;line-height: 50px ;}.act{background: red;}</style> </head> <body> <ul id="app"><li @click="fun(x)" v...
本文实例讲述了JavaScript格式化json和xml的方法。分享给大家供大家参考,具体如下: 格式化json实例 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>原生js格式化json的方法</title> </head> <body> <!--格式化后的json写入的位置--> <div id="writePlace"></div> <script>//格式化代码函数,已经用原生方式写好了不需要改动,直接引用就好var formatJson = function (json, options) {var reg = null,forma...
本文实例讲述了JavaScript JMap类定义与使用方法。分享给大家供大家参考,具体如下: 在JavaScript中我们利用function类定义类 在类的内部我们用var 定义私有变量 私有函数 在类的内部我们用this 定义公有变量 (1)定义一个类 function JMap() {var arr={};//空类//增加this.put=function (key,value) {//用一个方法将数据加到指定类中去arr[key]=value;}this.get=function (key) {if( arr[key]){return arr[key];}else{return nul...
本文实例讲述了JS实现数组去重,显示重复元素及个数的方法。分享给大家供大家参考,具体如下: <script> var arr = [土豆,土豆,茄子,土豆,茄子,土豆,紫红色]; function qc(arr){var resultObj = {};var result = [];var result2 = [];for(var i=0; i<arr.length; i++){if(result.indexOf(arr[i]) == -1){result.push(arr[i]);}else{if(result2.indexOf(arr[i]) == -1){result2.push(arr[i]);}}}var obj = {}arr.forEach((v,k)=>{if(...
本文实例讲述了微信小程序实现提交input信息到后台的方法。分享给大家供大家参考,具体如下: wxml文件: <!-- 用户名事件绑定 --> <view class="fl_form"> <text>您的姓名</text> <input type="text" placeholder=请输入您的姓名 value="{{userName}}" bindblur=userNameInput></input> </view> <!-- 所属部门事件绑定 --> <view class="fl_form"> <text>所属部门</text> <input type="text" placeholder=请输入所属部门 value="{...
自动构建javascript有不少好工具。不过其实很少有人知道,npm run命令就能很好地完成这一任务,配置起来也很简单。James Halliday在博客上分享了使用npm run自动化任务的一些经验: script npm 会在项目的 package.json 文件中寻找 scripts 区域,其中包括npm test和npm start等命令。 其实npm test和npm start是npm run test和npm run start的简写。事实上,你可以使用npm run来运行scripts里的任何条目。 使用npm run的方便之处在...
本文实例讲述了微信小程序时间轴实现方法。分享给大家供大家参考,具体如下: 最近项目需要在页面上做一个时间轴,又是第一次做,而且还是在小程序上,要知道小程序里面没有ol/ul/li,看了好几个例子,最后做出来了,开心呀!如图:做起来其实很简单:一个时间轴包括一个圆圈(css实现圆圈或者找一个圆圈图片)+一条线(css实现直线或者找一个直线的图片)+内容 来看我的代码(代码很不规范,请忽略): wxml <view class=weui-cell...
关于创建 create-react-app 项目请查看:create-react-app 的安装与创建 。 关于在 less 和 sass 如何在 create-react-app 启用 CSS Modules,请查看我的上一篇文章: 在 Create React App 中使用 CSS Modules 。 启用 Sass 语法编写 CSScreate-react-app 脚手架中已经添加了 sass-loader 的支持,所以只需要安装 node-sass 插件即可 安装 node-sass 插件$ npm install node-sass --save# 或者 # $ yarn add node-sass用法:编写 s...
本文实例讲述了微信小程序提取公用函数到util.js及使用方法。分享给大家供大家参考,具体如下: 在小程序中,定义了一项工具文件utils,此文件的js旨在本文件之内有效,当其他子页面想调用其中的js方法或者变量时,需要两步骤: 1:在utils被调用的js文件中,面向对象的方式模型输出: module.exports={要调用的函数名称:要调用的函数名称 };2:在要调用的js文件中模块化引入utils的js文件 var object=require("utils被调用的js文件...
前言 在学习 Haskell 时,我遇到了这种写法: sum (takeWhile (<10000) (filter odd (map (^2) [1..])))这段代码的意思是,找出自然整数中小于 10000 的同时是乘方数和奇数的数字,再把这些数加总。由于 Haskell 的懒运算特性,上面的程序并不会立马生成从 1 到 无限大的自然数列表,而是会等待 takeWhile 指令,再生成符合条件的列表。如果用 JS 来写,很难写出这么简洁高表达性的代码。一个可能的思路就是写个 while 循环,然后找...
说明实现 路由跳转、redux 文件版本 “next”: “^4.2.3”,“react”: “^16.2.0”,“react-dom”: “^16.2.0”Next.js GitHub 文档 项目源码 使用Next.js 使用文件体统作为API,可以自动进行服务器端渲染和代码分割 1. 安装 yarn add next react react-dom2. package.json 中添加 npm script "scripts": {"dev": "next","build": "next build","start": "next start"}, 3. 创建 /pages 文件夹,其中文件会映射为路由/pages 文件夹...
本文实例讲述了JS简单判断是否在微信浏览器打开的方法。分享给大家供大家参考,具体如下: 最近做很多HTML5的项目,很多页面会通过微信微博等SNS分享出去。在分享页面上提供公司APP的下载。但是在很多应用的浏览器中,点击下载链接无法下载应用。那么针对这些浏览器我们需要给用户提示从safari或者系统自带的浏览器打开分享页面。通过js就可以判断当前页面是在什么浏览器打开的。 以下是一段示例代码,注释中表明了通过JS如何判断是...
这个小技巧在工作当中是非常实用而且经常用到的 希望小伙伴儿们能学到。 先看看效果图吧接下来我们看看怎么实现的吧 在methods中写入一个方法 clickcategory(index){ // 这里我们传入一个当前值this.categoryIndex = index }然后需要在data里面注册一下 data() {return {categoryIndex: 0, //点击当前背景变成白色索引}}, 在css中设置我们当前选中项为active的类名,并给与一个白色的背景颜色.active {background: #fff} 接下来在...
本文实例讲述了JS实现获取自定义属性data值的方法。分享给大家供大家参考,具体如下: HTML部分: <div id="tree" data-leaves="47" data-plant-height="2.4m"></div>js部分: var tree = document.getElementById("tree"); //getAttribute()取值属性 console.log(tree.getAttribute("data-leaves")); console.log(tree.getAttribute("data-plant-height")); //setAttribute()赋值属性 tree.setAttribute("data-leaves","48"); //d...
在用vue来写一官网的时候,想引入外部字体文件,毕竟总感觉他自己的字体有点难看,在这里记录下1.先下载字体文件所需的.ttf文件我这里想引入的是华文行楷字体百度后下载了一个3M多的ttf文件或者https://www.gxlcms.com/fonts/点击此链接,进行字体下载 2.将字体文件引入自己定义一个文件夹,放入下载好的.ttf文件先自己定义一个font.css文件,将下载好的字体文件的路径引入@font-face {font-family: "华文行楷";src: url(stxingka....