日星网
搜索

记录日常点点滴滴，欢迎来到我的小站。

0%

发表于 更新于 分类于

Ubuntu21.04安装L2TP

安装L2TP服务器

首先下载一键安装包

1
wget --no-check-certificate https://raw.githubusercontent.com/teddysun/across/master/l2tp.sh

在下载的目录下执行以下命令修改执行权限
chmod +x l2tp.sh

运行程序
./l2tp.sh

安装过程中会遇到
Please enter IP-Range: 直接回车默认就好
Please enter PSK: 输入预共享密钥
Please enter Username: 输入用户名
Please enter teddysun's password: 输入密码

安装完后可以使用
ipsec verify 来确认是否运行

l2tp运行成功

阅读全文 »

发表于 分类于

Typora是一款编辑Markdown的常用工具，以界面美观，受到好多用户的好评。
同时它有Windows, Mac OS X, Linux三个平台的版本，并且它还是免费的。

我们这里就不介绍Typora的其他功能了。直接进入主题。

修改主题样式的前提

1、首先通过设置 打开 偏好设置 → 打开调试模式
调试模式

阅读全文 »

发表于 分类于

Google 高级搜索应用技术

语法 说明 演示
+ 搜索结果要求包含两个及两个以上的关键字 网站 +HTML5
- 表示逻辑“非”操作，排除相应的关键字 网站 -java
“”与() 可以用来搜索完整句子，可包括空格 “网站HTML5”
OR(要大些)与 搜索结果至少包含多个关键字中的任意一个
Intitle与allintitle 对网页标题的关键字查询 intitle:网站
Inurl与allinurl 查找网址链接的关键字 inurl:html5 网站
Intext与allintext 之搜索网页body部分中包含的文字 intext:网站
site: 搜索结果局限于某个具体网址或者网站频道 site:ttwinbug.com 网站
filetype与ext 用于文件文档搜索 filetype:pdf 网站
link 搜索所有链接到某个URL地址的网页 link:www.ttwinbug.com
related: 用来搜索结构内容方面相似的网页 related:www.ttwinbug.com
cache: 从Google服务器上缓存页面中查询信息 cache:ttwinbug.com
info: 用来显示与某连接相关的一系列搜索 info:ttwinbug.com

发表于 更新于 分类于

robots.txt写法
robots.txt是网站seo优化中起着很重要的作用，robots.txt是搜索引擎访问网站时需要查看的第一个文件，搜索引擎蜘蛛来到一个站点，首先要检查站点根目录下是否存在robots.txt，如果有，就会按照该文件中的内容确定访问范围，如果该文件不存在就会随意抓取，可能会抓到到重复路径或错误页面。下面我就和大家说说 rotbots.txt写法 ，希望对大家有所帮助。

阅读全文 »

发表于 更新于 分类于

今天在项目中需要做远程数据加载并渲染页面，直到开发阶段才意识到ajax跨域请求的问题，隐约记得Jquery有提过一个ajax跨域请求的解决方式，于是即刻翻出Jquery的API出来研究，发现JQuery对于Ajax的跨域请求有两类解决方案，不过都是只支持get方式。分别是JQuery的 jquery.ajax jsonp格式和jquery.getScript方式。
什么是jsonp格式呢？API原文：如果获取的数据文件存放在远程服务器上（域名不同，也就是跨域获取数据），则需要使用jsonp类型。使用这种类型的话，会创建一个查询字符串参数 callback=? ，这个参数会加在请求的URL后面。服务器端应当在JSON数据前加上回调函数名，以便完成一个有效的JSONP请求。意思就是远程服务端需要对返回的数据做下处理，根据客户端提交的callback的参数，返回一个callback(json)的数据，而客户端将会用script的方式处理返回数据，来对json数据做处理。JQuery.getJSON也同样支持jsonp的数据方式调用。

客户端JQuery.ajax的调用代码示例：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
$.ajax({
        type : "get",
        async:false,
        url : "http://www.xxx.com/ajax.do",
        dataType : "jsonp",
        jsonp: "callbackparam",//服务端用于接收callback调用的function名的参数
        jsonpCallback:"success_jsonpCallback",//callback的function名称
        success : function(json){
                alert(json);
                alert(json[0].name);
        },
        error:function(){
                alert('fail');
        }
});
阅读全文 »

发表于 更新于 分类于

我们可以利用PC的浏览器来获得具体的位置情报，主要是利用Google Maps和JSON的外部服务来制作。

IP地址的取得

google谷歌已经为我们提供了获取IP地址的服务，我们可以直接利用，首先先添加google谷歌的AJAX API
通过这个API，我们可以获得经度，纬度，国家名，都市名称等信息。

阅读全文 »

发表于 更新于 分类于

IE还真是让设计师恨的牙痒痒的东西，且现在已经有IE6、IE7、IE8、IE9、IE10这个五种不同版本的浏览器，且都有一点小差异。但是没办法，为了让网页在每个浏览器中显示都一样还必须迁就它。

不过现在我基本上都不太愿意对低版本的IE去做兼容了。比如IE6、IE7这些直接忽略！IE8的话还凑合一下。好在IE9和IE10对网络标准支持都比较了，等IE9版本以上的浏览器普及以后就好很好了。

但是不做兼容归不做兼容，还是要简单的处理一下的。幸运的是 jQuery 提供了 browser 标记来让我们能判断现在的访客是用什么浏览器及版本：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script type="text/javascript">
        $(function() {
                var userAgent = window.navigator.userAgent.toLowerCase();
                var version = $.browser.version;
                $(".info").html(
                        "<h3>userAgent:</h3>" + userAgent + "<br />" +
                        "<h3>version:</h3>" + version
                );
        });
</script>

<body>
        <div class="info"></div>
</body>

我用了一点简单的范例来显示目前浏览器的 userAgent 及 jQuery.browser.version，接着在 IE 6~8 中测试，但其中显示的结果还真是让错愕咧！

阅读全文 »

发表于 更新于 分类于

一、开始

写一个插件，首先是要往 jquery.fn 对象中添加一个由你命名的function对象

1
2
3
jQuery.fn.myPlugin = function() {
  // code
};

如果要使用我们熟悉的 $ 符号，并不希望它与其他脚本库冲突，那么如下

1
2
3
4
5
(function( $ ) {
  $.fn.myPlugin = function() {
    // code
  };
})( jQuery );
阅读全文 »

发表于 更新于 分类于

jQuery插件的开发包括两种：
一种是类级别的插件开发，即给jQuery添加新的全局函数，相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数，另一种是对象级别的插件开发，即给jQuery对象添加方法。下面就两种函数的开发做详细的说明。

1、类级别的插件开发

类级别的插件开发最直接的理解就是给jQuery类添加类方法，可以理解为添加静态方法。典型的例子就是$.AJAX()这个函数，将函数定义于jQuery的命名空间中。关于类级别的插件开发可以采用如下几种形式进行扩展：

1.1 添加一个新的全局函数

添加一个全局函数，我们只需如下定义：

1
2
3
jQuery.foo = function() {   
alert('This is a test. This is only a test.');  
};
阅读全文 »