一、调用本js文件中的函数 var http = require(http); http.createServer(function (request,response){response.writeHead(200, {Contet-Type:text/html;charset=utf-8});if(request.url!==/favicon.ico){funl(response);response.end();} }).listen(8000); console.log(Server running at http://127.0.0.1:8000/); function funl(res){console.log(fun1);res.write(hello ,我是fun1); }运行结果:二、调用外部的js文件function...
Scoped CSS Scoped CSS规范是Web组件产生不污染其他组件,也不被其他组件污染的CSS规范。 vue组件中的style标签标有scoped属性时表明style里的css样式只适用于当前组件元素 它是通过使用PostCSS来改变以下内容实现的: <style scoped> .example {color: red; } </style><template><div class="example">hi</div> </template>渲染结果: <style> .example[data-v-f3f3eg9] {color: red; } </style><template><div class="example" d...
熟悉 Vue 的都知道 方法methods、计算属性computed、观察者watcher 在 Vue 中有着非常重要的作用,有些时候我们实现一个功能的时候可以使用它们中任何一个都是可以的,但是它们之间又存在一些不同之处,每一个都有一些适合自己的场景,我们要想知道合适的场景,肯定先对它们有一个清楚的了解,先看一个小例子。 <div id="app"><input v-model="firstName" type="text"><input v-model="secondName" type="text"><p>{{fullName}}</p...
下面通过一段代码给大家介绍js中获取URL参数的共用方法getRequest()方法,具体代码如下所示: getRequest : function() { var url = location.search; //获取url中"?"符后的字串var theRequest = new Object();if (url.indexOf("?") != -1) {var str = url.substr(1);strs = str.split("&");for(var i = 0; i < strs.length; i ++) {theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]); }}return theRequest;}下面...
我们在做前端表单提交时,经常会遇到要对表单中的数据进行校验的问题。如果用户提交的数据不合法,例如格式不正确、非数字类型、超过最大长度、是否必填项、最大值和最小值等等,我们需要在相应的地方给出提示信息。如果用户修正了数据,我们还要将提示信息隐藏起来。有一些现成的插件可以让你非常方便地实现这一功能,如果你使用的是knockout框架,那么你可以借助于Knockout-Validation这一插件。使用起来很简单,例如我下面的这一...
搜索很久,没有发现有关于vue+VeeValidate部分校验的。自己写一个。 主要是两个场景: 1. 校验范围内,所有的字段。 2. 校验全局所有字段。 主要方法: 1.validate(fields, scope) 2. validateAll(fields) 场景: 遍历得到多个列表,每一个列表都可以独立保存当前列表。在保存当前列表的时候,需要校验当前列表输入框的合法性。 代码: <div class=" col-xs-12 col-md-6 col-lg-4" v-for="(p1,index) in carList" :key="index...
1,先给vue项目中下载vue-quill-editor依赖npm install vue-quill-editor --save 2,下载plupload依赖npm install plupload --save 3,在组件中分别引入对应的js import { quillEditor }from vue-quill-editor import @/assets/js/crypto1/crypto/crypto.js import @/assets/js/crypto1/hmac/hmac.js import @/assets/js/crypto1/sha1/sha1.js import Base64from @/assets/js/base64.js import pluploadfrom plupload4,编写plupload上...
因业务需求,需要一个树形表格,并且支持拖拽排序,任意未知插入,github搜了下,真不到合适的,大部分树形表格都没有拖拽功能,所以决定自己实现一个。这里分享一下实现过程,项目源代码请看github,插件已打包封装好,发布到npm上 本博文会分为两部分,第一部分为使用方式,第二部分为实现方式安装方式 npm i drag-tree-table --save-dev 使用方式 import dragTreeTable from 'drag-tree-table' 模版写法 <dragTreeTable :d...
view class="container" class="zn-uploadimg"> <button type="primary"bindtap="showok">消息提示框</button> <button type="primary"bindtap="modalcnt">模态弹窗</button> <button type="primary"bindtap="actioncnt">操作菜单</button></view>1.消息提示——wx.showToast(OBJECT)//show.js //获取应用实例 var app = getApp() Page({showok:function() {wx.showToast({title: 成功,icon: success,duration: 2000})} }) ...
下面通过实例代码给大家分享JS判断用户用的哪个浏览器,具体代码如下所示: var Sys = {}; var ua = navigator.userAgent.toLowerCase(); var s; (s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] : (s = ua.match(/firefox/([\d.]+)/)) ? Sys.firefox = s[1] : (s = ua.match(/chrome/([\d.]+)/)) ? Sys.chrome = s[1] : (s = ua.match(/opera.([\d.]+)/)) ? Sys.opera = s[1] : (s = ua.match(/version/([\d.]+).*safari/)) ? S...
列表渲染 wx:for 在组件上使用 wx:for 控制属性绑定一个数组,即可使用数组中各项的数据重复渲染该组件。 默认数组的当前项的下标变量名默认为 index,数组当前项的变量名默认为 item。<view wx:for="{{array}}">{{index}}: {{item.message}} </view>Page({data: {array: [{message: foo,}, {message: bar}]} })使用 wx:for-item 可以指定数组当前元素的变量名,使用 wx:for-index 可以指定数组当前下标的变量名:<view wx:for="{{...
在vue组件通信中其中最常见通信方式就是父子组件之中的通信,而父子组件的设定方式在不同情况下又各有不同。最常见的就是父组件为控制组件子组件为视图组件。父组件传递数据给子组件使用,遇到业务逻辑操作时子组件触发父组件的自定义事件。无论哪种组织方式父子组件的通信方式都是大同小异。 一、父组件到子组件通讯父组件到子组件的通讯主要为:子组件接受使用父组件的数据,这里的数据包括属性和方法(String,Number,Boolean,Ob...
什么是计算属性 模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如: <div id="example">{{ message.split().reverse().join() }} </div>这里的表达式包含3个操作,并不是很清晰,所以遇到复杂逻辑时应该使用Vue特带的计算属性computed来进行处理。计算属性(computed)用于处理复杂逻辑 computed:{ }computed做为vue的选项是固定的 例子: <div id="itany"><p>{...
前记: 排版记录,点耽误时间,我就简单的来,下面是一个vue 过滤器的写法,demo 演示,限制一个字符串的长度。 vue filter 的官网介绍 https://cn.vuejs.org/v2/guide/filters.html下面就具体拿自己的一个例子介绍: 某个filter.js // 限制汉字的个数 export const limitWordLength = Vue.filter(limitWordLength, (str, length, sufix) => {/* eslint-disable */let r = /[^\x00-\xff]/g // 双字节正则let mif (str.replace(r, *...
我们常用的有get方法以及post方法,下面简单的介绍一下这两种请求方法 vue中使用axios方法我们先安装axios这个方法 npm install --save axios 安装之后采用按需引入的方法,哪个页面需要请求数据就在哪个页面里引入一下。 import axios from 'axios' 引入之后我们就可以进行数据请求了,在methods中创建一个方法methods:{getInfo(){let url = "url"axios.get(url).then((res)=>{console.log(res)}) } }然后我们在mounted这个生...