【JS util】的更多相关文章

JS util

一.返回上一页(history) 发觉有两种用法: 1.javascript:history.back(-1); 2.javascript:history.go(-1); 它们俩的区别是: history.back(-1):直接返回当前页的上一页,数据全部消息,返回新页面 history.go(-1):也是返回当前页的上一页,表单里的数据依然还在 其语法为: history.go(num); history. back(num); ( num -- 负数为后退指定的页数,正数为前进指定的页数)…

折腾一两天，终于学会使用grunt压缩合并混淆JS脚本，小激动，特意记录一下+spm一点意外收获

很长时间没有更新博客了,实在是太忙啦...0.0 ,以下的东西纯粹是记录,不是我原创,放到收藏夹还担心不够,这个以后常用,想来想去,还是放到这里吧,,丢不了..最后一句废话,网上搜集也好原创也罢,能解决问题不糊弄人才是真道理! 反正我的问题解决啦!!!哈哈哈!! 安装grunt 原文:www.bluesdream.com/blog/windows-installs-the-grunt-and-instructions.html 怕这个网址打不开,记录下: 安装Grunt:如果你之前安装过老的0.…

一句命令快速合并 JS、CSS

在项目开发环境下,我们会把 JS 代码尽可能模块化,方便管理和修改,这就避免不了会出现一个项目自身 JS 文件数量达到 10 个或者更多. 而项目上线后,会要求将所有 JS 文件合并为 1 个或者几个,手动的操作虽然也不是问题,但每次修改更新都要手动操作合并一遍,这就肯定是个噩梦了. 这种情况下,一些工具也就随之产生,比如在线合并,一些网站提供js文件上传,然后合并,但这还是很麻烦,如果开发环境没有网络呢? 这会我就想到了 windows 系统下的 cmd 里的 copy 命令,它虽然是个复制的…

requirejs实验002. r.js合并文件. 初体验.

requirejs的官网上有介绍如何使用r.js合并,压缩文件的.http://requirejs.org/docs/optimization.html https://github.com/jrburke/r.js/blob/master/build/example.build.js 这里罗列了所有的优化参数. 我是在win7上使用r.js的. 安装使用的是npm ->  npm install -g requirejs  安装在全局,更合适,方便在任何地方使用. windows上使用r.js…

【前端】一句命令快速合并压缩 JS、CSS

引用自:一句命令快速合并 JS.CSS 在项目开发环境下,我们会把 JS 代码尽可能模块化,方便管理和修改,这就避免不了会出现一个项目自身 JS 文件数量达到10个或者更多. 而项目上线后,会要求将所有 JS 文件合并为 1 个或者几个,手动的操作虽然也不是问题,但每次修改更新都要手动操作合并一遍,这就肯定是个噩梦了. 这种情况下,一些工具也就随之产生,比如在线合并,一些网站提供js文件上传,然后合并,但这还是很麻烦,如果开发环境没有网络呢? 这会我就想到了 windows 系统下的 cmd 里…

js和循环依赖

kmdjs和循环依赖 循环依赖是非常必要的,有的程序写着写着就循环依赖了,可以提取出一个对象来共同依赖解决循环依赖,但是有时会破坏程序的逻辑自封闭和高内聚.所以没解决好循环依赖的模块化库.框架.编译器都不是一个好库.框架.编译器. kmdjs的本质就是{},从{}扩展出的tree.从很早的版本就开始,是支持循环依赖的.比如下面的代码: define('namespace1.A',['namespace2'], { ctor: function () { this.b = new B(); } }…

js模块化开发——require.js的用法详细介绍(含jsonp)

RequireJS的目标是鼓励代码的模块化,它使用了不同于传统<script>标签脚本加载步骤.可以用它回事.优化代码,但其主要的目的还是为了代码的模块化.它鼓励在使用脚本以moudle ID替代URL地址. RequireJS以一个相对于baseUrl的地址来加载所有的代码.页面顶层<script>标签含有一个特殊的属性data-main,require.js使用它来启动脚本加载过程,而baseUrl一般设置到与该属性相一致的目录.下列示例中展示了baseUrl的设置. <…

vue.js移动端app实战2：首页

貌似有部分人要求写的更详细,这里多写一点vuel-cli基础的配置 什么是vue-cli? 官方的解释是:A simple CLI for scaffolding Vue.js projects, 简单翻译一下,就是: 用简单的命令行来生成vue.js项目脚手架. <!-- 全局安装vue-cli --> npm install -g vue-cli vue-cli预先定义了5个模板,根据你使用的打包工具的不同选择不同的模板,通常我们用的都是第一个webpack模板.每个模板都预先写好了很多依…

Vue.js如何在一个页面调用另一个同级页面的方法

使用场景: 页面分为header.home.footer三部分,需要在home中调用header中的方法,这两个没有相互引入 官方给出方法: 需要在展示页里调用顶部导航栏页里的方法,两者之间没有引用关系,看了一下vue的API发现可以用这个方法实现. https://cn.vuejs.org/v2/api/#vm-on 在项目中实现: 1.首先同一个vue实例来调用两个方法.所以可以建立一个中转站. 建立 util.js 中转站文件(任意位置,我是在/assets/js/util.js) imp…

vue 中如何对公共css、 js 方法进行单文件统一管理，全局调用

1.前言 最近,为公司开发交付的一个后台管理系统项目,我使用了 Vue 框架进行开发实践. 模块化.组件化.工程化的开发体验非常好.良好的 api,优雅的设计,对于工程师非常友好. 但是由于模块比较多,我对于每个模块分配了不同的组件,发现一个项目中有许多相同的方法,在每个组件中我都需要进行重复的编写. 所以,我希望能够将这些公共的方法,抽离出来放到同一个 js 中,这里就取名 util.js. 2.模型设计 3.实现方法 1.方法一 暴露接口的方式,直接在组件中进行引用 首先在 util.js…

vue.js高仿饿了么（前期整理）

1.熟悉项目开发流程 需求分析——>脚手架工具——>数据mock——>架构设计——>代码编写——>自测——>编译打包. 2.熟悉代码规范 从架构设计.组件抽象.模块拆分,到代码风格统一.CSS代码规范和JavaScript变量命名规范,以标准写代码,开发出扩展性.通用性强的优质代码. 3.掌握Vue.js在实战中应用 4.学会使用Vue.js完整地开发移动端App 5.学会工程化开发.组件化开发和模块化开发的方式 6.酷炫的交互设计 所用到的技术 后端:vue-reso…

vue.js移动端app实战2

貌似有部分人要求写的更详细,这里多写一点vuel-cli基础的配置 什么是vue-cli? 官方的解释是:A simple CLI for scaffolding Vue.js projects,简单翻译一下,就是: 用简单的命令行来生成vue.js项目脚手架. <!-- 全局安装vue-cli --> npm install -g vue-cli vue-cli预先定义了5个模板,根据你使用的打包工具的不同选择不同的模板,通常我们用的都是第一个webpack模板.每个模板都预先写好了很多依赖…

js 将页面保存为图片

<!DOCTYPE html><html><head><title>保存为images</title><meta charset="utf-8" ></head><body class="Body"><div class="AllWrap relative"> <button title="保存为图片" style…

loader.js

/** * @preserve Tiny-Loader: A small loader that load CSS/JS in best way for page performanceIs. * * @version 1.0.1 * @copyright The Youzan Limited [All Rights Reserved] * @license MIT License (see LICENSE.txt) */(function(window, document) { 'use st…

【js】JavaScript parser实现浅析

最近笔者的团队迁移了webpack2,在迁移过程中,笔者发现webpack2中有相当多的兼容代码,虽然外界有很多声音一直在质疑作者为什么要破坏性更新,其实大家也都知道webpack1那种过于“灵活”的配置方式是有待商榷的,所以作者才会在webpack2上进行了很多规范,但是,笔者却隐隐的觉得,等到webpack3的时候,估计会有更多的破坏性更新,不然也不会有这个webpack2了.于是心中有关webpack的话题便也搁置了,且等它更稳定一些,再谈不迟,今天先来讲讲在剧烈的版本变化中,不变的部分.…

在静态页面中使用 Vue.js

在静态页面中使用 Vue.js 不使用Node.js, NPM, Webpack 等, 在静态页中使用Vue.js. 包括路由, 单文件组件. 1. 创建index.html index.html做为项目的首页, 主要用来定义页面框架, 加载必需的css和script. 这里使用element-ui的导航菜单组件搭建了一个页面框架. 需要注意的是, <el-menu> 标签要加上 :default-active="$route.path" 和 @select="h…

小程序公共模板template与公共js数据utils的引用实例

在小程序项目开发中,经常会遇到公共模板与公共js数据的调用,这里结合自己的项目为这一需求做一简单介绍 目录截图 现在是有一个评论版块需要在几个页面里共用 先将评论版块的wxml剔出来放在template里面,把评论js数据放在utils里面以便后面调用,css可以直接放在app.wxss里面即可 先不考虑css,公共模板与数据调用将会涉及到4个文件,template.wxml,  index.wxml,   index.js,   util.js template.wxml中代码 红色箭头的地方…

Spring Boot 静态文件，请求不到，util文件夹

静态文件貌似对util文件夹有特殊处理static/js/test.js 可以请求到static/js/laydate/test.js 可以请求到static/js/util/test.js 请求不到…

three.js尝试(二)模拟游戏开发：3D人物在地图上行走

本次尝试,模拟了一个小人物在场景中行走,使用简单模型建立了森林,图片纹理模拟草地,加载3D模型呈现人物,使用按键asdw模拟人物的行走,行走和站立时人物的切换等. 主要用到点:3D模型的加载,模型的动画(行走与站立)之间的切换. 不足之处:没有检测碰撞与边界. 需要注意的是,代码需要运行在服务器端,切记. 代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <styl…

three.js尝试(一)模拟演唱会效果

工作闲暇之余,偶然翻到了Three.js的官网,立刻被它酷炫的案例给惊艳到了,当即下定决心要试验摸索一番,于是看demo,尝试,踩坑,解决问题,终于搞定了,一个模拟演唱会场景. 主角围绕一个钢管在舞动,两个聚光灯,来回摆动,后面屏幕上显示着照片,顶上一个立方体屏幕水平滚动,垂直滚动交替,后面荧光棒来回摆动,本来想搞一波荧光屏上图片定时切换的,摸索了一番效果不是很理想,就此作罢.先来看一下截图. 需要注意的是,代码需要运行在服务器端,切记. 下面上代码: <!DOCTYPE html> <…

javascript Date 日期格式化 formatDate, require.js 模块 支持全局js引入 / amd方式加载

* 引入AMD加载方式: require.js CDN https://cdn.bootcss.com/require.js/2.3.5/require.js *  创建模块文件./js/util/date.js (function (global, factory) { typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() : typeof define ===…

html5 sessionStorage util

  /** * Created by 13352 on 2018/7/5. */ define(function() { var session = { _id: null, _cookieCache: undefined, _init: function() { if (!window.name) { window.name = Math.random(); } this._id = window.name; this._initCache(); // See if we've changed…

JavaScript实现DOM对象选择器

目的: 根据传入的选择器类型选出第一个符合的DOM对象. ①可以通过id获取DOM对象,例如 $("#adom"); ②可以通过tagName获取DOM对象,例如 $("a"); ③可以通过样式名称获取DOM对象,例如 $(".classa"); ④可以通过attribute匹配获取DOM对象,例如 $("[data-log]"),$("[data-time=2015]"); ⑤可以通过层叠组合获取DOM对…

微信小程序前端源码逻辑和工作流

看完微信小程序的前端代码真的让我热血沸腾啊,代码逻辑和设计一目了然,没有多余的东西,真的是大道至简. 废话不多说,直接分析前端代码.个人观点,难免有疏漏,仅供参考. 文件基本结构: 先看入口app.js,app(obj)注册一个小程序.接受一个 object 参数,其指定小程序的生命周期函数等.其他文件可以通过全局方法getApp()获取app实例,进而直接调用它的属性或方法,例如(getApp().globalData) //app.js App({ onLaunch: function ()…

kmdjs和循环依赖

循环依赖 循环依赖是非常必要的,有的程序写着写着就循环依赖了,可以提取出一个对象来共同依赖解决循环依赖,但是有时会破坏程序的逻辑自封闭和高内聚.所以没解决好循环依赖的模块化库.框架.编译器都不是一个好库.框架.编译器. kmdjs的本质就是{},从{}扩展出的tree.从很早的版本就开始,是支持循环依赖的.比如下面的代码: define('namespace1.A',['namespace2'], { ctor: function () { this.b = new B(); } }) defi…

grunt-笔记

package.json: { "name": "grunt-uglify", "version": "1.0.0", "description": "lichir", "main": "index.js", "scripts": { "test": "echo \"Error: no t…

thinkphp修改和删除数据

1.在控制器MainController里面写一个方法,调用Nation表中的数据. public function zhuyemian() { $n = D("Nation");//造一个Nation对象 $attr = $n->select();//查询所有数据,返回的是一个二维数组. $this->assign("n",$attr);//将二维数组注册到模板里面显示. $this->show();//调用模板显示 } 2.新建一个显示的模板文…

新手 gulp+ seajs 小demo

首先,不说废话,它的介绍和作者就不在多说了,网上一百度一大堆: 我在这里只是来写写我这2天抽空对seajs的了解并爬过的坑,和实现的一个小demo(纯属为了实现,高手请绕道); 一.环境工具及安装 1.首先,务必先说明,本demo是基于nodeJs环境下开发的,因此要安装nodeJs(地址:https://nodejs.org/en/): 2.接下来安装gulp: 在第一步成功的情况下,安装gulp构建工具,并且将其依赖到项目进来:同时需要安装browser-sync,gulp-seajs-co…

详解Javascript的继承实现（二）

上文<详解Javascript的继承实现>介绍了一个通用的继承库,基于该库,可以快速构建带继承关系和静态成员的javascript类,好使用也好理解,额外的好处是,如果所有类都用这种库来构建,还能使代码在整体上保持一致的风格,便于其它同事阅读和理解.在写完该文之后,这两天时不时都在思考这个库可能存在的问题,加上这两天又在温习<JavaScript面向对象编程指南>这本书继承这一章的内容,发现对继承的内容有了一些新的发现和理解,有必要再把这两天的收获再分享出来. 1. 继承库的注意事…

【requireJS路径加载】与程序员小卡的交流

这两天正好看到了程序员小卡同学的一篇博客,里面对requireJS路径的解析做了一些说明,里面有点问题待解决,我这里正好知道一点,所以整理成文,不知对小卡同学是否有帮助. http://www.cnblogs.com/chyingp/p/3677425.html http://www.cnblogs.com/chyingp/p/requirejs-path-resolve.html   首先以其例子为例: requirejs.config({ baseUrl: 'js' }); // 依赖lib…