js代码 | 易学教程

JavaScript(1) -- JS入门

阅读更多关于 JavaScript(1) -- JS入门

1. JavaScript介绍 JavaScript是属于HTML与Web的解释性编程语言，也是一种以函数优先的弱类型轻量级的脚本语言，无需进行预编译即可与HTML前端页面进行行为交互，支持跨平台运行，可在多种平台下（如Windows、Linux、Mac、Android、iOS等）。目前JavaScript被广泛地应用于Web前端Html实现页面交互、实现浏览器页面事件响应、前端数据验证、检验访客浏览器信息、控制cookies的创建与修改、基于Node.js技术进行服务器端编程。 2. JavaScript基本语法 2.1. JavaScript的三种定义方式 JS一般有三种定义的方式： ① 写在<a>标签的href属性内； ② 写在<script>标签内； ③ 单独写一个JS文件，使用外连的方式引入；下面直接给出代码示例以区分这三种方式的不同： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta charset="UTF-8"> <title>三种JS的写法</title>  <script type="text/javascript">

上周热点回顾（3.30-4.5）

阅读更多关于上周热点回顾（3.30-4.5）

热点随笔： · 你所不知道的 C# 中的细节 ( hez2010 ) · 2020年了，跨平台开发框架现在怎样了？ ( 葡萄城技术团队 ) · 坚持写作快两年了，有些私藏工具跟你们分享 ( 楼下小黑哥 ) · 从入门到精通-Nginx，图文并茂、负载均衡、动静分离、虚拟主机附案例源码 ( 陈彦斌 ) · 高效code review指南 ( xybaby ) · ASP.NET Core 奇淫技巧之伪属性注入 ( 晓晨Master ) · 采用vue编写的功能强大的swagger-ui页面 ( RegicideGod ) · 技术到底是否重要之我的见解 ( antain ) · ASP.NET MVC升级到ASP.NET Core MVC踩坑小结 ( 艾心❤ ) · 毕业后第一份工作去了很小的公司，是怎样的体验？ ( 四猿外 ) · 给 EF Core 查询增加 With NoLock ( WeihanLi ) · [WPF]总结一些我在开发WPF时常用的工具 ( dino.c ) 热点新闻： · “司徒正美”不幸离世，刚入职OPPO，著有《JavaScript框架设计》 · 程序员的一次失误，在 45 分钟里搞垮了一家上市公司 · core-js 作者入狱 18 个月，2600 万次周下载的开源项目将如何？ · 远程办公监控软件卖爆了：5分钟一拍照、10分钟一截屏 ·

Gulp前端自动化构建工具

阅读更多关于 Gulp前端自动化构建工具

为什么使用Gulp Gulp自动化构建工具可以增强你的工作流程！易于使用、易于学习、构建快速、插件高质！在日常开发中，可以借助Gulp的一些插件完成很多的前端任务。如：代码的编译（sass、less）、压缩css，js、图片、合并js，css、es6转es5、自动刷新页面等 gulp中文官网： https://www.gulpjs.com.cn/ 插件地址： https://gulpjs.com/plugins/ 使用Gulp 1、全局安装gulp cnpm install gulp -g （只需要安装一次） 2、gulp安装的版本 gulp -v 3、在你当前的文件夹内建立Gulp项目 cd 文件夹 4、对当前项目初始化 cnpm init 要求配置一些信息生成一个package.json 文件保存，当前这个项目中关于gulp的所有配置信息 5、本地安装gulp(一个项目安装一次) cnpm install gulp --save-dev --save 将这个软件安装到当前目录下 -dev 保留安装信息在package.json里简写: cnpm i gulp -D cnpm i gulp@3.9.1 -D 多出一个文件夹 node_modules 存储着，我们安装的所有文件。 6、新建文件 gulpfile.js 主要目的为了给我们gulp发布任务

复制到剪贴板的js代码（兼容ie、firefox、chorme、safari...什么都兼容！）

阅读更多关于复制到剪贴板的js代码（兼容ie、firefox、chorme、safari...什么都兼容！）

对于非ie浏览器他是用flash来实现的，js代码如下： < script type = " text/javascript " > function copy_code(copyText) { if (window.clipboardData) { window.clipboardData.setData( " Text " , copyText) } else { var flashcopier = ' flashcopier ' ; if ( ! document.getElementById(flashcopier)) { var divholder = document.createElement( ' div ' ); divholder.id = flashcopier; document.body.appendChild(divholder); } document.getElementById(flashcopier).innerHTML = '' ; var divinfo = ' <embed src="../js/_clipboard.swf" FlashVars="clipboard= ' + encodeURIComponent(copyText) + ' " width="0" height="0" type="application/x

如何可以使用crypto-js

阅读更多关于如何可以使用crypto-js

尝试了github上的https://github.com/brix/crypto-js 学了用npm安装包https://www.runoob.com/nodejs/nodejs-npm.html 看了好多遍README.md 搞得心力憔悴，两三个小时，就是不能跑。最后找到这篇博客https://blog.csdn.net/weixin_43953753/article/details/86018134，一下子解决了。总之，在你的html文件里直接加上下面这行代码 <script src="https://cdn.bootcss.com/crypto-js/3.1.9-1/crypto-js.min.js"></script> 然后就可以快乐地使用crypto-js内置的各种加密算法了。来源： https://www.cnblogs.com/hardcoreYutian/p/12640229.html

兼容好的JS图片上传预览代码

阅读更多关于兼容好的JS图片上传预览代码

转： http://www.codefans.net/articles/1395.shtml 兼容好的JS图片上传预览代码（谷歌，IE11） <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>本地图片预览</title> <style type="text/css"> #preview{width:100px;height:100px;border:1px solid #000;overflow:hidden;} #imghead {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);} </style> <script type="text/javascript"> function previewImage(file) { var MAXWIDTH = 100; var MAXHEIGHT = 100; var div = document.getElementById('preview'); if (file.files && file.files[0]) { div.innerHTML = '<img id=imghead>'; var img = document.getElementById(

Python执行js之PyexecJs

阅读更多关于 Python执行js之PyexecJs

利用Python执行js 爬虫中会经常碰到JS加密，当我们找到他加密的JS代码之后我们需要获取它的返回值，python虽然可以模仿js写一个python版本的加密，但是这样有点费时间，也有点费头发~ 安装PyexecJS 注意：这块需要一个执行js的环境，我本地装的是NodeJS pip install pyexecjs 执行JS 举一个例子如下： import execjs js = execjs.compile(''' function genpvid() { var a = (new Date).getTime(); var b = "xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx".replace(/[xy]/g, function(b) { var c = (a + 16 * Math.random()) % 16 | 0; return a = Math.floor(a / 16), ("x" == b ? c : 3 & c | 8).toString(16) }); return b }''') result = js.call('genpvid') #call里面的参数第一个是js函数名称,如果要执行的js有参数，后面跟上参数就可以，如js.call('getpvid',2,3)这样 print(result) 结尾

高性能网站建设指南笔记

阅读更多关于高性能网站建设指南笔记

规则1-减少HTTP请求 1.图片合并 1)将多个图片合并为一个图片, 2)CSS Sprites。使用CSS的background-positon属性，配合width/height显示指定位置的图片局部内容。 <div style="background-image:url('xxxxx.gif');background-position:-260px -90px; width:26px;height:24px;"></div> 3)合并后的图片，不但减少了下载次数，而且降低了总体大小，因为它减少了颜色表、格式信息等图片格式开销。 2.内嵌图片 1)使用data:URL模式 data:[<mediatype>][;base64],<data> data:URL形式无法直接被浏览器缓存，可以将其放在css样式表中，从而实现缓存，base64转换后的图片会变大。 .home{background-image:url(data:image/gif;base64,XXXXXXXXX);} 3.合并js和css文件规则2-使用内容分发网络规则3-使用Max-Age 1.使用Expires/Max-Age/mod_expires设定缓存时间可以通过设置文件版本号等方法，使文件及时刷新。规则4-压缩组件 1.gzip压缩 1)浏览器发送Accept-Encoding:gzip

js全局变量收集器

阅读更多关于 js全局变量收集器

js全局变量收集器 1.代码 // 定义方法 var overallManager = (function() { // 存储全局变量，闭包保护不受污染 var overall = {}; // 要创建的全局变量和变量值 return function(name, value) { // 首先保证有传参 if (arguments.length == 0) { return null; } // 上一句已经保证至少传入一个name，这里保证name是String类型 name = String(name); // 不传value为get方法 if (value === undefined) { return overall[name]; } // 传value为set方法 overall[name] = value; }; // 使用方法 overallManager("name", 小美) // 使用优化一下，最好先判断一下，全局变量收集器中是否存在这个变量 if (overallManager("name") === undefined) { overallManager("name", 小美) } })(); 来源： https://www.cnblogs.com/zxuedong/p/12635900.html

原生js与jquery的区别

阅读更多关于原生js与jquery的区别

1.选择器： js:　　　　$('.car_img_con img')[0]; var jsObj = document.getElementsByClassName('sel_index_block')[0];jsObj.html();TypeError: undefined is not a function jquery:　 $('.car_img_con img'); var jqObj = $('.sel_index_block').eq(0); jqObj.html() "不选预算" 2.文档加载：页面加载过程有两个事件，一是ready，表示文档结构已经加载完成（不包含图片等非文字媒体文件），二是onload，指示页面包含图片等文件在内的所有元素都加载完成。（可以说：ready 在onload 前加载。）（1）一些待调用函数定义，要在调用前定义。（2）对于完善网页元素的JS，伴随文档加载执行。（3）而绑定元素事件响应的JS，则一定要等到相应元素加载后或文档全部加载完成后再执行，否则无法找到元素，当然不可绑定事件。 js:　　 window.onload = function(){ 　　document.getElementById('id').addEventListener('click',func,false); //需定义响应函数func } 　

订阅 js代码