分类 web 下的文章

https://easy-mock.com/
Mock.js && 文档 && 示例
json-server

easy-mock例子

分页

请求方式为geturl?page=1

{
  code: function({
    _req
  }) {
    if (_req.query.page < 3) {
      return 0
    } else {
      return 41004
    }

  },
  msg: function({
    _req
  }) {
    if (_req.query.page < 3) {
      return "成功"
    } else {
      return "请求失败"
    }

  },
  data: function({
    _req
  }) {
    if (_req.query.page == 1) {
      return {
        total: 12, //总条数
        page: _req.query.page, //当前页码
        pagesize: 10,
        items: [{
            "id": "1",
            "pid": "31",
            "tit": "血压",
            "datetime": '2017-09-01 08:14'
          },
          {
            "id": "2",
            "pid": "32",
            "tit": "空腹血糖",
            "datetime": '2017-09-03 08:14'
          },
          {
            "id": "3",
            "pid": "33",
            "tit": "氧气治疗",
            "datetime": '2017-09-04 08:14'
          },
          {
            "id": "4",
            "pid": "34",
            "tit": "体重",
            "datetime": '2017-09-05 08:14'
          },
          {
            "id": "5",
            "pid": "31",
            "tit": "血压",
            "datetime": '2017-09-01 08:14'
          },
          {
            "id": "6",
            "pid": "32",
            "tit": "空腹血糖",
            "datetime": '2017-09-03 08:14'
          },
          {
            "id": "7",
            "pid": "33",
            "tit": "氧气治疗",
            "datetime": '2017-09-04 08:14'
          },
          {
            "id": "8",
            "pid": "34",
            "tit": "体重",
            "datetime": '2017-09-05 08:14'
          },
          {
            "id": "9",
            "pid": "31",
            "tit": "血压",
            "datetime": '2017-09-01 08:14'
          },
          {
            "id": "10",
            "pid": "32",
            "tit": "空腹血糖",
            "datetime": '2017-09-03 08:14'
          }
        ]
      }
    }

    if (_req.query.page == 2) {
      return {
        total: 12, //总条数
        page: _req.query.page, //当前页码
        pagesize: 10,
        items: [{
          "id": "11",
          "pid": "33",
          "tit": "空腹血糖",
          "datetime": '2017-09-03 08:14'
        }, {
          "id": "12",
          "pid": "34",
          "tit": "空腹血糖",
          "datetime": '2017-09-03 08:14'
        }]
      }
    }

    if (_req.query.page == 3) {
      return {}
    }

  }
}

登陆请求
请求方式为post: url?name=admin&password=123456 或{name:value,password:123456}

{
  code: function({
    _req
  }) {
    if (_req.query.name === 'admin' && _req.query.password === '123456') {
      return 20000
    } else {
      return 41004
    }

  },
  msg: function({
    _req
  }) {
    if (_req.query.name === 'admin' && _req.query.password === '123456') {
      return "登陆成功"
    } else {
      return "登陆失败"
    }

  },
  data: function({
    _req
  }) {
    if (_req.query.name === 'admin' && _req.query.password === '123456') {
      return {
        "roles": [
          "admin"
        ],
        "token": "admin",
        "avatar": "https://wpimg.wallstcn.com/f778738c-e4f8-4870-b634-56703b4acafe.gif",
        "name": "Super Admin"
      }
    }

    if (_req.query.name == 'editor') {
      return {
        "roles": [
          "editor"
        ],
        "token": "editor",
        "avatar": "https://wpimg.wallstcn.com/f778738c-e4f8-4870-b634-56703b4acafe.gif",
        "name": "editor"
      }
    }

    if (_req.query.page == 3) {
      return {}
    }

  }
}

使用 json-server 搭建 api mock 服务 (一)

http://www.sosoapi.com/
https://github.com/swagger-api
http://editor.swagger.io/

http://rapapi.org/org/index.do


Typecho站点

http://www.typecho.re/
http://www.typecho.biz/
https://typecho.me/
http://www.yzmb.me/
http://www.boke8.net
https://github.com/typecho-fans

插件

https://github.com/mrgeneralgoo/typecho-update-assistant
https://github.com/Archeb/MailValidate
https://plugins.typecho.me/firstblood
发布仿自wp的一款主题Channel+Tinyfader首页幻灯插件
https://codeup.me/armx.html
https://github.com/natcube/ArmX
多用户会员中心
WeMediaForTypecho付费阅读插件(支持payjs+SPay免登录支付)
https://fwalert.com/115 https://github.com/YianAndCode/Comment2Fanwan

教程

Typecho-文档及教程
Typecho二次开发 文章表添加新字段
收集一些TYPECHO模板制作过程中的常见代码、插件、模板
收集typecho相关方面的代码、插件、主题等信息
Typecho 有没有二次开发文档?
Typecho博客主题制作常用变量和函数代码之文章列表调用篇 http://xtw.teai.org/
博客程序Typecho主题模版制作常用调用变量和函数,参数分享
给typecho加上类似CMS焦点图轮播幻灯片功能效果(代码调用非插件)
客添加能动的看板娘(Live2D)-关于模型的二三事
强迫症福音:博客的中文和英文之间会自动加入一个空白符了
Typecho 导航栏不显示某分类或独立页面
Typecho导航栏菜单显示所有分类目录
Typecho 自定义二级菜单
Typecho 设置父分类和子分类不同样式的方法
教程
typecho导航调用分类,并实现折叠效果
https://github.com/buxia97/RuleApp

微信插件

typecho评论微信通知插件
https://github.com/binjoo/WeChatHelper
https://github.com/jrotty/typecho-for-notice
微信公众号关注并获取密码插件
小程序版typecho && GitHub

微信推送

https://github.com/YianAndCode/Comment2Wechat
整合Typecho评论邮件提醒加上微信推送 用的插件

https://github.com/binjoo/YangCong
Comment2Wechat https://github.com/YianAndCode/Comment2Wechat

后台两步验证插件 for Typecho

Themes

https://github.com/crazystear/Practice01 配色很舒服的主题
https://github.com/jrotty/Themia-for-TE
https://github.com/chakhsu/pinghsu
https://www.ihewro.com/archives/489/ handsome
typecho主题及插件ArmX
http://www.marky.cn/typecho-emoji.html
http://www.marky.cn/InstantClick.html
Typecho网址分类导航主题TiNav
自动收录、批量验证的导航主题免费发布

安全

config.inc.php中加入这样才完全开启了SSL

define('__TYPECHO_SECURE__',true);

Typecho修改后台路径留下的漏洞
Typecho漏洞利用工具首发,半分钟完成渗透测试
Typecho的错误输出

基于Typecho的企业主题【集合贴】

其他

instantclick 中文文档
typecho评论表单第一次提交失效的问题

http://******/?_=密码



Vue数据绑定原理

官网:https://vuejs.org 要是网络差可以打开中文
V3
GitHub:https://github.com/vuejs/vue
http://weibo.com/arttechdesign 尤雨溪
比较详细的采访 Vue 作者尤雨溪
Vue 2.0——渐进式前端解决方案
Vue CLI Vue.js 开发的标准
Vue的 Object.defineProperty和未来3.0的proxy观察者机制
集 Vue3+ & Vue-CLI3+ 开发生态圈和填坑姿态

Vue3.0中文文档(Vue3 + TS学习资源路线)

vue3

第三届VueConf
关于 Vue3 的文章,我不明白为啥用 TS

使用 React Hooks 重构你的小程序
https://aotu.io/notes/2019/07/10/taro-hooks/

Vue Function API
https://github.com/vuejs/vue-function-api/blob/master/README.zh-CN.md

来自 Vue 3.0 的 Composition API 尝鲜
vue3 源码的利器 - mini-vue & B站

教程

Vue作者:新手向:Vue 2.0 的建议学习顺序
从0到1手写一个vuejs
Vue.js 2.3 知识清单
2018 我所了解的 Vue 知识大全(一)
2018 我所了解的 Vue 知识大全 (二)
Vue2.0 新手入门 — 从环境搭建到发布
Vue.js学习教程_专题
JTaro-Tutorial
Vuex 是什么
技术胖-胜洪宇
easy-mock
蓝狐博客

入门看看

1.Vue.js——60分钟快速入门
2.Vue.js——60分钟组件快速入门(上篇)
3.Vue.js——60分钟组件快速入门(下篇)
4.Vue.js——基于$.ajax实现数据的跨域增删查改
5.Vue.js——vue-resource全攻略
6.Vue.js——使用$.ajax和vue-resource实现OAuth的注册、登录、注销和API调用
7.Vue.js——60分钟browserify项目模板快速入门
8.Vue.js——60分钟webpack项目模板快速入门
9.Vue.js——vue-router 60分钟快速入门
上面源码https://github.com/keepfool/vue-tutorials
在Vue中有条件地使用CSS类

搭建过vue开发环境

vue学习
Vue 源码解析:深入响应式原理
剖析Vue原理&实现双向绑定MVVM
Vue技术内幕
VUE.JS组件化开发实践
vue开发看这篇文章就够了
vue.js关于Object.defineProperty的利用原理

vue 248个知识点(面试题)为你保驾护航
https://alligator.io/vuejs/
https://vuedose.tips/tips/

Vuex

vuex的demo实现
到底vuex是什么?
使用Vue.js和Vuex实现购物车场景
正确理解Vuex: 懂人生,就懂了Vuex
Vuex 的简单使用

state的,store还有getter、Mutations、Actions以及Modules。
在vuex文档中都有非常详细的说明:http://vuex.vuejs.org/zh-cn/state.html
笼统的说:

组件获取 state 用 vuex 的 getter
组件触发动作用 vuex 的 action
修改 state 用 vuex 的 mutation

SSR

追求极致的用户体验ssr(基于vue的服务端渲染)
实现基于 Nuxt.js 的 SSR 应用

项目

Element 2.0
vux github 移动框架
饿了么前端
Vue相关开源项目库汇总
Let you insight into the Vue.js

https://github.com/yaoyao1987/vue-cli-multipage

Vue组件库

https://nutui.jd.com/demo.html#/index

多页面

https://github.com/luchanan/vue2.0-multi-page
基于 Vue-cli 构建多页面应用(Multi-pages Application)脚手架
基于vue-cli搭建一个多页面应用(六)--移动端适配方案

基于 vue2 + vuex 构建一个具有 45 个页面的大型单页面应用
改用nodejs构建的后台系统接口
对应的后台管理系统
Vue 全家桶 + Electron 开发的一个跨三端的应用
vue.js - 收藏集
vue相关收集
https://github.com/lichenbuliren/vuex-notes-app
微豆 - Vue 2.0 实现豆瓣 Web App 教程
Awesome douban DEMO created with Vue2.x + Vuex + Vue-router + Superagent
vue-element-admin && 文档 && 手摸手,带你用vue撸后台
Vue.js实践:一个Node.js+mongoDB+Vue.js的博客内容管理系统
开源中国微信版 vue+vux的2.x版本 github
使用vue.js + laravel开发单页面应用
利用WordPress REST API 开发微信小程序从入门到放弃

vue2.0 admin / a management system templateelement-ui
Vue Admin Panel Framework, Powered by Vue 2.0 and Bulma 0.3 https://admin.vuebulma.com
vue2 + vue-router + vuex 入门项目

框架

vonic && vonic-documents
iview
基于 vue.js 和 ionic 样式的 UI 框架,用于快速构建移动端单页应用。

插件(库)

Nicescroll滚动条插件
bcrypt.js && npm && 使用
手摸手,带你封装一个vue component
[译]如何在 Vue.js 中使用第三方库

https://zhuanlan.zhihu.com/p/25042521
详解 Vue & Vuex 实践

插件

Vue 插件编写与实战

Vue生命周

http://www.cnblogs.com/gagag/p/6246493.html
生命周期

vue 钩子函数

Vue2.0 探索之路——生命周期和钩子函数的一些理解
https://segmentfault.com/a/1190000008010666\

https://crazy0x.github.io/frontend/2017/01/23/vue-nga.html
使用Vue框架实现NGA客户端

Vue.js:a (re)introduction(作者中文)
https://zhuanlan.zhihu.com/p/20302927
http://blog.evanyou.me/2015/10/25/vuejs-re-introduction/ (作者英文原文)
https://github.com/vuejs/awesome-vue

sublime中有没有*.vue文件格式化插件?
https://segmentfault.com/q/1010000004221470

HTML/CSS/JS Prettify 这个插件就行, 安装后 tools->HTML/CSS/JS Prettify->set prettify preference 在"allowed_file_extensions": ["htm", "html", "xhtml", "shtml", "xml", "svg","vue"] 加上vue就好了

PostCSS(px2rem)
除了Sass这样的CSS处理器这外,我们团队的@颂奇同学还开发了一款npm的工具px2rem 。安装好px2rem之后,可以在项目中直接使用。也可以使用PostCSS 。使用PostCSS插件postcss-px2rem

wordpress with vue

https://deliciousbrains.com/creating-a-wordpress-theme-using-the-rest-api-and-vue-js/
https://github.com/bstavroulakis/vue-wordpress-pwa
https://www.npmjs.com/package/vue-wordpress
https://segmentfault.com/a/1190000008715104

优化

关于 webpack 打包后文件过大的那些事……
基于 Webpack 的应用包体尺寸优化
Vue路由开启keep-alive时的注意点
vue-cli 构建的项目 webpack 如何配置不 build 出 .map 文件?
如何降低Vue.js项目中Webpack打包文件的大小?
路由懒加载 Webpack 的代码分割功能
vue 组件按需引用,vue-router懒加载,vue打包优化,加载动画
在vue 中使用 Clipboard.js复制粘贴 官网
Clipboard is not a function?
使用clipboard.js实现页面内容复制到剪贴板

组件通信

vue中8种组件通信方式
vue-router 项目中$route.params和$route.query的区别是什么,踩坑事件进行总结

?id=123456&uid=1 这样传参的方式,获取值为this.$route.query.id(uid) ,这样的不用改路由
/create/12345/1  这样的传参获取值为this.$route.params.id,需要改路由path: '/create/:id/:uid

部署

node-vue前后端分离记录
利用scp2部署Vue项目到测试环境
vue.js(SCP2)打包后自动上传到服务器
vue2 前后端分离项目ajax跨域session问题解决
vuejs怎么在服务器部署?

总结

大型Vuex应用程序的目录结构
你不知道的Vuejs
curated list(awesome-vue)
从1万篇文章中挑出的40篇最棒的 Vue 学习指南(2018版)
如何在Vue项目中使用vw实现移动端适配
Vue折腾记
Vuejs的一些总结
Vue2技术栈归纳与精粹
Vue-Layout : vue可视化布局、自动生成代码
Vue 脱坑记 - 查漏补缺(汇总下群里高频询问的xxx及给出不靠谱的解决方案)
Vue-Layout : vue可视化布局、自动生成代码
基于 Vue.js 的 PWA 解决方案帮助开发者快速搭建 PWA 应用,解决接入 PWA 的各种问题

其他

npm uninstall xxx --save
为什么 npm 要为每个项目单独安装一遍 node_modules?
关于Webstorm webpack经常不能自动热更新问题
webstrom settings的system settings默认勾选safewrite,勾选去掉就可以了
SCSS 与 Sass 异同

在线编辑器

https://codesandbox.io/s/

挖坑

https://www.jianshu.com/p/31ad32e7ec13

vue-scroller的详细用法,上拉加载下拉刷新,vue-axios获取数据的详细过程
done()方法的解释

引用本地数据

因为不能直接引用或以请求的方式获取项目本地.json后缀的json文件,
可以把json数据转换js文件格式在index.html中引入

<!DOCTYPE html>
<html lang="en">
  <body>
    <div id="app"></div>
    <!-- built files will be auto injected -->
    ...
    <script src="./datas.js"></script>
    ...
  </body>
</html>

datas.js

// 在本地开发时 ESLint 报错,添加下面代码即可,build 时打包不受影响
// eslint-disable-next-line no-undef
datas = {
  'identifier': '20190714',
  'name': '我的好友',
  'version': '0.0.1',
  'build': 0,
  'releaseNote': '我的好友',
  'hidden': true,
  'dependencies': {
    'piece': '0.0.1',
    'com.csair.base': '0.0.1',
    'butterfly': '0.0.1',
    'ratchet': '0.0.1'
  },
  'code': 200
}

在 页面上 xx.vue 中调用

created: function () {
  ...
  // 下面是打包时的引用;
  // 本地开发时这样写会报错,datas为未定义,开发时正常用请求的方式(axios,get)获取本地json即可
  this.data = datas  
  ...
},

或者看这个
vue项目怎么在打包后再引入一些数据文件?

在Vue-cli3.0项目的vue.config.js或vue-cli3.0之前版本的build/dev-server.js中配置:


const express = require('express')
const app = express()
var singer = require('./src/db/data/singer.json')  //本地 json文件数据,打包会打包到 js 文件中

module.exports = {
   devServer:{      
     before(app) {
       app.get('/api/singer', (req, res) => {
            res.json({              
                errno: 0,   // 这里是你的json内容
                data: singer
            })
        })
        app.get('/api/recommend', (req, res) => {
            res.json({              
                errno: 0,   // 这里是你的json内容
                data: recommend
            })
        })
    },

再组件内使用axios调用本地json文件数据:


import axios from 'axios'
axios.get("/api/singer").then((data)=>{
    console.log(data)
})

vue.config.js 配置如下:

const goods = require('./mock/goods.json')
module.exports = {
  devServer: {
    before: (app) => {
      app.post('/goods', function (req, res, next) {
        res.json(goods)
      })
    }
  }
}
src/views/Home.vue
<script>
import axios from 'axios'

export default {
  name: 'home',
  components: {
    HelloWorld
  },
  created () {
    axios.post('/goods')
  }
}
</script>
 

注意:vue cli3.0 public 文件夹才是静态资源文件,修改了vue.config.js需要重启项目。

https://www.v2ex.com/t/619038#reply23


简单的WEB目录 前段基于bootstrap 与 Jquery && 源码&& 直接下载

webdir

index.php放在你的网站根目录并且设置好你的所在目录权限即可
只展示该目录以下的所有文件
通过添加禁止显示文件夹以及后缀文件来控制显示
例如:

$this->notex=array("php","js","tgz");//不允许显示的后缀名文件
$this->notdir=array("a","phpmyadmin");//不允许显示的文件夹

支持在线播放mp4视频和MP3音频以及PDF在线预览;

eg:104.223.12.18

请不要使用index.php 以外的其他文件
不支持IE


<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>demo</title>
    <script type="text/javascript" src="jquery-1.12.4.js"></script>
</head>
<body>
    <ul>
        <li class='czbtn'>
            <input name="button" type="button" class="list-button" value="查看" />
            <input name="button" type="button" class="list-button" value="修改" />
            <input name="button" type="button" class="list-button" value="删除" />
            <input name="button" type="button" class="list-button" value="提交" />
            <input name="button" type="button" class="list-button" value="more" />
        </li>
        <li class='czbtn'>
            <input name="button" type="button" class="list-button" value="查看" />
        </li>
        <li class='czbtn'>
            <input name="button" type="button" class="list-button" value="查看" />
            <input name="button" type="button" class="list-button" value="修改" />
        </li>
        <li class='czbtn'>
            <input name="button" type="button" class="list-button" value="查看" />
            <input name="button" type="button" class="list-button" value="查看" />
            <input name="button" type="button" class="list-button" value="查看" />
        </li>
        <li class='czbtn'>
            <input name="button" type="button" class="list-button" value="查看" />
        </li>
        <li class='czbtn'>
            <input name="button" type="button" class="list-button" value="查看" />
            <input name="button" type="button" class="list-button" value="修改" />
            <input name="button" type="button" class="list-button" value="删除" />
        </li>
        <li class='czbtn'>
            <input name="button" type="button" class="list-button" value="查看" />
        </li>
        <li class='czbtn'>
            <input name="button" type="button" class="list-button" value="查看" />
            <input name="button" type="button" class="list-button" value="修改" />
            <input name="button" type="button" class="list-button" value="删除" />
        </li>
        <li class='czbtn'>
            <input name="button" type="button" class="list-button" value="查看" />
        </li>
        <li class='czbtn'>
            <input name="button" type="button" class="list-button" value="查看" />
            <input name="button" type="button" class="list-button" value="修改" />
            <input name="button" type="button" class="list-button" value="删除" />
        </li>
        <li class='czbtn'>
            <input name="button" type="button" class="list-button" value="查看" />
        </li>
        <li class='czbtn'>
            <input name="button" type="button" class="list-button" value="查看" />
            <input name="button" type="button" class="list-button" value="修改" />
            <input name="button" type="button" class="list-button" value="删除" />
            <input name="button" type="button" class="list-button" value="提交" />
        </li>
        <li class='czbtn'>
            <input name="button" type="button" class="list-button" value="查看" />
            <input name="button" type="button" class="list-button" value="修改" />
        </li>
        <li class='czbtn'>
            <input name="button" type="button" class="list-button" value="查看" />
        </li>
        <li class='czbtn'>
            <input name="button" type="button" class="list-button" value="查看" />
            <input name="button" type="button" class="list-button" value="修改" />
        </li>
    </ul>
</body>
<!-- 动态获取 -->
<script>
    var ww=[];
    console.log('wo');
    var showCZ=$('.czbtn');
    for (i=0;i<showCZ.length;i++) {
        console.log($('.czbtn').eq(i).children("input").length);
        var total=$('.czbtn').eq(i).children("input").length;
        ww.push(total);
    }
    console.log(ww);
    console.log("Max:"+Math.max.apply(null, ww));//最大值
    console.log("Min:"+Math.min.apply(null, ww));//最小值
    
</script>
</html

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<script>
    var arr   = ["a","x","b","d","m","a","k","m","p","j","a"];
    var count = {};
    var pos   = {};
    //遍历arr,统计每个字母出现次数且记录位置
    arr.forEach(function(value, index){
        if(count[value]){
            count[value] ++;
            pos[value] += ","+index; 
        } else {
            count[value] = 1;
            pos[value]   = ""+index;
        }
    });
    console.log(count);
    console.log(pos);
    
    //获取出现最多的字母
    var max = 0;
    var letter;
    for(i in count){
        if(count[i] > max ){
            max    = count[i];
            letter = i; 
        }
    }
    
    console.log("最多的是:" + letter);
    console.log("位置分布:" + pos[letter]);
</script>
</body>
</html>

setInterval(function() {
  if(Date.now() >= new Date("2016-09-12 15:59:00")) {
     $("#seckillQuantity").val(1);//1盒               
     $(".buyButtons.J_buyButtons").click();//抢购按钮
     var value = $(".answerList").children().eq(0).html(); //验证码取值  
     $('#randomAnswer').val(value);//验证码填值
     $('.answer-button').children().eq(0).click();//提交验证码
  }
}, 10)

作者:leon lee
链接:https://zhuanlan.zhihu.com/p/22644277
来源:知乎
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

from https://zhuanlan.zhihu.com/p/22644277


typecho获取文章有几张图片/获取文章图片数量代码
1
2
获取图片数量代码:
使用之前,请先将上面的代码添加到当前主题下的 functions.php文件里。

/*****************
 * 获取图片数量
 * @since 2016.07.01
 **/
function hui_post_imgNum($content){
   $output =
   preg_match_all("/\<img.*?src\=\"(.*?)\"[^>]*>/i", $content,$matches);
   $cnt = count( $matches[1] );
       return $cnt;
}

调用代码(在需要显示的地方):

<?php echo ''.hui_post_imgNum($this->content).'' ; ?>



公鸡5/只,母鸡3/只,小鸡2/只,100可以买100只鸡
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>JS之for循环实现"百钱买百鸡"</title>
    <link rel="stylesheet" href="">
    <script>
        for(var i=0;i<=20;i++){
            for(var j=0;j<=33;j++){
                for(var z=0;z<=100;z++){
                    if((i+j+z==100)&&(5*i+3*j+z/3==100)){
                        document.write('公鸡有'+i+"只;"+"母鸡有"+j+"只;"+"小鸡有"+z+"只"+"<br>");
                    }
                }
            }
        }
    </script>
</head>
<body>
</body>
</html>

两个for

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>JS之for循环实现"百钱买百鸡"</title>
    <link rel="stylesheet" href="">
    <script>
        for(var i=0;i<=20;i++){
            for(var j=0;j<=33;j++){
                z=100-i-j;
                    if((z%3==0)&&(5*i+3*j+z/3==100)){
                        document.write('公鸡有'+i+"只;"+"母鸡有"+j+"只;"+"小鸡有"+z+"只"+"<br>");
                    }
            }
        }
    </script>
</head>
<body>
</body>
</html>

奇数

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>1-100之间的奇数和</title>
    <link rel="stylesheet" href="">
    <script>
        var sum=0;
        for(var i=1;i<=100;i++){
            if(i%2==1){
                sum+=i;//sum=sum+i;
            }
        }
        document.write('1-100之间的奇数和为:'+sum);
    </script>
</head>
<body>
</body>
</html>

偶数

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>1-100之间的偶数和</title>
    <link rel="stylesheet" href="">
    <script>
        var sum=0;
        for(var i=1;i<=100;i++){
            if(i%2==0){
                sum+=i;
            }
        }
        document.write('1-100之间的偶数和为:'+sum);
    </script>
</head>
<body>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>九九乘法表</title>
    <link rel="stylesheet" href="">
    <script>
        document.write('<table border="1" ccellpadding="0" ccellpadding="0" bgcolor="#ABCDEF" width="80%">');
            for(var i=1;i<=9;++i){
                document.write('<tr>');
                    for(var j=1;j<=i;j++){
                        document.write('<td>'+i+'x'+j+'='+(i*j)+'</td>');
                    }
                document.write('</tr>');
            }
        document.write('</table>');
    </script>
</head>
<body>
</body>
</html>

倒九九乘法表

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>1-100之间的奇数和</title>
    <link rel="stylesheet" href="">
    <script>
        document.write('<table border="1" ccellpadding="0" ccellpadding="0" bgcolor="#ABCDEF" width="80%">');
            for(var i=9;i>=1;i--){
                document.write('<tr>');
                    for(var j=1;j<=i;j++){
                        document.write('<td>'+i+'x'+j+'='+(i*j)+'</td>');
                    }
                document.write('</tr>');
            }
        document.write('</table>');
    </script>
</head>
<body>
</body>
</html>

思路:

1.创建一个新的数组存放结果
2.创建一个空对象
3.for循环时,每次取出一个元素与对象进行对比,如果这个元素不重复,则把它存放到结果数组中,同时把这个元素的内容作为对象的一个属性,并赋值为1,存入到第2步建立的对象中。
说明:至于如何对比,就是每次从原数组中取出一个元素,然后到对象中去访问这个属性,如果能访问到值,则说明重复。
Array.prototype.unique3 = function(){
 var res = [];
 var json = {};
 for(var i = 0; i < this.length; i++){
  if(!json[this[i]]){
   res.push(this[i]);
   json[this[i]] = 1;
  }
 }
 return res;
}
var arr = [112,112,34,'你好',112,112,34,'你好','str','str1'];
alert(arr.unique3());

来自Cookie和Session的区别总结

二者作用:解决HTTP协议无状态的缺陷,在客户端/服务器端保存会话状态。

创建Session过程:

检查客户端请求中是否包含一个session标识(session id)
若包含,则说明之前已经为此客户端创建过session。服务器按照此session id检索出session
若不包含,则为此客户端创建一个session,并生成一个session id。此session id将作为响应返回给客户端保存。(使用Cookie保存)

若Cookie被禁止,必须有其他机制能够把session id回传给服务器
回传session id至服务器:

URL重写:把session id直接附加在URL路径后面
隐藏表单字段

Cookie和Session的区别:

Cookie中只能保存ASCII字符串,Session中可以保存任意类型的数据,甚至Java Bean乃至任何Java类、对象等
隐私策略不同 Cookie存储在客户端,对客户端是可见的,可被客户端窥探、复制、修改。而Session存储在服务器上,不存在敏感信息泄露的风险
有效期不同 Cookie的过期时间可以被设置很长。Session依赖于名为JSESSIONI的Cookie,其过期时间默认为-1,只要关闭了浏览器窗口,该Session就会过期,因此Session不能完成信息永久有效。如果Session的超时时间过长,服务器累计的Session就会越多,越容易导致内存溢出。
服务器压力不同 每个用户都会产生一个session,如果并发访问的用户过多,就会产生非常多的session,耗费大量的内存。因此,诸如Google、Baidu这样的网站,不太可能运用Session来追踪客户会话。
浏览器支持不同 Cookie运行在浏览器端,若浏览器不支持Cookie,需要运用Session和URL地址重写。
跨域支持不同 Cookie支持跨域访问(设置domain属性实现跨子域),Session不支持跨域访问
参考:理解Cookie和Session机制