js代码

第1章-初识Vue.js

烈酒焚心 提交于 2020-02-08 13:45:11
一、初识Vue 1.1、本次我们学习的内容   常用指令:vue中最基础的内容   交互: 网络请求   组件: 是vue.js 这个框架 最核心,最精华的内容,因为vue呐,它在所有的框架中是把组件化做到了极致。项目开发中的每一个页面都在使用组件,是我们重中之重。   路由配置:在实际开发中,需要借助路由去完成的。   项目实践:在项目开发的过程中,如何实现框架的搭建。 1.2、内容:   了解 Vue.js 的概念   理解MVC 思想   能够使用Vue.js 模板和表达式进行数据关联展示 *****   掌握Vue.js 模板的组成和使用方法 ******** 1.3、vue的前端框架 基于react后台框架- : https://ant-design.gitee.io/docs/react/use-in-typescript-cn vue-admin:https://panjiachen.github.io/vue-element-admin-site/zh/guide/advanced/chart.html#demo 更多框架:https://www.cnblogs.com/zhangqigao/p/10564988.html 二、Vue简介 2.1、Vue.js概念 概念:Vue.js是目前最流行的前端MVC框架 作者:尤雨溪(华人) 前Google员工 2.2

ASP.NET MVC4中对JS和CSS的引用

Deadly 提交于 2020-02-08 11:52:07
https://www.cnblogs.com/madyina/p/3702314.html ASP.NET MVC4中对JS和CSS的引用又做了一次变化,在MVC3中我们这样引用资源文件: <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" /> 将在运行的时候自动将虚拟(相对)路径转换为应用程序绝对路径。这是比较传统的引用方式,尽管他做了一次转换操作,对服务器的请求数量压力并没有什么改进的变化,所以推测可能出于模块化设计思想和并发方面的考虑,微软在MVC4中将这一方式做了改变: 在新建一个ASP.NETMVC4站点的时候都会在~/App_Start目录下有一个BundleConfig.cs的启动文件,当然创建其他的ASP.NET4.0及4.0以上的项目也会有。这个文件里面包含了如下代码: bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include( "~/Scripts/jquery.unobtrusive*", "~/Scripts/jquery.validate*")); bundles.Add(new StyleBundle("~/Content/css").Include("~/Content/site

js编写

时光总嘲笑我的痴心妄想 提交于 2020-02-08 11:22:56
js 编码更易读,更好与ajax 交互 看以下JS代码片段: 代码 1 var tinyNews = function (data) 2 { 3 this .ID = data.ID; 4 this .NewsTiltle = data.NewsTiltle; 5 this .LinkUrl = data.LinkUrl; 6 7 // 简单创建一个标记 8 tinyNews.prototype.Style1 = function () 9 { 10 var resultSb = new StringBuilder(); 11 var template1 = ' <table border="0" cellspacing="0" cellpadding="0"><tr><td height="32" valign="bottom"></td></tr> ' ; 12 var template2 = ' <tr><td height="21"><a target="_blank" href="{0}" title="{1}"> ' ; 13 var titlesubstring = this .NewsTiltle.substring( 0 , 20 ); 14 var template3 = ' {0}<a></td></tr> ' ; 15 resultSb.append

JS 传播事件、取消事件默认行为、阻止事件传播

落花浮王杯 提交于 2020-02-08 09:29:41
1.事件处理程序的返回值 通常情况下,返回值false就是告诉浏览器不要执行这个事件相关的默认操作。例如,表单提交按钮的onclick事件处理程序能通过返回false阻止浏览器提交表单,再如a标签的onclick事件处理程序通过返回false阻止跳转href页面。类似地,如果用户输入不合适的字符,输入域上的onkeypress事件处理程序能通过返回false来过滤键盘输入。 事件处理程序的返回值只对通过属性注册的处理程序才有意义。 2.调用顺序 文档元素或其他对象可以为指定事件类型注册多个事件处理程序。当适当的事件发生时,浏览器必须按照如下规则调用所有的事件处理程序: 通过设置对象属性或HTML属性注册的处理程序一直优先调用。 使用addEventListener()注册的处理程序按照它们的注册顺序调用。 使用attachEvent()注册的处理程序可能按照任何顺序调用,所以代码不应该依赖于调用顺序。 3.事件传播   在调用在目标元素上注册的事件处理函数后,大部分事件会“冒泡”到DOM树根。调用目标的父元素的事件处理程序,然后调用在目标的祖父元素上注册的事件处理程序。这会一直到Document对象,最后到达Window对象。   发生在文档元素上的大部分事件都会冒泡,值得注意的例外是focus、blur和scroll事件。文档元素的load事件会冒泡

大熊君说说JS与设计模式之------策略模式Strategy

十年热恋 提交于 2020-02-08 04:14:59
一,总体概要 1,笔者浅谈 策略模式,又叫算法簇模式,就是定义了不同的算法,并且之间可以互相替换,此模式让算法的变化独立于使用算法的客户。 策略模式和 工厂模式 有一定的类似,策略模式相对简单容易理解,并且可以在运行时刻自由切换。工厂模式重点是用来创建对象。 策略模式应用比较广泛,比如:我们现在要定义数据交换格式,现有三种方案可选1,XML 2,JSON 3,CSV就 可以使用策略模式实现。 这里我要强调的是------ 我们是针对不同数据源选择不同方案,针对的都是同一事物做相同意图的操作只是方案不同。 代码实现如下: 1 var dataSourceVendor = { 2 xml : { 3 get : function(){ 4 console.log("XML数据源") ; 5 } 6 } , 7 json : { 8 get : function(){ 9 console.log("JSON数据源") ; 10 } 11 } , 12 csv : { 13 get : function(){ 14 console.log("CSV数据源") ; 15 } 16 } 17 } ; 18 console.log("选择的数据源:" + dataSourceVendor["json"]["get"]()) ; 注意到了吧,它们的接口是一致的,也就是意图操作一致的,只是实现不同。

VSCode中自动编译typescript

风格不统一 提交于 2020-02-08 03:41:24
一、安装typescript: cnpm i typescript -g 二、创建相应的项目目录,当前项目目录; 三、创建tsconfig.json文件: tsc --init 四、打开tsconfig.json文件修改和删除相应配置(如果想快速修改配置,请复制下列配置): { "compilerOptions": { "target": "es5", "noImplicitAny": false, "module": "amd", "removeComments": false, "sourceMap": false, "outDir": "src/js"//你要生成js的目录 } } 五、新建ts为扩展名的ts文件(test.ts); 六、点击菜单 “Terminal-Run task”,点击 “tsc:watch-tsconfig.json”,自行编辑ts文件的时候,就会自动生成js代码。 来源: CSDN 作者: duansamve 链接: https://blog.csdn.net/duansamve/article/details/104212714

【layui】不使用ajax来做分页

亡梦爱人 提交于 2020-02-08 03:20:35
如何使用? 1. 引入js代码 < script type = "text/javascript" > var curUrl = "{:url('user/index', $param )}" ; layui.use ( [ 'laypage' , 'layer' ] , function ( ) { var laypage = layui.laypage , layer = layui.layer ; laypage.render ( { elem: 'pages' ,count: { $total } ,limit: { $limit } ,curr: { $page } ,layout: [ 'count' , 'prev' , 'page' , 'next' , 'limit' , 'skip' ] ,jump: function ( obj,first ) { if ( ! first ) { location.href = curUrl.replace ( '%7Bpage%7D' ,obj.curr ) .replace ( '%7Blimit%7D' ,obj.limit ) ; } } } ) ; } ) ; < /script > 2. 控制器传参数 3. 效果 来源: CSDN 作者: 咔咔- 链接: https://blog.csdn.net

梳理js的一些重要知识

社会主义新天地 提交于 2020-02-08 03:19:14
文章目录 JavaScript 概念 语法 变量和数据类型 与Java相同之处 与Java不同之处 使用 js脚本出现位置(相对于HTML文档) js脚本执行方式 常见事件 对象模型 DOM BOM AJAX JS库 jQuery JavaScript 本文仅对JavaScript的一些重要知识进行概念上的梳理,详细内容请参考 JavaScript 教程 。 概念 JavaScript (又称ECMAScript ) :对网页行为进行编程的一门编程语言。 语法 JavaScript 和Java是两种不同的编程语言,但编程语言在语法上都有相通之处,只是格式规范不同,因此可以类比Java来学习JavaScript 的语法。 变量和数据类型 typeof运算符查询存在如下数据类型: js基本数据类型:undefined, boolean, number(注意NaN、Infinity和-Infinity), string js复杂数据类型:object(注意null), function 与Java相同之处 注释格式一样 控制语句格式一样(for、while、if、switch) 等 与Java不同之处 输出方式不同 js声明变量只用关键字var,java要根据数据类型选择相应的关键字 js声明变量若未赋值则为undefined,java中声明变量后有默认值 js中** 代表幂运算

用JS代码判断html文件是否已经引入某个css文件或是js文件

亡梦爱人 提交于 2020-02-08 02:39:26
利用JS代码判断,引入输出true,引入失败false: function isInclude(name){ var js= /js$/i.test(name); var es=document.getElementsByTagName(js?'script':'link'); for(var i=0;i<es.length;i++) if(es[i][js?'src':'href'].indexOf(name)!=-1)return true; return false; } alert(isInclude("abc.js")); alert(isInclude("efg.css")); 来源: CSDN 作者: AlphaCat_NULL 链接: https://blog.csdn.net/qq_40276753/article/details/104216115

前端-js定义-合集

风流意气都作罢 提交于 2020-02-08 02:16:13
1.JavaScript是一门什么样的语言,它有哪些特点 JavaScript是什么 javaScript是一种直译式脚本语言, 是一种动态类型、弱类型、基于原型的语言,内置支持类型。 它的解释器被称为什么 它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言, javascript最早是在哪里使用 用来干什么 最早是在HTML网页上使用,用来给HTML网页增加动态功能。 JavaScript为什么还被称为ECMAScript JavaScript兼容于ECMA标准,因此也称为ECMAScript。 JavaScript的基本特点有 1.是一种解释性脚本语言(代码不进行预编译)。 2.主要用来向HTML(标准通用标记语言下的一个应用)页面添加交互行为。 3.可以直接嵌入HTML页面,但写成单独的js文件有利于结构和行为的分离。 4.跨平台特性,在绝大多数浏览器的支持下,可以在多种平台下运行 (如Windows、Linux、Mac、Android、iOS等)。 JavaScript是一门什么样的语言,它有哪些特点? 运行环境:浏览器中的JS引擎(v8.。。 ff:splidemonkey) 运行在Node.js:v8引擎上 语言特性:面向对象(创建对象的多种方式,继承的多种方式、原型链),动态语言 2. javascript和typescript的区别