js代码 | 易学教程

[总结]JS操作DOM常用API详解

阅读更多关于 [总结]JS操作DOM常用API详解

文本整理了javascript操作DOM的一些常用的api，根据其作用整理成为创建，修改，查询等多种类型的api，主要用于复习基础知识，加深对原生js的认识。基本概念在讲解操作DOM的api之前，首先我们来复习一下一些基本概念，这些概念是掌握api的关键，必须理解它们。 Node类型 DOM1级定义了一个Node接口，该接口由DOM中所有节点类型实现。这个Node接口在JS中是作为Node类型实现的。在IE9以下版本无法访问到这个类型，JS中所有节点都继承自Node类型，都共享着相同的基本属性和方法。每个节点都有一个nodeType属性，用于表明节点的类型。节点类型由在Node类型中定义的下列12个数值常量来表示，任何节点类型必居其一： Node.ELEMENT_NODE:1 Node.ATTRIBUTE_NODE:2 Node.TEXT_NODE:3 Node.CDATA_SECTION_NODE:4 Node.ENTITY_REFERENCE_NODE:5 Node.ENTITY_NODE:6 Node.PROCESSING_INSTRUCTION_NODE:7 Node.COMMENT_NODE:8 Node.DOCUMENT_NODE:9 Node.DOCUMENT_TYPE_NODE:10 Node.DOCUMENT_FRAGMENT_NODE:11 Node

C#(前台调用后台方法，后台调用前台方法)

阅读更多关于 C#(前台调用后台方法，后台调用前台方法)

C#前台js调用后台代码前台js <script type="text/javascript" language="javascript"> 　　function Ceshi() 　　{ 　　　　var a = "<%=Getstr()%>"; 　　　　alert(a); 　　} </script> <input type="button" onclick="Ceshi();" value="js调用后台代码" /> 后台代码 public string Getstr() { 　　string aa = "你们好啊！"; 　　return aa; } C#后台调用前台js代码前台js <script type="text/javascript" language="javascript"> 　　function Ceshi() 　　{ 　　　　var a = "你们好啊！" 　　　　alert(a); 　　} </script> <asp:Button ID="Button1" runat="server" Text="后台调用js" onclick="Button1_Click" /> 后台代码 protected void Button1_Click(object sender, EventArgs e) { 　　　　//如果有UpdatePanel就用如下代码调用前台js

Vue-cli2.0 + webpack4.0 项目结构及内容详细分析

阅读更多关于 Vue-cli2.0 + webpack4.0 项目结构及内容详细分析

总体结构安装了node, webpack 、vue-cli 等工具之后，打开VS Code控制台 vue init webpack <Project Name>命令创建了基于vue-cli2.0的项目 1、build文件夹： 1.1、build.js 'use strict' require('./check-versions')() //调用版本检查 process.env.NODE_ENV = 'production' //将环境配置为生产环境 const ora = require('ora') //npm包 loading插件 const rm = require('rimraf') //npm包用于删除文件 const path = require('path')//npm包文件路径工具 const chalk = require('chalk')//npm包在终端输出带颜色的文字 const webpack = require('webpack')//引入webpack.js const config = require('../config')//引入配置文件 const webpackConfig = require('./webpack.prod.conf')//引入生产环境配置文件 // 在终端显示loading效果，并输出提示 const

如何在微信公众号开发中实现图片裁剪

阅读更多关于如何在微信公众号开发中实现图片裁剪

接触微信公众号开发已经有一段时间了，发现其实和网页开发差不多，但是因为浏览器的不同，自己也碰过一些坑，其中就有怎么实现图片裁剪功能。一开始我是用PC端的思路去做的，首先在本地获取图片路径，然后在网页中显示，最后在本地裁剪，然后把裁剪好的图片转换成base64数据，上传到服务器。做完之后，我为了测试，我是直接把图片路径写到img里面的，省略了选择图片这个步骤，最后在微信测试是通过的。但是我把选择图片的步骤加上之后，就出了问题。我是用 cropper 框架（不支持jq的版本）实现的，因为这个框架支持移动端操作的，下面我就把这个过程中出现的问题写一下。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <title></title> <link rel="stylesheet" href="css/cropper.css" /> <style> .img-content img { max-width: 100%; } </style> </head> <body> <div class="img-content"> <!--src是微信的图片ID

Js中的函数

阅读更多关于 Js中的函数

在计算机语言的学习过程中都避不开一个概念：函数。直白一些说，函数就是一组实现某个特定功能的代码块。但不是所有牛奶都叫特仑苏，函数比起其他部分的代码不同的地方，在我看来，就是函数通常是可以复用的。简单来讲，我要实现一个功能，而且在很多地方都要实现这个功能，那么我就可以把这个功能写成函数，在需要用到它的时候直接调用就可以了。这样做能够极大地简化代码，减少重复率，降低耦合度。 Js中的函数有两种形式：声明式和赋值式。声明式 : 函数声明的关键字 : function function 关键字和 var 关键字的行为几乎一致，都会在内存上开辟一块空间，用来存储变量之中的数据; function 函数名( 条件 ){ 代码 } 函数定义的规范: 函数名的首字母小写；函数的命名规则和变量命名规则基本一致; 声明时不要漏掉函数的名字。举例：一个简单的函数声明 function foo(){ console.log("hello world"); } 函数声明之后，并不会马上执行，而是等到程序中调用之后才会执行。例如一个空调，开机后并不会立即工作，而当用户点击制冷后，才开始制冷；选择制热后，开始加热。 function foo( a ){ if( a === "制冷"){ console.log("室温变低了");//制冷功能 } if( a === "制热"){ console

前端框架easyUI

阅读更多关于前端框架easyUI

简介 easyUI：是一种基于jQuery的用户界面插件集合。easyui为创建现代化，互动，JavaScript应用程序，提供必要的功能。使用easyui你不需要写很多代码，你只需要通过编写一些简单HTML标记，就可以定义用户界面。easyui是个完美支持HTML5网页的完整架。easyui节省您网页开发的时间和规模。easyui很简单但功能强大的。中文官网 http://www.jeasyui.net/ 下载和安装下载地址： http://www.jeasyui.net/download/ 解压后：在项目中使用easyUI将相关内容拷贝到项目的根目录：先创建一个easyui文件夹，在创建一个js文件夹在easyui下面创建两个文件夹js和themes。新建一个html文件，引入以下内容: 布局边框布局（border layout）提供五个区域：east、west、north、south、center。以下是一些通常用法： north 区域可以用来显示网站的标语。 south 区域可以用来显示版权以及一些说明。 west 区域可以用来显示导航菜单。 east 区域可以用来显示一些推广的项目。 center 区域可以用来显示主要的内容。 < body class = "easyui-layout" > < div data-options = "region:'north

JS高级

阅读更多关于 JS高级

1. 正则表达式: 2. String中的正则API: 1. 正则表达式: 2. String中的正则API: 查找: 1. 查找一个固定的关键词出现的位置: var i=str.indexOf("关键词"[,starti]) 在str中从starti位置开始找下一个"关键词"的位置如果省略starti，则默认从0位置开始向后找返回: “关键词”第一字所处位置的下标如果找不到，返回-1 问题: 只支持查找一个固定不变的关键词 2. 用正则表达式查找一个关键词的位置: var i=str.search(/正则/i); 在str中查找符合"正则"要求的敏感词返回值: 关键词的位置如果找不到，返回-1 问题: 正则默认区分大小的！解决: 在第2个/后加后缀i，表示ignore，意为:忽略大小写问题: 只能获得关键词的位置，不能获得关键词的内容解决: match 3. match: 1. 查找一个关键词的内容和位置: var arr=str.match(/正则/i); 在str中查找符合"正则"要求的敏感词的内容和位置返回值: 数组arr:[ "0":"关键词", "index": 下标i ] 如果找不到: 返回null 问题: 只能查找第一个关键词，不能查找更多关键词 2. 查找所有关键词的内容: var arr=str.match(/正则/ig) //g global

微信二次分享

阅读更多关于微信二次分享

Q: 使用微信二次分享的时候，标题被截短，描述也变成了链接，图片也没有 solution 文档说明微信JS-SDK说明文档 JS-SDK使用步骤 2.1 绑定域名登录微信公众平台进入“公众号设置”-->>“功能设置”-->>“JS接口安全域名”，按照提示进行填写。前端 2.2 引入js文件在需要调用JS接口的页面引入如下JS文件，http://res.wx.qq.com/open/js/jweixin-1.2.0.js 2.3 通过config接口注入权限验证配置 wx.config({ debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 appId: '', // 必填，公众号的唯一标识 timestamp: , // 必填，生成签名的时间戳 nonceStr: '', // 必填，生成签名的随机串 signature: '',// 必填，签名，见附录1 jsApiList: [] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2 }); 2.4 通过ready接口处理成功验证 wx.ready(function(){ // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，

JS初学

阅读更多关于 JS初学

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body>  <script> // JavaScript代码部分 // 基本的核心语法 // 变量：会变的量 // 定义变量 // var 定义变量的关键字 // var 变量名 = 变量值; // 变量名的命名规则: 只能是字母

vue js报Uncaught SyntaxError: Unexpected token 错误

阅读更多关于 vue js报Uncaught SyntaxError: Unexpected token 错误

原文链接: https://dsx2016.com/?p=980 微信公众号:大师兄2016 直接上图 vue 本地调试没有问题打包上线后,线上的某个页面打开空白,报以下错误 Uncaught SyntaxError: Unexpected token < 排查定位代码检查代码检查,一般 Unexpected token < 的错误,字面上的意识就是代码中可能有多余的<的符号,造成js阻塞其次可能是合并冲突,导致未解决冲突的代码被提交了 <<< 之类的语法检查本地没有问题,打包到线上有问题,可能是 webpack 编译过程中 ES6 某些语法没有转为 ES5 也可以引起类似的报错,如箭头函数等 let age = 0 setInterval(() => { age++; }, 1000); 文档类型前端的表现不一定是前端的问题,也可能是服务端的问题,如设置跨域, nginx404 配置等点击控制台错误的代码提示,查看 network 对应的文件加载状态可以看到报错的文件内容,这里注意了,一旦 js 打开为 doctype html ,那么很大概率是 nginx 把 js 文件当做 html 文件响应的,于是解析错误这个时候记得查看该文档的响应信息正常情况返回 content-type: application/javascript 错误的情况下, js

订阅 js代码