前端小课堂 js：what is the function？

js 函数: 概念:函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块. 说白了就是响应用户操作所执行的代码,通过js事件触发,然后调用执行函数里代码的操作. 比如常见的用户点击事件,用户点击了按钮,如果这个按钮绑定了点击事件的话就会触发点击事件,触发了点击事件干什么呢,这时候就需要给这个点击事件绑定一个函数了,这样用户点击以后就可以触发函数,然后执行函数里面的操作.如: <script> function myFunction() { alert("Hello World!…

前端小课堂 js：函数的创建方式及区别

js 函数的创建大体有这几种方式: -1-函数表达式(函数字面量): 说白了就是把一个函数赋值给了一个变量. var fun1 = function(index){ alert(index); } fun1(1); 函数表达式其中还包括匿名自执行函数,这种方式函数不用调用就会自己执行: 比如: (function(i){ alert(i); })(index) 也许你会问我什么时候会用匿名自执行函数呢?给你看个面试题: for(var i = 0;i < 5;i ++){ setTimeout(…

自定义博客cnblogs样式的必备前端小知识——js、jq

JQ.JS相关小知识任意元素自动点击 $(".editicon").trigger('click') 添加子元素 append() - 在被选元素的结尾插入内容 prepend() - 在被选元素的开头插入内容 after() - 在被选元素之后插入内容 before() - 在被选元素之前插入内容删除.清空子元素 $(".p").empty(); //不会删除自己 //删除内部所有子节点 $(".p").remove(); //会删除自己…

前端小知识-js

一.对象冒充 function student(name,age){ this.name = name; this.age = age; this.show = function(){ console.log("name:"+name,"age:"+age); } } function teacher(name,age){ this.teacher = student; this.teacher(name,age); delete this.teacher; } v…

前端小程序——js+canvas 给图片添加水印

市场上各种各样的图片处理器有很多,那么作为程序员的我们是不是应该自己做一个呢?那就从加水印开始吧 html: <canvas id="shuiyinTest"> </canvas> <div> <input id="shuiyinText" value="" type="text"/> <button id="shuiyinBtn" class=&quo…

vue ele 表单规则校验俩次输入密码是否相同，校验手机号（前端小课堂：小细节，大进步）

这个是密码的拦截 : [{ required: true, validator: validatePass4, trigger: "blur" }], 同级关系下写下方法,类似定义一个方法,用变量接收 // value 值是你密码拦截的值, callback 是返回的信息,rule 是规则 var validatePass4 = (rule, value, callback) => { if (value === "") { …

【微信小程序】在js中导入第三方js或自己写的js，使用外部js中的function的两种方法 import和require的区别使用方法【外加：使用第三方js导出的默认function的调用方法】

如下定义了一个外部js文件,其中有一个function import lunaCommon from '../lunaCommon.js'; var ctx = wx.getStorageSync("ctx"); var filter = "/ms-code"; var apis = { //根据sc获取发货单 "findDispatchBill": function (data, success) { var url = ctx + filt…

前端——语言——Core JS——《The good part》读书笔记——第四章节(Function)

本章介绍Function对象,它是JS语言最复杂的内容. Java语言中没有Function对象,而是普通的方法,它的概念也比较简单,包含方法的重载,重写,方法签名,形参,实参等. JS语言中的Function对象,它扮演了很多的角色,而且这些角色并不是互斥的. 当Function角色为普通方法时,它包括参数,上下文,返回值,异常处理等内容.是Function的基础. 当Function角色为构造器时,需要深入理解原型链的概念,这是实现继承的基石. 当Function角色为命名空间时,需要深入理…

Spark小课堂Week3 FirstSparkApp(RDD开发)

Spark小课堂Week3 FirstSparkApp 问题:Java有哪些数据结构大致有如下几种,其中List与Map是最重要的: List Map Set Array Heap Stack Queue Tree 练习:构造一个1-5的List,把他们打印出来写法1 List<Integer> input = Arrays.asList(1, 2, 3, 4, 5); for (int i = 0; i < input.size(); i++) { System.out.print…

0基础菜鸟学前端之Vue.js

简介:0基础前端菜鸟,啃了将近半月前端VUE框架,对前端知识有了初步的了解.下面总结一下这段时间的学习心得. 文章结构前端基础 Vue.js简介 Vue.js常用指令 Vue.js组件 Vue.js之vue-router插件 Vue.js实战一.前端基础前端发展历史和趋势什么是前端? 前端:针对浏览器的开发,代码在浏览器运行. 后端:针对服务器的开发,代码在服务器运行. 发展历程: 前后端不分>后端MVC开发模式(前端是V)>Ajax技术诞生(异步通信,前端不再是后端的模板,可以独立得…

前端使用crypto.js进行加密

前端使用crypto.js进行加密 https://www.cnblogs.com/lz2017/p/8046816.html 最近我在前端使用Cookies保存密码的时候需要前端来进行加密工作,接触到crypto这个js,使用还算简单,在这里记录一下. 可以在这个GitHub的https://github.com/brix/crypto-js上下载该js,它可以单独引入所需要加密方式的js:也可以引入一个crypto-js.js 这个文件,它相当于引入了所有的加密方式,我使用的就是后者一次…

thinkphp在前端页面的js代码中可以使用 U方法吗? 可以使用模板变量如URL等吗?

thinkphp在前端页面的js代码中可以使用 U方法吗? : 可以的! tp的U方法, 是"全局的", 什么是全局的? 就是, 可以在 "任何地方"使用的: 可以在前端使用, 这里的前端页面, 说的是, 整个html前端页面, 既然是整个html页面, 就是说, 既可以在dom 元素中body中使用, 主要是ajax, 超链接a的href等地方; 更是指: html页面中的 js代码中但是, 要注意, U方法可以在任意地方使用, 包括前端页面和后端页面, 两者的…

微信小程序js学习心得体会

微信小程序js学习心得体会页面控制的bindtap和catchtap 用法,区别 <button id='123' data-userDate='100' bindtap='tabMessage'>刷新</button> tabMessage: function(e){ console.log(e.target.id); console.log(e.target.dataset); console.log(e.target.dataset.userdate); }, 可以获取的数…

前端学习之——js解析json数组

** 前端学习之——js解析json数组** 解析json数组即对JSONArray的遍历一.对于标准的json数组如: var result=[{"flag":1,"macId":"2","mbId":0,"userName":"XXX"},{"flag":1,"macId":"1","mbId":1,&…

前端模块化 | 解读JS模块化开发中的 require、import 和 export

本篇分为两个部分第一部分:总结了ES6出现之前,在当时现有的运行环境中,实现"模块"的方式: 第二部分:总结了ES6出现后,module成为ES6标准,客户端实现模块化的解决方案: 一.require时代 Javascript社区做了很多努力,在当时现有的运行环境中,实现了“模块”的效果原始写法: 模块就是实现特定功能的一组方法.只要把不同的函数(以及记录状态的变量)简单地放在一起,就算是一个模块. function m1(){ //... } function m2(){ //.…

2019前端面试系列——JS面试题

判断 js 类型的方式 1. typeof 可以判断出'string','number','boolean','undefined','symbol' 但判断 typeof(null) 时值为 'object'; 判断数组和对象时值均为 'object' 2. instanceof 原理是构造函数的 prototype 属性是否出现在对象的原型链中的任何位置 function A() {} let a = new A(); a instanceof A //true,因为 Object.get…

2019前端面试系列——JS高频手写代码题

实现 new 方法 /* * 1.创建一个空对象 * 2.链接到原型 * 3.绑定this值 * 4.返回新对象 */ // 第一种实现 function createNew() { let obj = {} // 1.创建一个空对象 let constructor = [].shift.call(arguments) // let [constructor,...args] = [...arguments] obj.__proto__ = constructor.prototype // 2.…

使用selenium进行爬取掘金前端小册的数据

Selenium 简介百度百科介绍: Selenium [1] 是一个用于Web应用程序测试的工具.Selenium测试直接运行在浏览器中,就像真正的用户在操作一样.支持的浏览器包括IE(7, 8, 9, 10, 11),Mozilla Firefox,Safari,Google Chrome,Opera等.这个工具的主要功能包括:测试与浏览器的兼容性--测试你的应用程序看是否能够很好得工作在不同浏览器和操作系统之上.测试系统功能--创建回归测试检验软件功能和用户需求.支持自动录制动作和自动生…

前端框架vue.js系列（9）：Vue.extend、Vue.component与new Vue

前端框架vue.js系列(9):Vue.extend.Vue.component与new Vue 本文链接:https://blog.csdn.net/zeping891103/article/details/78133622 vue构造.vue组件和vue实例这三个是不同的概念,它们的关系有点类似于Java的继承概念: 关系:vue构造->vue组件->vue实例也就是说不同的vue组件可以共用同一个vue构造,不同的vue实例可以共用同一个vue组件.在大型项目中,用过java开发的都知…

蒲公英 · JELLY技术周刊 Vol.33: 前端基础课堂开课啦～

蒲公英 · JELLY技术周刊 Vol.33 页面文件太大?图片过大了吧:页面加载白屏?很有可能是字体文件还没加载完:页面加载时间过长?多半是主进程被阻塞--该怎么办呢?快来小葵,咳咳,「蒲公英」前端基础课堂补课看看,可别自己一人学废了. 登高远眺天高地迥,觉宇宙之无穷基础技术怎么使用 WebWorker 提高用户界面的响应速度浏览器执行javascript脚本是单线程的,当执行一些耗时较长的任务时,本来响应用户操作的任务会阻塞:一个解决方法是把这些耗时长的任务改造成异步操作,但在一些不…

前端小技巧：css sprite----V客学院技术分享

前端小技巧:css sprite 因为英文名叫sprite,翻译过来是精灵,而雪碧饮料也叫sprite,所以叫精灵兔或者雪碧图. 它有什么作用呢? 当用户在浏览器里输入一个URL地址的时候,你会感觉无数张图片"唰唰唰"的闪出来了.在这个过程中,浏览器会把这个网站的主资源(就是Html文件)拉取回来,然后开始分析网页中的Js,Img之类的标签,然后再去拉取这些图片和资源.可想而且这会多么的消耗内存.对于浏览器来说,他们的请求方式都是发起一个Http请求,经历三次握手. 首先我们来讲讲什么…

【CSS简介、基础选择器、字体属性、文本属性、引入方式】前端小抄(2) - Pink老师自学笔记

[CSS简介.基础选择器.字体属性.文本属性.引入方式]前端小抄(2) 本学习笔记是个人对 Pink 老师课程的总结归纳,转载请注明出处! 一.CSS简介 CSS 的主要使用场景就是布局网页,美化页面的. 1.1 HTML的局限性 HTML 只关注内容的语义,虽然 HTML 可以做简单的样式,但是带来的是无尽的臃肿和繁琐-- 1.2 CSS网页的美容师 CSS 是层叠样式表的简称. 有时我们也会称之为 CSS 样式表或级联样式表. CSS 也是一种标记语言. CSS 主要用于设置 HT…

前端规范之JS代码规范（ESLint + Prettier）

代码规范是软件开发领域经久不衰的话题,几乎所有工程师在开发过程中都会遇到或思考过这一问题.而随着前端应用的大型化和复杂化,越来越多的前端团队也开始重视代码规范.同样,前段时间,笔者所在的团队也开展了一波开源治理,而其中代码规范就占据了很重要的一项.接下来的几篇文章,将会对JS代码规范.CSS规范.Git工作流规范以及文档规范进行详细的介绍~ 系列文章: 前端规范之JS代码规范(ESLint + Prettier) 前端规范之CSS规范(Stylelint) 前端规范之Gti工作流规范(Husky…