[Web 前端] 021 js 初识 Javascript

1. Javascript 简介 1.1 定位 JS 是运行在浏览器端的脚本语言 1.1.1 关于浏览器 JS 由浏览器解释执行 JS 通常被直接嵌入 HTML 页面 1.1.2 关于脚本语言 JS 是客户端脚本语言 JS 是轻量级编程语言 JS 是解释性语言 1.2 功能主要解决前端与用户交互的问题,如使用交互数据交互 1.3 特点弱类型基于对象安全兼容性 2. Javascript 嵌入页面的方式 2.1 嵌入式在 body 体中使用 script 标签嵌入 <body>…

web前端面试试题总结---javascript篇

JavaScript 介绍js的基本数据类型. Undefined.Null.Boolean.Number.String. ECMAScript 2015 新增:Symbol(创建后独一无二且不可变的数据类型 ) 介绍js有哪些内置对象? Object 是 JavaScript 中所有对象的父对象数据封装类对象:Object.Array.Boolean.Number 和 String 其他对象:Function.Arguments.Math.Date.RegExp.Error 参考:http:…

Web前端-Vue.js必备框架（三）

Web前端-Vue.js必备框架(三) vue是一款渐进式javascript框架,由evan you开发.vue成为前端开发的必备之一. vue的好处轻量级,渐进式框架,响应式更新机制. 开发环境,浏览器使用chrome,ide:vs code或者webstorm,node.js8.9+,npm等 uni-app直接使用<script>引入vue.js,vue会被注册为一个全局变量,开发环境不要使用压缩版本,一:开发版本有完整的警告和调式模式,二:生产版本删除了警告. <script…

Web前端-Vue.js必备框架（一）

Web前端-Vue.js必备框架(一) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Vue js</title> </head> <body> <div id="app"> <h1>{{ message }}</h1> &…

Web前端-Vue.js必备框架（五）

Web前端-Vue.js必备框架(五) 页面组件,商品列表组件,详情组件,购物车清单组件,结算页组件,订单详情组件,订单列表组件. vue-router 路由 vuex 组件集中管理 webpack vue-cli node下载: http://nodejs.cn/ node-v 使用vue-cli脚手架搭建项目 vue+webpack+es6 https://github.com/vuejs/vue-cli // 全局下载工具 npm install -g vue-cli // 下载基于web…

Web前端-Vue.js必备框架（四）

Web前端-Vue.js必备框架(四) 计算属性: <div id="aaa"> {{ message.split('').reverse().join('') }} </div> <div id="b"> <p>dashu: "{{ aaaa}}"</p> <p>dashu: "{{ ddd}}"</p> </div> var v…

Web前端-Vue.js必备框架（二）

Web前端-Vue.js必备框架(二) vue调式工具vue-devtools 过滤器:vue.js允许你自定义过滤器,可被用作一些常见的文本格式化. mustache插值和v-bind表达式. vue生命周期,从创建,运行,到销毁,称为生命周期. new Vue() : var vm = new Vue({}) 开始创建一个Vue实例对象 init 表示初始化一个Vue空的实例对象,这时候,这个对象上有一些生命周期和默认时间 ajax, vue-resource实现get,post,jsonp…

Web前端Require.js

前言前段时间粗略的扫过一次require.js,当时没怎么在意,结果昨天看到index里面的代码就傻了,完全不知道从哪开始看啦,所以require与backbone的学习还要加紧才行. 由于前端所占业务越来越重,所以出现了模块化编程,但是js加载的先后顺序可能会给我们带来麻烦. 有时候我们为了解决页面堵塞会采用异步加载js的方式,这种方式往往带来了一些不确定因素. 为了解决这些问题,James Burke 便搞了一个AMD(Asynchronous Module Definition 异步模块…

Web前端开发神器--WebStorm(JavaScript 开发工具) 8.0.3 中文汉化破解版

WebStorm(JavaScript 开发工具) 8.0.3 中文汉化破解版 http://www.jb51.net/softs/171905.html WebStorm 是jetbrains公司旗下一款JavaScript 开发工具.被广大中国JS开发者誉为“Web前端开发神器”.“最强大的HTML5编辑器”.“最智能的JavaScript IDE”等.与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分的功能.…

【RSA】在 ASP.NET Core中结合web前端JsEncrypt.JS使用公钥加密，.NET Core使用私钥解密；

有一个需求,前端web使用的是JsEncrypt把后端给的公钥对密码进行加密,然后后端对其进行解密: 使用的类库如下: 后端使用第三方开源类库Bouncy Castle进行RSA的加解密和生成PEM格式密钥对操作: 前端web使用JsEncrypt.js进行RSA的加解密和生成密钥对操作. 首先,由后端生成公钥,将公钥传回前端,接口保存私钥: /// <summary> /// 生成PEM格式的公钥和密钥 /// </summary> /// <param name=&quo…

《JavaScript & jQuery交互式Web前端开发》之JavaScript基础指令

在本节中.你将開始学习阅读和编写JavaScript代码,还将学习怎样编写Web浏览器可以遵照运行的指令.在開始学习后面章节中的更复杂的概念之前.我们先学习语言的一些核心部分,然后看看怎样使用它们来编写一些很基础的(仅包括少量简单步骤)脚本程序. 在開始学习后面章节中的更复杂的概念之前,我们先学习语言的一些核心部分,然后看看怎样使用它们来编写一些很基础的(仅包括少量简单步骤)脚本程序. 语言: 语法结构不论什么新的语言都一样,都要学习它们的新词汇(词汇表),以及将这些词汇…

web前端（15）—— JavaScript的数据类型，语法规范2

Object对象说这个对象之前,如果您对编程语言开发稍微有点了解的话,应该知道面向对象是什么意思,而js也有面向对象一说,就因为如此,js才会这么强大. 什么是面向对象其实所有支持面向对象的编程语言,对于这个面向对象的概念都一样的,所以你学会了此概念,理解其他任何语言的面向对象都很简单,所以我这里也不再废话了,可以看我之前的Python部分关于面向对象的讲解:传送门创建对象的几种方法: 使用Object或对象字面量创建对象工厂模式创建对象构造函数模式创建对象原型模式创建对象最常用的…

Web前端开发--JS技术大梳理

什么是JS JavaScript是一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型.它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言 JavaScript是一种具有面向对象能力的.解释型的程序设计语言.更具体一点,它是基于对象和事件驱动并具有相对安全性的客户端脚本语言.因为他不需要在一个语言环境下运行,而只需要支持它的浏览器即可.它的主要目的是,验证发往服务器端的数据.增加Web互动,加强用户体验度等下面对js从整体的角度…

web前端——Vue.js基础学习

近期项目的前端页面准备引入Vue.js,看了网上一些简介,及它和JQuery的对比,发现对于新入门的前端开发来说,Vue 其实也是比较适用的一个框架,其实用性不比JQuery差,感觉还挺有意思,于是研究了一下其基本用法,下面是整理出来的学习例子(有官网上的,也有自己消化以后整理的),希望对大家有参考价值. <html> <head> <title>Vue test</title> </head> <body> <div id=…

【Web前端】---js调用本地应用程序

最近进入了一个项目组,向大牛们一起学习如何搞开发,可谓是边开发边学习.就在前两天,我们的项目被领导们验收了一次,顺便给我们提了点新的需求,要求我们能够使用外在设备拍照上传.君要臣死,臣不能不死.更何况,他们没有让我们死,仅仅是我们去完成一个任务.回来之后,我们的头--郑浩,把这个任务交给了我,顺便给我带回来了一台型号为 S500A3B 的良田牌高拍仪.让我既欣喜,又癫狂. ----------背景嗯嗯,上边分给了任务,我们该努力了.首先,我跟良田客服取得联系,向他们索要了关于良田高拍仪的应用程…

web前端：js

内嵌样式<script></script> alert(“123”)弹出对话框 document.write(“test”) 引入方式 <title></title> <script type="text/javascript"src"./js/test.js"></script> js数据类型 undefined 未定义,当函数无明确返回值时,其调用结果也为undefined null 空 t…

web前端之 JS

JavaScript概述 JavaScript是一门编程语言,简称js,由浏览器编译并运行,JS说白了就是让页面能够动起来 js存在形式 1.在html页面中 <script> alert(123); // 弹出一个窗口,然后内容为123 </script> 2.在html文件中导入js  <script src="js1.js"></script>  &…

web前端（14）—— JavaScript的数据类型，语法规范1

编辑器选择对js的编辑器选用,有很多,能对html编辑的,也能对js编辑,比如notepad++,visual studio code,webstom,atom,pycharm,sublime text,Hbuilder等等的,根据你的喜好来就行调试在我们编写js时,也可以像调整css样式一样的在线编辑,在每个浏览器的调试界面(按快捷键f12可以直接打开,或者右键鼠标-检查)里,都可以直接进行js的编写调试例: 以上的语法您暂且可以忽略,因为下面紧接着就会讲解到变量稍微对编程开发有点…

Web前端学习笔记之JavaScript、jQuery、AJAX、JSON的区别

官网的英文解释: javascript和jQuery有点关系,js是一种脚本语言,主要用于客户端,现在主要用于实现一些网页效果. jquery是js的一个库,你可以认为是对js的补充,提供了很多方便易用的方法,兼容性也好很多,个人更喜欢用jquery. AJAX全名是Asynchronous Javascript And XML,意思是异步JavaScript和XML.是一种创建交互式网页的技术.简单点说就是能不通过后台在网站前台进行数据库操作了. json(JavaScript Object…

Web - 前端 Vue.js （1）

Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的.相比于Angular.js,Vue.js提供了更加简洁.更易于理解的API,使得我们能够快速地上手并使用Vue.js. 本人正在使用,确实相比其他库Vue 更易入手. 如果你之前已经习惯了用jQuery操作DOM,学习Vue.js时请先抛开手动操作DOM的思维,因为Vue.js是数据驱动的,你无需手动操作DOM.它通过一些特殊的HTML语法,将DOM和数据绑定起来.一旦你创建了绑定,DOM将和数据保…

[Web 前端] 032 vue 初识

目录 0. 先下载 1. 先写个轮廓 2. 牛刀小试 2.1 例子 1 2.2 例子 2 3. 模板语法上例子 4. 文本指令上例子 5. 属性操作上例子 6. 样式操作上例子类名的操作 style 的操作 0. 先下载地址:https://cn.vuejs.org/v2/guide/installation.html 两个版本:开发版本 or 生产版本不妨先下载开发版本,生产版本删去了报错信息 1. 先写个轮廓不妨将下方轮廓记为 code1 <!DOCTYPE html>…

[Web 前端] 025 js 的对象、数组和数学对象

1. Javascript 对象 1.1 创建对象 1.1.1 使用原始的方式创建内置对象 var myObject = new Object(); myObject.name = "lijie"; myObject.age = 20; myObject.say = function(){...} 1.1.2 直接创建自定义对象 var 对象名 = {属性名1: 属性值, 属性名2: 属性值2, ...} 1.1.3 使用自定义构造函数创建对象 function pen(name, c…

[Web 前端] 024 js 的定时器及函数

1. Javascript 定时器 1.1 计时事件设定一个间隔,时间到了后准时执行代码,此为"计时事件" 1.2 作用 1.制作动画 2.异步操作 1.3 定时器的类型及语法 setInterval() 和 setTimeout() 是 Window 对象的两个方法 /* 定时器: setTimeout 单次的定时器 clearTimeout 关闭单次的定时器 setInterval 多次的定时器 clearInterval 关闭多次的定时器 */ function timeGoe…

[Web 前端] 022 js 的基本数据类型及使用

1. Javascript 基本数据类型 1.1 分类类型释义 boolean 布尔类型,分 true 与 false number 整型,浮点型 string 字符类型 object 对象类型 function 函数类型 undefined "未定义"类型 1.2 举例补充:typeof() -- 可以获取变量类型的函数 /* 1. boolean Python: True, False JS: true, false */ var B = true; // alert(B);…

web前端常用js插件

第一款:截图插件html2Canvas.js html2是一款强大的截图插件,只需引入js文件,依照官方给定的截图方法,就能截取对应DOM区域的内容.对于有些截图出现模糊偏移的问题,网上也有一堆解决方法,通常只需放大截图区相应的倍数即可解决. 官网地址:http://html2canvas.hertzen.com/ 第二款:全屏滚动插件fullPage.js fullPage.js能让你迅速搭建拥有场景翻页效果的网页,可配置的属性方法非常的齐全,对于一些轻量级的H5页面来说可谓是一大利器. 官网…

web前端——Vue.js基础学习之class与样式绑定

打着巩固 css 知识的旗号开始了对 vue 样式绑定的研究,相比前一篇的 demo,本次内容多了各种样式在里面,变得稍微花哨了些,话不多说,直接上代码吧: <html> <head> <meta charset="utf-8"> <title>Vue test</title> <style type="text/css"> body {font-family: Verdana;} p { fo…

[Web 前端] 023 js 的流程控制、循环和元素的获取、操作

1. Javascript 流程控制用于"基于不同条件执行不同的动作"的场合 1.1 if 语句三种形式 // 第一种 if... // 第二种 if... else ... // 第三种 if... else if... else... 支持单分支双分支多分支注意 else if 中间必须要有空格对第二种形式举例 if(1+1=2){ console.log("true"); } else{ console.log("false"…

[Web 前端] React Js img 图片显示默认占位符

cp from : https://blog.csdn.net/wyk304443164/article/details/77093339 没有考虑到兼容性,因为我们暂时只适配了webkit. 也没有考虑到懒加载,因为项目比较紧有需要加的朋友看react-lazyload,也比较简单,现成的轮子 /** * Created by wuyakun on 2017/8/11. * 会显示默认图片的image */ import React from 'react'; class DefaultIma…

web前端面试试题总结---html篇

HTML Doctype作用?标准模式与兼容模式各有什么区别? (1).<!DOCTYPE>声明位于位于HTML文档中的第一行,处于 <html> 标签之前.告知浏览器的解析器用什么文档标准解析这个文档.DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现. (2).标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行.在兼容模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作. HTML5 为什么只需要写 <!DOCTYPE HTML…

web前端面试试题总结---其他

其他问题原来公司工作流程是怎么样的,如何与其他人协作的?如何夸部门合作的? 你遇到过比较难的技术问题是?你是如何解决的? 设计模式知道什么是singleton, factory, strategy, decrator么? 常使用的库有哪些?常用的前端开发工具?开发过什么应用或组件? 页面重构怎么操作? 网站重构:在不改变外部行为的前提下,简化结构.添加可读性,而在网站前端保持一致的行为. 也就是说是在不改变UI的情况下,对网站进行优化,在扩展的同时保持一致的UI. 对于传统的网站来说重构通常…

【[Web 前端] 021 js 初识 Javascript】的更多相关文章