文章列表
(function($, h, c) {
var a = $([]),
e = $.resize = $.extend($.resize, {}),
i,
k = "setTimeout",
j = "resize",
d = j + "-special-event",
b = "delay",
f = "throttleWindow";
e[b] = ...
设置文字不换行，超过的部分用“...”代替
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 210px;
设置超过n行，超过部分用...代替
width:200px;
word-break:break-all;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
sort()方法的用法，参数以及排序原理
- 博客分类：
- QNMD前端
sort() 方法用于对数组的元素进行排序,并返回数组。默认排序顺序是根据字符串Unicode码点。
语法：arrayObject.sort(sortby)；参数sortby可选。规定排序顺序。必须是函数。
注：如果调用该方法时没有使用参数，将按字母顺序对数组中 ...
jq绑定动态生成元素
- 博客分类：
- QNMD前端
[size=medium]$("#searchMoveVideoResult").on("click","ul li",function(){
$(this).css("border","5px solid #000");
});
//下面这样写就是错的了，一定要把动态添加的元素放到on()方法里面才行
$("#searchMoveVideoResult ul li").on("click",function(){
...
es6和vue的一些事
- 博客分类：
- Vue
https://www.jianshu.com/p/c0be35475e54
import Vue from 'vue';
import App from './App';
import router from './route';
import axios from 'axios';
import './less/index';
import Vue from 'vue';
//完整写法
import Vue from "../node_modules/vue/dist/vue.js";
import App from './App';
//完整写法 ...
http://refined-x.com/2017/06/13/Vue%E5%85%A8%E5%AE%B6%E6%A1%B6%E5%AE%9E%E8%B7%B5%E9%A1%B9%E7%9B%AE%E6%80%BB%E7%BB%93/
引用重构期间很大一部分工作就是建立Vue实例，将散布在js各个角落的数据收集到data中去，将操作数据的过程一点一点的集中到methods中去，将数据的筛选过程集中到computed中去，这整个过程可以清晰的回顾每一个实现细节
引用Vuex的概念凭空理解有点抽象，一旦用上却觉得的得心应手，而且这个东西不像路由，几乎不需要区分场景都可以用，引入Vuex后数据污 ...
show.bs.modal
show 方法调用之后立即触发该事件。如果是通过点击某个作为触发器的元素，则此元素可以通过事件的relatedTarget 属性进行访问。
shown.bs.modal
此事件在模态框已经显示出来（并且同时在 CSS 过渡效果完成）之后被触发。如果是通过点击某个作为触发器的元素，则此元素可以通过事件的 relatedTarget 属性进行访。
hide.bs.modal
hide 方法调用之后立即触发该事件。
hidden.bs.modal
此事件在模态框被隐藏（并且同时在 CSS 过渡效果完成 ...
export default 服从 ES6 的规范,补充：default 其实是别名
module.exports 服从CommonJS 规范
一般导出一个属性或者对象用 export default
一般导出模块或者说文件使用 module.exports
在utils这个文件夹下，我们可以把本地的数据写进去，封装成.js文件，提供对外暴露的接口，然后读取本地数据。
util.js：
function data(){
let arr = [1,2,3]
return arr
}
module.exports = {
data:data
}
页面中调用：
var fileData = require('../../utils/util.js')
Page({
data: {
showData: fileData.data(),
},
})
------- ...
$(document).on('mouseup',function(){
console.log(window.getSelection().toString());
});
补充：将选中内容标识出来
$(document).on('mouseup',function(e){
let a = document.createElement("span");
a.setAttribute("class","wrap");
window.getSelection().ge ...
g 全局匹配（会查找所有匹配，不会在查找到第一个匹配时就停止）
i 执行对大小写不敏感的匹配
m 执行多行匹配
在使用组件化的项目中使用的是如下形式：
export default{
data(){
return {
showLogin:true,
// def_act: '/A_VUE',
msg: 'hello vue',
user:'',
homeContent: false,
}
},
methods:{
}
}
为何在项目中data需要使用return返回数据呢？
曰：不 ...
<template>
<div id="app">
<img src="./assets/logo.png">
<router-view></router-view>
</div>
</template>
<script>
export default {
name: 'app'
}
</script>
<style>
#app {
font-family: 'Avenir ...
1.window.onload和$(document).ready()的区别
①执行时机;前者是在网页所有元素完全加载到浏览器后才执行,后者是DOM加载完就可以执行;
②多次使用;前者一次只能保存对一个函数的引用
2.事件绑定和普通事件的区别
普通添加事件的方 ...
1.首先,最普通的js解析JSON方法:
[size=medium]var jsonData = {"name":"小埋","age":18};
for(var key in jsonData){
console.log(key);//json对象的key
console.log(jsonData[key]);//json对象的值
} [/size]
2.用eval()函数转换为js对象再解析:
[size=medium]var json1 = {
"array1" : ...