一个简单的时间轴demo

web开发

一个时间轴的组成

  1. 使用一个块级元素包裹内容，并未块级元素设置边框
  2. 定义圆形或者菱形等元素标签，子元素设置偏移或者定位元素将图标定位到边框上
  3. 使其中的内容不溢出，自动换行，内容自动撑高
    英文自动换行：word-wrap:break-word;word-break:break-all
    查看更多
    css

js实用方法记录-指不定哪天就会用到的js方法

web开发

js实用方法记录-指不定哪天就会用到的js方法

常用或者不常用都有

判断是否在微信浏览器中

测试代码：isWeiXin()==false

1
2
3
4
5
6
7
8
9
10
11
/**
 * 是否在微信中
 */
function isWeixin() {
    var ua = navigator.userAgent.toLowerCase();
    if (ua.match(/MicroMessenger/i) == "micromessenger") {
      return true;
    } else {
      return false;
    }
}
查看更多
js

js实用方法记录-简单cookie操作

web开发

js实用方法记录-简单cookie操作

设置cookie：setCookie(名称,值,保存时间,保存域);
获取cookie：setCookie(名称);
移除cookie：setCookie(名称,值,-1,保存域);

设置cookie

测试代码：setCookie('test','hello') //保存session级的cookie到根域
测试代码：setCookie('test','hello',30,false) //保存30天且保存到当前全域名

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
/**
 * 设置cookie
 * @param {string} name cookie名称
 * @param {string} value cookie值
 * @param {number}[expiredays=null] 过期时间 默认session级别 <=0移除cookie
 * @param {bool}[saveRoot=true] 保存的域 默认根域
 */
function setCookie(name, value, expiredays=null,saveRoot=false) {
    var exdate = new Date();
    exdate.setDate(exdate.getDate() + expiredays)
    var cookie = name + "=" + value + ';path=/' + ((expiredays == null) ? "" : ";expires=" + exdate.toGMTString());
    if(saveRoot){
    //适用于一级，二级，本地域名
      var domain =((location.host.match(/\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}/g) || location.hostname=='localhost')? location.hostname:('.' + (location.host.split('.')[2]!=undefined?(location.host.split('.')[1]+'.'+location.host.split('.')[2]):location.host)));
      cookie+=(';domain='+domain);
    }
    document.cookie = cookie;
}
查看更多
js

js实用方法记录-动态加载css、js

web开发

js实用方法记录-动态加载css、js

附送一个加载iframe,h5打开app代码

1. 动态加载js文件到head标签并执行回调

方法调用：dynamicLoadJs('http://www.yimo.link/static/js/main.min.js',function(){alert('加载成功')});

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
/**
 * 动态加载JS
 * @param {string} url 脚本地址
 * @param {function} callback  回调函数
 */
function dynamicLoadJs(url, callback) {
    var head = document.getElementsByTagName('head')[0];
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = url;
    if(typeof(callback)=='function'){
        script.onload = script.onreadystatechange = function () {
            if (!this.readyState || this.readyState === "loaded" || this.readyState === "complete"){
                callback();
                script.onload = script.onreadystatechange = null;
            }
        };
    }
    head.appendChild(script);
}
查看更多
js

express使用记录

web开发

随便记录下系列 - node->express

文章用啥写？→→ VsCode。
代码用啥写？→→ VsCode。
编辑器下载：VsCode

一、windows下安装node.js环境： 下载地址

相比以前搭过的服务端语言的环境,node环境的安装简直是业界良心
即使第一次折腾了2天，第二次折腾了2小时，第三次折腾了2分钟

  1. 下载其他版本只需要替换下载链接 https://nodejs.org/dist/v6.2.0/node-v6.2.0-x64.msi 的2个版本号6.2.0为你需要的版本即可
  2. 尽量别把node安装在C盘(使用D:\Program Files\nodejs)
  3. 基础配置项(根据需要设置环境变量)
    设置全局安装包路径： npm config set prefix "D:\Program Files\nodejs\node_global
    设置缓存目录： npm config set cache "D:\Program Files\nodejs\node_cache
    设置淘宝镜像源： npm install -g cnpm --registry=https://registry.npm.taobao.org

PS： vue2.0用node-v4.5吧~，npm升级命令npm update 升级npm版本,若是不行则切换为32位版本的试试,再不行换个系统试试T-_-T

查看更多
nodejs express

iis发布后模板字体不能加载的解决方案

web开发

在使用ace模板的过程中就曾遇到过图标不显示的情况，

1、在iis和vs运行都不能显示图标，添加缺失的字体库后可以访问

2、把项目签入到阿里云时再一次失效，解决方法是添加Mime类型

  • .woff application/x-font-woff

  • .woff2 application/x-font-woff

  • .svg image/svg+xml

3、在使用H+模板的时候又出现了问题，然后前两种都没能解决问题，因为mvc的原因，

需要在webconfig中的system.webServer节点添加配置

代码如下

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<system.webServer>
   <staticContent>
      <remove fileExtension=".woff"/>
      <mimeMap fileExtension=".woff" mimeType="application/x-font-woff" />
      <remove fileExtension=".woff2"/>
      <mimeMap fileExtension=".woff2" mimeType="application/x-font-woff2" />
      <remove fileExtension=".ttf" />
      <mimeMap fileExtension=".ttf" mimeType="application/x-font-truetype" />
      <remove fileExtension=".svg" />
      <mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
      <remove fileExtension=".otf" />
      <mimeMap fileExtension=".otf" mimeType="application/x-font-opentype" />
      <remove fileExtension=".eot" />
      <mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" />
    </staticContent>
</system.webServer>

–仅以记录开发中所遇问题。