Welcome

首页 / 脚本样式 / JavaScript

Javascript实现汉字和拼音互转的终极方案

2017-02-06 22
前言中文汉字和拼音互转是很多地方都会遇到的，本文是精心整理并修改了网上几种常见的字典文件并简单封装了一下可以直接拿来用的工具库。有需要的下面来一起看看。汉字转拼音：拼音转汉字：汉字与拼音相关知识普及汉字范围一般认为Unicode编码中的汉字范围是 /^[u2E80-u9FFF]+$/ （11904-40959） ，但是其中有很多不是汉字，或者说是可以读的汉字，本文用到的几个字典文件的汉字范围均是 /^[u4E00-u9FA5]+$/，也就是（19968-4...

jQueryready方法实现原理详解

2017-02-06 20
今天闲来无事研究研究jQuery.ready（）的内部实现，看JQ的源码一头雾水，由于自己很菜了，于是翻了翻牛人的播客，讲述详细，收获颇多。先普及一下jquery.ready（）和window.onload，window.onload事件是在页面所有的资源都加载完毕后触发的. 如果页面上有大图片等资源响应缓慢, 会导致window.onload事件迟迟无法触发.所以出现了DOM Ready事件. 此事件在DOM文档结构准备完毕后触发, 即在资源加载前触发....

JS自定义函数对web前端上传的文件进行类型大小判断

2017-02-06 22
废话不多说了直接给大家贴js代码了。具体代码如下所示：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-e...

Angular2NgModule 模块详解

2017-02-06 19
Angular的模块的目的是用来组织app的逻辑结构。在ng中使用@NgModule修饰的class就被认为是一个ng module。NgModule可以管理模块内部的Components、Directives、Pipes，引入Service，并控制外部组件对内部成员的访问权限。angular2 具有了模块的概念，响应了后台程序的号召，高内聚 低耦合。模块就是用来进行封装，进行高内聚 低耦合的功能。其实各人认为ng2 的模块和.net的工程类似，如果要使用...

JavaScript重定向URL参数的两种方法小结

2017-02-06 20
这篇文章主要介绍的是JavaScript重定向URL参数的两种方法，下面话不多说，直接看示例代码。一、字符拼接形式function setUri（para, val） {var strNewUrl = new String（）;var strUrl = new String（）;var url = window.location.href;strUrl = window.location.href;if （strUrl.indexOf（"?"） ！...

jQuery实现点击任意位置弹出层外关闭弹出层效果

2017-02-06 20
在之前做项目的时候经常会在主页面上点击某个按钮，右侧弹出一个div输出对应内容的详细信息。此时，我是希望在鼠标点击弹出层外的时候关闭该弹出层，主要思想就是：找到鼠标点击的那个元素判断这个元素是否在指定区域内，其实就是判断它的父元素是不是弹出层如果不是就对弹出层进行hide，如果是就不进行任何操作具体实现该代码需要使用jQuery,代码如下：$（document）.mousedown（function（e）{if（$（e.target）.parent（"#i...

Ubuntu 16.04 64位中搭建Node.js开发环境教程

2017-02-06 19
前言首先说下本文的系统环境是：Ubuntu 16.04 64位，本文内容亲测可用， 大家可以请放心借鉴参考，下面来一起看看详细的步骤。使用淘宝镜像淘宝镜像官网是https://npm.taobao.org/使用淘宝镜像前请自行安装好 npm 和 nodenode 和 npm 的安装node可以在这里下载 本文使用的是官方推荐v4.4.4长期支持版下载并解压 node-v4.4.4-Linux-x64.tar.xz tar -xJf node-v4.4.4-...

JavaScript 中 avalon绑定属性总结

2017-02-06 22
avalon是前端MVVM框架，将所有前端代码彻底分成两部分，视图的处理通过绑定实现（angular有个更炫酷的名词叫指令），业务逻辑则集中在一个个叫VM的对象中处理。我们只要操作VM的数据，它就自然而然地神奇地同步到视图。$model（所有非$属性）,$event（事件对象）1、作用域圈定ms-controller：按着就近原则自下而上扫描DOM树ms-important：仅扫描本节点及之下作为扫描区ms-skip：使绑定失效2、ms-duplex双向绑...

Bootstrap Table使用方法解析

2017-02-06 21
bootstrap table是一个非常不错的，基于bootstrap的插件，它扩展和丰富了bootstrap表格的操作，如格式化表格，表格选择器，表格工具栏，分页等等。最近基于bootstrap开发一个开台发布系统，就开发过程中，使用bootstap table遇到的一些问题及收获记录如下：开始使用：需要在你自己的页面中引入以下样式及脚本：<link rel="stylesheet" href="bootstrap.min.css"><...

Angular和百度地图的结合实例代码

2017-02-06 24
我现在做的一个项目是angular,但是我用直接引用百度地图的方法引进js,写html,js代码，发现，我去，报错了，我一开始还以为是百度地图跟angular有冲突，然后我就去搜索啊，发现angular也有一个百度地图插件，无奈我用了报错了，网上说要用angular2版本才能兼容，但是我又不会下载2版本，所以我就放弃了，然后呢，我又去解决我一开始的那个错误了，首先来说一下百度地图怎么用吧，很简单，上代码首先引入js<script type="text...

jQuery插件ajaxFileUpload异步上传文件

2017-02-06 21
ajaxFileUpload.js 很多同名的，因为做出来一个很容易。我用的是这个：https://github.com/carlcarl/AjaxFileUpload 下载地址在这里：http://xiazai.jb51.net/201610/yuanma/ajaxfileupload（jb51.net）.rarAjaxFileUpload.js并不是一个很出名的插件，只是别人写好的放出来供大家用，原理都是创建隐藏的表单和iframe然后用JS去提交，获...

js表单登陆验证示例

2017-02-06 20
本文实例讲述了js表单登陆验证的方法。分享给大家供大家参考，具体如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta...

使用Angular.js开发的注意事项

2017-02-06 21
前言近期一直在玩Angularjs，不得不说，相对于Knockout，Angularjs这一MVVM框架更强大，也更复杂，各种教程网上到处都是，不过真正用到项目的时候会遇到各种坑。一、ng-repeatng-repeat 用于标识某个 elem 需要重复输出，同时重复输出的内容需为唯一<div ng-app="app" ng-controller="control"><h3 ng-repeat="content in repeatCont...

jQuery插件ajaxFileUpload使用实例解析

2017-02-06 19
ajaxFileUpload.js 很多同名的，因为做出来一个很容易。我用的是这个：https://github.com/carlcarl/AjaxFileUpload 下载地址在这里：http://xiazai.jb51.net/201610/yuanma/ajaxfileupload（jb51.net）.rarAjaxFileUpload.js并不是一个很出名的插件，只是别人写好的放出来供大家用，原理都是创建隐藏的表单和iframe然后用JS去提交，获...

微信小程序 教程之wxapp 视图容器 view

2017-02-06 22
相关文章：微信小程序 教程之wxapp视图容器 swiper微信小程序 教程之wxapp视图容器 scroll-view微信小程序 教程之wxapp 视图容器 viewView视图容器。示例：<view class="section"> <view class="section__title">flex-direction: row</view> <view class="flex-wrp" style="flex...

微信小程序 教程之wxapp视图容器 scroll-view

2017-02-06 22
相关文章：微信小程序 教程之wxapp视图容器 swiper微信小程序 教程之wxapp视图容器 scroll-view微信小程序 教程之wxapp 视图容器 viewscroll-view可滚动视图区域。属性名类型默认值说明scroll-xBooleanfalse允许横向滚动scroll-yBooleanfalse允许纵向滚动upper-thresholdNumber50距顶部/左边多远时（单位px），触发 scrolltoupper 事件lower-t...

微信小程序 教程之wxapp视图容器 swiper

2017-02-06 22
相关文章：微信小程序 教程之wxapp视图容器 swiper微信小程序 教程之wxapp视图容器 scroll-view微信小程序 教程之wxapp 视图容器 view微信小程序视图容器：swiper​滑动面板​滑动面板属性名类型默认值说明indicator-dotsBooleanfalse是否显示面板指示点autoplayBooleanfalse是否自动切换currentNumber0当前所在页面的indexintervalNum...

Vue.js绑定HTML class数组语法错误的原因分析

2017-02-06 22
Vue.js绑定HTML class数组语法错误，详情如下所示：昨天在官网教程上发现一个错误是这样的，下面看图http://cn.vuejs.org/guide/class-and-style.html当有多个条件class时这样写有些繁琐。在1.0.19+中，可以在数组语法中使用对象语法：如果这样写是可以执行成功的，但有错误data: {classA: "class-a",classB: "class-b",classC: "class-c",isB: ...

javascript滚轮控制模拟滚动条

2017-02-06 20
此实例通过对滚轮事件的监听，通过滚轮控制滚动条的上下移动，可以将其修改后运用与使用滚轮缩放图片、改变透明度等特效。<！DOCTYPE html> <html><head> <meta charset="UTF-8"> <title></title> <style type="text/css">*{ margin: 0; padding: 0;}#boxwrap{ posi...

Angular2表单自定义验证器的实现

2017-02-06 20
本文主要给大家介绍如何判断验证器的结果。在这里，我们就来看看怎样实现一个自定义的验证器。目标我们要实现一个验证手机号的验证器，使用的实例还是基于之前的文章里面的实例，也就是用户信息输入的表单页面。我们在手机号的元素上添加一个验证手机号的验证器。然后，如果手机号验证失败，就显示一个错误，页面如下：这部分教程的代码可以从github获取:git clonehttps://github.com/Mavlarn/angular2-forms-tutorial如果要...
<< 81 82 83 84 85 86 87 88 89 90 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图