Archive for 网站前端

网页豆瓣豆油提醒本来就慢,然后干别的时候还不知道来豆油了。写个油猴子脚本搞定了。 tampermonkey脚本还比较好些,查了一下提醒功能,需要chrome用户进行授权。 本来想写个短时间没处理的话,延长检查时间,后来想想本来时间就不短,没必要加了。 // ==UserScript== // @name 豆瓣豆油提醒脚本 // @namespace http://0x55aa.com/ // @version 0.1 // @description 豆瓣豆油提醒脚本,来豆油后进行弹窗提醒! // @author 0x55aa // @match https://*.douban.com/* // @grant none // ==/UserScript== (function() { 'use strict'; // 检查间隔 var interval_ = 30000; var interval = 30000; var notify_time =

Continue

按照官网很简单, 安装 npm install semantic-ui-react --save npm install semantic-ui-css --save 然后在index.js里导入 import 'semantic-ui-css/semantic.min.css'; 就可以用了。

Continue

又重新学习react了,这次按照官网再装一遍。react-native差不多了,react还没搞个东西,hah。 安装 npm install -g create-react-app 创建一个app create-react-app my-app 运行 cd my-app npm start 现在自带Babel监控文件,进行自动编译

Continue

这个开始的时候想解决的,查文档搜索都没有,就没搞。现在有时间了准备搞搞,发现就一行代码就行了。 sql-hint.js文件 CodeMirror.registerHelper("hint", "sql", function(editor, options) {这里边。 addMatches()结果都存在result了,然后对result进行排序就搞定了。 result = result.sort(); 一行代码。

Continue

react大体看了一下,设计的真好啊。没有DOM操作,只需要看stat,刷新只需要改变的组件。 react-navie安装 按照官网教程来就行了。安装xcode,npm install -g react-native-cli 创建一个项目 react-native init TestProject 运行ios 可以直接用xcode打开TestProject/ios/TestProject.xcodeproj ,然后运行。 也可以进到项目根目录运行,react-native run-ios。这个好处就是不用开xcode,用别的编辑器编辑就行了。 改完js文件也不需要重新编译,在模拟器快捷键command+r就能看到结果了。屌屌屌 通过我粗略的查看,每次都是ios应用请求http://127.0.0.1:8081/index.ios.bundle?platform=ios&dev=true,返回一个js文件,包括了我helloword的代码。有个flow的请求不知道干啥的,返回了404. 安卓安装 下载android-sdk_r24.4.1-

Continue

需要npm安装依赖工具,npm安装方法 <a href="http://0x55aa.com/web-2/1518.html">mac安装node js</a> 这篇之前安装的。 安装好nodejs之后,安装工具 npm install --global babel-cli npm install babel-preset-react 之后让babel检查源文件目录,有更改自动编译。 babel --presets react src --watch --out-dir build src/hello.js -> build/hello.js html内容,react.js直接在官网下载的编译好的。 <pre lang="html"><html> <head> <title>test</title> <script src="/static/react/react.js"></script> <script src="/static/react/react-dom.js"></script>

Continue

用select2 支持搜索,value是拼音,文本是汉字。发现经常不知道输入什么,于是想支持两种方式。官方提供了方法。 <pre lang="javascript"> function myMatcher(term, text, option) { return text.toUpperCase().indexOf(term.toUpperCase()) >= 0 || option.id.toUpperCase().indexOf(term.toUpperCase())>=0; } $(document).ready(function() { $.fn.select2.amd.require(['select2/compat/matcher'], function (oldMatcher) { $("#id_dev_user").select2({ matcher: oldMatcher(myMatcher), placeholder: "选择人员", allowClear: true }) }); }); </p

Continue

今天django群里的一个程序员问:“django的类试图,虽然代码更为简洁,但是是不是前端的可以定制性也降低了呢?” 不懂神马是类视图,不过只要制定,我就想到自己,从学习django到现在前端是肿么做的。 开始的时候就想用twitter bootstrap整前端,这样方便的多,但问题很明显,与django的前端显示代码不容易整合,特别是forms。因为开始时我只会用{{ form.as_table }}等,后来看了官网的forms的定制。 有了定制,基本的问题都解决了,但是还是有不方便的。像我把admin里的时间插件移动到了前端。这个我没有办法正好,不过我测试过了,用{{from}}在浏览器直接生成的代码放到template里,就管用。哈哈,这次可以方便的使用了。 不过这样的坏处也很明显,以后的维护会很麻烦。 与群里的说的也是这样,不知道对他有没有帮助。他还说还有一个函数视图,这个标记,以后搜索看看什么意思。

Continue

用了一个javascript的插件,json传送过来的时间需要是Date对象类型的开始的思路就错了,以为可以直接返回这种类型的数据。差,天真了。后来又看到直接返回含有js语句的json文本,非常不喜欢。就想能不能转成js中Date能识别的格式,哈哈果然有。方法如下: 我用的 ,用json也行哇。views.py里的代码 <pre lang="python">from django.utils import simplejson li = [] for a in articles: article={} article["start"] = a.datetime.strftime('%Y-%m-%dT%H:%M:%S') article["content"] = a.content li.append(article) json = simplejson.dumps(li) return HttpResponse(json)</pre> 其中strftime('%Y-%m-%dT%H:%

Continue

以后会用到,检查html语法等还是不错的 1. HTML Validator http://validator.w3.org/ 网页结构检测工具,支持HTML, XHTML, SMIL, MathML……. 2. CSS Validator http://jigsaw.w3.org/css-validator/ CSS验证。 3. Links Validator http://validator.w3.org/checklink 检测HTML/XHTML文档中的死链接 。 4. RSS Feed Validator http://validator.w3.org/feed/ W3C的免费Feed验证服务。 5. Free Site Validator http://freesitevalidator.com/ 全面检测你网站的各种验证问题和坏链接,并且提供详细的检测报告。 可访问性检测工具 6. WebAIM Wave http://wave.webaim.org/ Wave是我最喜欢的可访问性检测服务,非常有效率。 7. Functiona

Continue