换个号韩国红果果
- 浏览: 48049 次
- 性别:
- 来自: 武汉
-
最新评论
-
换个号韩国红果果：
<a src='ff'></a>
有关浏览器窗口宽度高度几个值的解析 -
LynBazinga：
学习了~谢谢
按对象属性排序
文章列表
有些时候 手机或者pc上面需要频繁的切换代理与取消代理，感觉切换时非常的麻烦，看见有自动代理，故搜索了下 下面贴出代码。
function FindProxyForURL(url, host) {
if(url.indexOf("MLXCJK")>0){
return "PROXY 192.168.0.115:8888;"PROXY 192.168.0.108:8888; DIRECT";
}
if (shExpMatch(host, "mlsc.meilan.gov.cn")) {
...
今天遇见一个需求 在提交数据时需要同时弹出3个确认菜单，点击了确认之后才能出现下一个弹出框，并且弹出之后确认框的逻辑在每一个点击确认后的回调函数中。就会有3个嵌套关系。既然是同一个逻辑的重复，自然想到了递归来实现。
弹出框的确认：
mui.confirm(content.shift(), "", forupar, function(res) {
if(res.index == 0){
//点击确认的回调函数，此时是弹出第二个弹出框。
}
下面进行优化：
可以使用递归来做：
var forupar = ["确定" ...
今天项目中的需求，是在一个fill后的svg path上面加上一个mouseover事件。
鼠标移上去显示最近的数字。
但是在火狐下面测试发现。使用raphael时 火狐不支持mouseover,mouseout. 排查了是否是path没有被fill或者toFont 后，发现确实是火狐不支持该事件。
后来想到了一种方法，使用一个div蒙在上面。绑定该div的mouseover事件（div没有兼容性问题）
下面设置蒙的方法。获取svg的宽度高度，和top，left值，然后动态设置css样式即可。
var svg_offset= $( chart_b.id ).find("svg ...
和生命一样，vue组件创建过程中会进入一系列的阶段。可以在这些阶段执行对应的方法。
先上图：
还有路由生命周期钩子，但是路由通常不属于组件的。是在所有组件生命周期开始之前被调用。
组件有以下几个state。
beforeCre ...
实例化vue实例时初始化router store 状态管理。触发router去渲染对应的组件，然后通过对组件组件的操作来完成状态的变更。
先引入js脚本
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>
<script src="https://unpkg.com/vuex@ ...
脚手架渲染原理：
下面是翻译：来源于http://vue-loader.vuejs.org/en/workflow/testing.html
*.vue
每个.vue文件由3个顶级标签组成。 <template> <script> <style>
<template>
<div class="example">{{ msg }}</div>
</template&g ...
js基础：在一个事件处理器（click）会形成一个闭包，可以访问外层的变量。形成了一个闭包。
故原则上所有的外层变量都可以被访问到，但是今天调试最新版本的chrome时候，发现 当事件回调里面没有使用某一个变量时，会直接被销毁。这样的话可以优化内存。
触发事件时的断点：
闭包
此时该作用域应该可以访问到外面的start_pos变量，但是事实上没有。说明chrome进行了优化。
当在内部加上start_pos访问时，可以看见可以访问到，该变量没有被销毁。
如下图所示：
module once 模块主要功能是为了使得回调只会执行一次 非常适合于只需要执行一次的函数
var wrappy = require('wrappy')
module.exports = wrappy(once)
//执行一次后 在函数的原型上定义一个once 方法，
once.proto = once(function () {
Object.defineProperty(Function.prototype, 'once', {
value: function () {
return once(this)
},
conf ...
即时对象初始化方法
(function(){
//code here
}).init()
常见错误
1.在对象每个方法内部，提前保存this指针，一遍下面引用，不然进入setinterval
内部指针变化，this指示错误。
2.当点击一个按钮发请求时？？
3.jquery当取到一个元素为空时 返回a= [] 判断为空，要使用a.length===0 不能使用!!a
var test=({
initTop:'300px',
pageHeight:1033+8,
el:'[id^=pageNo]',
init:functi ...
window.postMessage 是一个用于安全的使用跨源通信的方法。通常，不同页面上的脚本只在这种情况下被允许互相访问，当且仅当执行它们的页面所处的位置使用相同的协议（通常都是 http）、相同的端口（http默认使用80端口）和相同的主机（两个页面的 document.domain 的值相同）。 在正确使用的情况下，window.postMessage 提供了一个受控的机制来安全地绕过这一限制。
useage：
otherWindow.postMessage(message, targetOrigin);
otherWindow指定需要获得消息的窗体window，
messa ...
网上看见几道面试题，贴上来
function h(n){
if(n<1) return;
return n==1? 10 : h(--n)+2;
}
// 20876 => 两万零八百六十七
第二题 function convert(n){
var arr=['零','一','二','三','四','五','六','七','八','九','十','百','千','万'];
var str='';
while(n){
var l=String(n).length;
var bit=Math.pow(10,l-1);
str+=arr[Math.f ...
自动向上滚动框的制作
- 博客分类：
- web css
隔一段时间慢慢向上滚动一段距离！如图：
保证不会出现回滚。即由最后一个元素再滚到第一个元素是向上滚动而不是向下。
用ul来制作，一个li相当于每次显示的一行，滚到时的动画效果用transition来制作。
思路是设置显示的这个元素的marginTop值设置为他的行高的负值，一旦动画完成就从ul中删除它并把它添加到ul的最后面，用setInterval调用move实现连续滚动。
html
<div class="hot-city">
<h5>推荐城市:</h5>
<div class="cit ...
滑过导航时出现描述框的制作
- 博客分类：
- web css
当滑过左边导航栏时右边出现描述框的制作。
1. hover时如何把右边的边框去掉。
2.如何让 外部右边3px的border在hover时变成1px 。
3.如何让列表项在没有hover时显示的下边框没有到达两边。而在hover时却能到达两边。
导航栏用ul 来 ...
所有方法都接受两个参数:(fn,ctx);
默认的函数里面ctx是window，现在可以进行指定。
1.forEach 该方法接受一个函数作为参数， 对数组中的每个元素
使用该函数 return 语句失效
function square(num) {
print(num, num * num);
}
var nums = [1,2,3,4,5,6,7,8,9,10];
nums.forEach(square);
2.every 该方法接受一个返回值为布尔类型的函数， 对数组中的每
个元素使用该函数。 如果对于所有的元素， 每一项均返回 true， 则该方法返回 true。 下面 ...
pixl的绘制，1.如果绘制点正处于相邻像素交叉线，绘制x像素的线宽，则从交叉线分别向前向后绘制x/2个像素，如果x/2是整数，则刚好填满x个像素，如果是小数，则先把整数格填满，再去绘制剩下的小数部分，绘制时，是将小数部分的颜色用来除以一个像素的宽度，颜色会变淡。所以要用整数坐标来画的话（即绘制点正处于相邻像素交叉线时），线宽必须是2的整数倍。否则会出现不饱满的像素。
2.如果绘制点为一个像素的中间位置，情况跟上面一样。也是分别向前向后绘制x/2个像素.要用它来绘制饱满的线宽，线宽必须是奇数。因为这样除以2后小数部分有个0.5，刚好填充中间位置的这个像素，剩下的整数部分用来指定剩下的像素点。
从 ...