欣欣~
欣欣~

圆周运动（Math.PI）、Math.cos(x)、Math.sin(x)

知识点：

  • Math.cos(x): cos() 方法可返回一个数字的余弦值。返回的是 -1.0 到 1.0 之间的数。
  • Math.sin(x): sin() 方法可返回一个数字的正弦值。返回的是 -1.0 到 1.0 之间的数。
  • 两个函数中的X 都是指的“弧度”而非“角度” 。弧度的计算公式为： 角度 *（PI/180）
let h = deg * Math.PI / 180;

圆周运动（Math.PI）、Math.cos(x)、Math.sin(x)_第1张图片


<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>圆周运动title>
    <style>
        .big {
      
            width: 400px;
            height: 400px;
            border-radius: 50%;
            border: 2px solid rgb(184, 135, 32);
            margin: 100px auto;
            position: relative;
        }

        .small {
      
            width: 30px;
            height: 30px;
            border-radius: 50%;
            background: red;
            position: absolute;
        }
    style>
head>

<body>
    <div class="big">
        <div class="small">div>
    div>
    <script>
        let big = document.querySelector('.big');
        let small = document.querySelector('.small');

        // 确定小圆的位置 left与top
        // sin = 对边/斜边  cos = 邻边/斜边
        let r = big.offsetWidth / 2; //半径
        //给一个初始角度 
        //两个函数中的X 都是指的“弧度”而非“角度” 　　弧度的计算公式为： 角度*（PI/180)　
        let deg = 30;
        setInterval(() => {
      
            deg++;
            let h = deg * Math.PI / 180;
            let lef = r - r * Math.cos(h)-small.offsetWidth/2;
            let top = r - r * Math.sin(h)-small.offsetWidth/2;
            small.style.left = lef + 'px';
            small.style.top = top + 'px';
        }, 10)
    script>
body>

html>

圆周运动（Math.PI）、Math.cos(x)、Math.sin(x)_第2张图片

你可能感兴趣的:(javaScript,js,javascript,前端)

  • 深入解析 Vue 3 编译宏：揭开 `＜script setup＞` 的魔法面纱 斯~内克 vue知识点前端vue.js前端javascript
    一、编译宏的本质与设计哲学1.1什么是编译宏在Vue3的CompositionAPI生态中，编译宏（CompilerMacros）是一组特殊的语法结构，它们在代码编译阶段被Vue编译器处理，最终转换为标准的JavaScript代码。这些宏函数是Vue3语法糖的核心组成部分，主要包含：defineProps：声明组件propsdefineEmits：定义自定义事件defineExpose：暴露组件公
  • 深入探讨 Vue 3 响应式 API：为什么 ref/reactive 需要类型匹配？ 斯~内克 vue知识点前端学习vue.js前端javascript
    一、Vue3响应式系统基础在Vue3的CompositionAPI中，ref和reactive是构建响应式数据的核心工具。它们的定位差异源于JavaScript语言特性：ref设计初衷：处理基础类型（primitivetypes）的响应式包装reactive设计初衷：处理引用类型（referencetypes）的深度响应代理技术实现差异：ref通过对象包装（{value:...}）+reactiv
  • 基于微信小程序的毕业设计——花店管理系统（附源码+论文） picking_bananas 微信小程序课程设计小程序毕业设计
    关键词：微信小程序；花店管理；花室管理；毕业；我们专注于软件开发工程领域，熟练掌握多种开发技术，包括基于SpringBoot、Vue.js、SSM框架的应用开发，以及针对AndroidAPP和微信小程序的开发。（具体流程参见文章最后段落）一、引言随着移动互联网的普及和微信小程序的崛起，越来越多的传统行业开始利用小程序进行数字化转型。花店作为一个具有浪漫和文化意义的行业，通过微信小程序可以更好地满足
  • 基于微信小程序的设计—挂号管理系统设计（附论文+源码） picking_bananas 微信小程序小程序毕业设计课程设计
    关键词：微信小程序；挂号管理；名医推荐；毕业；论文；我们专注于软件开发工程领域，熟练掌握多种开发技术，包括基于SpringBoot、Vue.js、SSM框架的应用开发，以及针对AndroidAPP和微信小程序的开发。（具体流程参见文章最后段落）一、引言随着移动设备的普及和微信小程序技术的发展，医疗服务的移动化已成为趋势。挂号是医疗服务中一个关键环节，对于患者来说，方便、快捷的挂号方式是他们所期待的
  • 基于微信小程序的毕业设计——社区宠物管理系统（附源码+论文） picking_bananas 微信小程序课程设计宠物小程序
    关键词：SpringBoot；宠物管理；宠物医院；宠物店管理；毕业；我们专注于软件开发工程领域，熟练掌握多种开发技术，包括基于SpringBoot、Vue.js、SSM框架的应用开发，以及针对AndroidAPP和微信小程序的开发。（具体流程参见文章最后段落）摘要随着移动互联网的普及，微信小程序因其便捷性受到了广大用户的青睐。本文旨在探讨如何利用微信小程序设计一个社区宠物管理系统，以提升社区居民对
  • 基于Vue的水果购物车系统 啊sen丶 vue.js前端javascript
    下面是一个基于Vue.js的购物车系统，功能较为完整，包括商品的增删改查、全选/反选、总价计算等功能。购物车/购物车选中图片单价个数小计操作{{item.price}}-{{item.num}}+{{item.num*item.price}}删除全选总价  :  ¥ {{totalPrice}}结算({{fruitList.length}})空空如
  • Svelte 最新中文文档教程（22）—— 自定义元素
    前言Svelte，一个语法简洁、入门容易，面向未来的前端框架。从Svelte诞生之初，就备受开发者的喜爱，根据统计，从2019年到2024年，连续6年一直是开发者最感兴趣的前端框架No.1：Svelte以其独特的编译时优化机制著称，具有轻量级、高性能、易上手等特性，非常适合构建轻量级Web项目。为了帮助大家学习Svelte，我同时搭建了Svelte最新的中文文档站点。如果需要进阶学习，也可以入手我
  • grafana K6压测 xyc1211 测试grafanak6
    文章目录installandrunscript.jsoptions最佳实践report解析https://grafana.com/docs/k6/latest/get-startedinstallandruninstall#macbrewinstallk6当前目录下生成压测脚本#createfilescript.jsk6new[filename]#createfile‘script.js’inth
  • java调用百度云人脸识别API 一抓掉一大把 java
    packagecom.sike.controller;importcom.baidu.aip.face.AipFace;importcom.sike.entity.User;importcom.sike.service.UserService;importjakarta.servlet.http.HttpServletRequest;importorg.json.JSONObject;import
  • Node.js安装及环境配置之Windows篇 Jerry ji nodejs
    Node.js安装及环境配置之Windows篇一、安装环境1、本机系统：Windows10Pro（64位）2、Node.js：v14.17.0LTS（64位）二、安装Node.js步骤1、下载对应你系统的Node.js版本:https://nodejs.org/en/download/2、选安装目录进行安装3、环境配置4、测试三、前期准备1、Node.js简介简单的说Node.js就是运行在服务端
  • 解读 Uniapp： 从入门到精通的底层原理 xcLeigh UniApp技术点解析uni-app
    解读Uniapp：从入门到精通的底层原理一、前言二、Uniapp与Vue.js的关系2.1Vue.js基础回顾2.2Uniapp对Vue.js的继承与扩展三、Uniapp的组件系统3.1组件的基本概念与创建3.2组件的生命周期四、数据绑定与响应式原理4.1数据绑定的实现方式4.2响应式原理剖析五、Uniapp的跨平台实现原理5.1多端编译机制5.2条件编译六、总结结束语优质源码分享解读Uniapp
  • grafa导出数据图标_grafana dashboard的导入导出 承诺谎言 grafa导出数据图标
    grafana的官方提供了很多社区或者官方设置的漂亮的dashboard，地址如下：导入图表大大节省了我们配置监控的时间，非常方便.以linuxhostoverview为例，首先确保telegraf(貌似现在telegraf+influxdb+grafana已经成为了主流，并且这个监控架构支持全windows环境部署)中的配置包含(部分参数请根据系统情况自行修改，这里不是挖坑)如下图：然后下载js
  • node设置镜像源详细教程 Roc-xb nodenode.js
    在Node.js环境中，你可以通过设置npm或yarn的镜像源来加速依赖包的下载。以下是如何设置npm和yarn的镜像源的详细步骤：使用npm设置镜像源临时设置镜像源：你可以在安装包时临时指定镜像源，例如：npminstallpackage-name--registry=https://registry.npmmirror.com永久设置镜像源：你可以通过配置npm的全局配置文件来永久设置镜像源：
  • 前端工程化Vue使用Node.js永久设置国内高速npm镜像源 会撸代码的懒羊羊 Nginx前端node.jsvue.js数据库npm
    前端工程化Vue使用Node.js永久设置国内高速npm镜像源接续上篇错误收录，此篇通过简单配置永久设置国内高速npm镜像源方法1.更换新版镜像清空npm缓存npmcacheclean--force修改回原版镜像源或直接删除配置过的镜像源npmconfigsetregistryhttps://registry.npmjs.org/--删除镜像源npmconfigdeleteregistry更改新版
  • Node.js `node-gyp-build` 模块安装与使用指南 计蕴斯Lowell
    Node.jsnode-gyp-build模块安装与使用指南node-gyp-buildBuildtoolandbindingsloaderfornode-gypthatsupportsprebuilds项目地址:https://gitcode.com/gh_mirrors/no/node-gyp-build一、项目目录结构及介绍node-gyp-build是一个辅助工具，用于简化Node.js原
  • 飘还是不飘？“`“引发的惨案。 dushky java前端开发语言
    Failedtoconvertvalueoftype'java.lang.String'torequiredtype'int';Forinputstring:"${page}"当您的后端服务报这个错误时？发生什么？乍一看，什么都没问题。后端服务正常启动，用swagger（Knife4j）测试好着呢。前端也没什么问题，该传的，都传了呀？特别是眼神不太好的，还看不出来'和`的区别。:-)注意前端传参的
  • ‌XPath vs CSS Selector 深度对比 test猿 css前端
    ‌核心差异总览‌‌对比维度‌‌XPath‌‌CSSSelector‌‌语法复杂度‌较高（需路径表达式）简洁（类似前端开发习惯）‌性能‌较慢（全局遍历）更快（浏览器原生优化）‌文本匹配‌✅支持（contains(text(),'abc')）❌不支持‌轴定位‌✅支持（父级、兄弟等）❌仅支持直接层级（>、+等）‌动态属性处理‌✅灵活（starts-with()等函数）✅有限（^=、$=等部分匹配）‌伪类
  • springboot项目统一接口超时机制设计 gooluke springboot后端java
    springboot项目统一接口超时机制以及异常捕获设计因为不同的业务接口所需超时时间不同，例如上传或者下载，但是大多数接口都基本可以统一一个超时时间，同时捕获异常，方便上下游子系统设置超时时间能够包住，以及业务可以根据错误码更好地判断做对应的补偿措施，前端展示失败原因主要设计：编写BaseController，提供请求统一入口，线程池提交请求并设置超时时间，超时时间可以自定义，定义一个函数式接口
  • 京东商品详情API性能优化：缓存分层与热点数据预加载策略 专注API从业者 电商平台经验分享API接口性能优化缓存大数据后端
    在京东商品详情API的使用过程中，性能优化至关重要。缓存分层与热点数据预加载策略是两种有效的优化手段，下面详细介绍：缓存分层策略1.分层结构设计浏览器缓存原理：这是最接近用户的一层缓存。当用户首次访问商品详情页时，浏览器会将页面的静态资源（如CSS、JavaScript文件、图片等）以及部分不经常变化的数据（如商品的基本描述等）进行缓存。下次用户再次访问相同页面时，浏览器会首先检查本地缓存，如果缓
  • 前端学习Day4 CSS基础笔记 Yukukiii 前端css学习
    目标能够说出什么是CSS能够使用CSS基础选择器能够设置字体样式能够设置文本样式能够说出CSS的三种引入方式能够使用Chrome调试工具调试样式CSS:层叠样式表(Cascadingstylesheets)语法：写在head里面p{color:brown;//文字变色font-size:30px;//字变大background-color:blue;//背景色为蓝色width:400px;heig
  • 《从零到全栈：JavaScript新增的ES6语法》 CodeComposer es6javascript前端开发语言
    JavaScript是一门弱类型的脚本语言，广泛应用于网页开发中。ES6（ECMAScript2015）是JavaScript的第六个版本，引入了许多新特性，使得JavaScript更加现代化和强大。本文将详细介绍JavaScript的基础概念、ES6的新特性及其应用场景。一、JavaScript核心概念1.JavaScript的本质弱类型语言：变量声明无需指定类型，可动态存储任意数据。vara=
  • 《从零到全栈：JavaScript入门指南（二）》 CodeComposer javascript前端学习
    DOM操作1、DOM基础概念定义：文档对象模型（DocumentObjectModel），将HTML/XML文档解析为树形结构，提供操作页面元素的接口。核心作用：通过JavaScript动态操作网页内容（增删改查元素、样式、属性、事件等）。节点类型：元素节点（如）文本节点（如标签内的文字）属性节点（如class="box"）2、document对象入口对象：代表整个文档，提供访问和操作页面的属性和
  • 《从零到全栈：Bootstrap 响应式布局指南》 CodeComposer bootstrap前端html
    一、概念1.Bootstrap是什么？Bootstrap是一个基于HTML、CSS和JavaScript的开源前端框架，主要用于快速构建响应式网页。它是UI库（CSS库），提供了丰富的预定义样式和组件，帮助开发者快速实现美观且功能强大的界面。文档地址：Bootstrap中文文档2.响应式布局响应式布局是一种网页设计方法，使页面能够根据设备屏幕尺寸自动调整布局和样式。核心原理：通过媒体查询（@med
  • 《从零到全栈：AJAX基础概念》 CodeComposer ajax前端javascript学习
    一、AJAX基础概念AJAX，全称为AsynchronousJavaScriptandXML，它是一项极具创新性的技术，能借助异步JavaScript达成数据在前后端之间的交互，彻底革新了网页的交互模式。其核心特性意义重大：异步请求，局部刷新页面：传统网页交互往往是整页刷新，这不仅耗时，还会打断用户操作流程。而AJAX实现异步请求后，仅更新页面中需要变动的部分，大大提升了交互的流畅性与效率，用户无
  • Vite 与 Webpack：性能差异解析 阿珊和她的猫 webpack前端node.js
    前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录Vite与Webpack：性能差异解析开发模式下的性能ViteWebpack生产模式下的性能V
  • MyBatis自定义JSON类型处理器 洛上言 后端mybatisjsonpython
    文章目录一、使用场景二、步骤三、为什么使用`JSONUtil.toBean(json,newTypeReference(){},false)`而不是直接使用`JSONUtil.toBean(json,type)`？一、使用场景实体类数据库List["user","admin"]List>>{"ADT":[[{"BookingCode":["N","N"]}]]}复杂的Bean的定义如下（包含泛型）
  • conda创建环境/安装包报错网络问题 胖胖大王叫我来巡山 condapython
    1.报错(base)xx@xxxdeMacBook-Proanaconda3%condacreate-nworkpython=3.7.11Collectingpackagemetadata(current_repodata.json):failedCondaHTTPError:HTTP000CONNECTIONFAILEDforurlElapsed:-AnHTTPerroroccurredwhen
  • PubSubJS的基本使用 SarinaDu reactreactpubsub
    前言日常积累,欢迎指正参考PubSubJS-GitHubPubSubJS-npm使用说明首先说明我当前使用的pubsub版本为1.6.0什么是pubsub?PubSubJSisatopic-basedpublish/subscribelibrarywritteninJavaScript.即一个利用JavaScript进行发布/订阅的库使用React+TypeScript发布importPubsub
  • JS宏进阶：浅谈曲线回归 jackispy JS宏进阶回归数据挖掘人工智能javascript
    曲线回归是一种统计学方法，用于研究两个或多个变量之间的非线性关系，并找到最能拟合数据点的曲线函数形式。与线性回归不同，曲线回归适用于描述那些不是直线性的变量关系。通过曲线回归，可以建立变量之间的非线性数学模型，用于预测和解释各种实际现象。一、基本概念定义：曲线回归是指对于非线性关系的变量进行回归分析的方法。曲线回归方程一般是以自变量的多项式或其他非线性函数形式表达因变量。目的：曲线回归的主要目的是
  • 简易图书管理系统——MYsql+Javase+JDBC callJJ MYsql知识集合javasqldatabasemysqlgithubide
    目录前言数据表的建立操作包各个类的实现增加类删除类展示类借阅与归还类前言书接上文JDBC编程的学习——MYsql版本-CSDN博客本期我们通过对先前图书管理系统进行改造,是它的数据能保存在数据库中完整代码我已经保存在github中,能不能给个星呢!!!!calljsh/MyJava(github.com)这是先前的图书管理系统,这篇博客里面也有完整代码图书管理系统(java)代码展示和思路介绍(9
  • SQL的各种连接查询 xieke90 UNION ALLUNION外连接内连接JOIN
    一、内连接   概念：内连接就是使用比较运算符根据每个表共有的列的值匹配两个表中的行。                 内连接（join 或者inner join ）       SQL语法：       select * fron
  • java编程思想--复用类 百合不是茶 java继承代理组合final类
          复用类看着标题都不知道是什么,再加上java编程思想翻译的比价难懂,所以知道现在才看这本软件界的奇书   一:组合语法:就是将对象的引用放到新类中即可     代码:     package com.wj.reuse; /** * * @author Administrator 组
  • [开源与生态系统]国产CPU的生态系统 comsci cpu
          计算机要从娃娃抓起...而孩子最喜欢玩游戏....       要让国产CPU在国内市场形成自己的生态系统和产业链,国家和企业就不能够忘记游戏这个非常关键的环节....       投入一些资金和资源,人力和政策,让游
  • JVM内存区域划分Eden Space、Survivor Space、Tenured Gen，Perm Gen解释 商人shang jvm内存
    jvm区域总体分两类，heap区和非heap区。heap区又分：Eden Space（伊甸园）、Survivor Space(幸存者区)、Tenured Gen（老年代-养老区）。 非heap区又分：Code Cache(代码缓存区)、Perm Gen（永久代）、Jvm Stack(java虚拟机栈)、Local Method Statck(本地方法栈)。 HotSpot虚拟机GC算法采用分代收
  • 页面上调用 QQ oloz qq
    <A href="tencent://message/?uin=707321921&amp;Site=有事Q我&amp;Menu=yes">   <img style="border:0px;" src=http://wpa.qq.com/pa?p=1:707321921:1></a>
  • 一些问题 文强chu 问题
    1.eclipse 导出 doc  出现“The Javadoc command does not exist.” javadoc command 选择 jdk/bin/javadoc.exe 2.tomcate 配置 web 项目 ..... SQL:3.mysql  * 必须得放前面 否则  select&nbs
  • 生活没有安全感 小桔子 生活孤独安全感
           圈子好小，身边朋友没几个，交心的更是少之又少。在深圳，除了男朋友，没几个亲密的人。不知不觉男朋友成了唯一的依靠，毫不夸张的说，业余生活的全部。现在感情好，也很幸福的。但是说不准难免人心会变嘛，不发生什么大家都乐融融，发生什么很难处理。我想说如果不幸被分手(无论原因如何)，生活难免变化很大，在深圳，我没交心的朋友。明
  • php 基础语法 aichenglong php 基本语法
    1 .1 php变量必须以$开头 <?php $a=” b”; echo ?> 1 .2 php基本数据库类型 Integer  float/double Boolean string 1 .3 复合数据类型 数组array和对象 object 1 .4 特殊数据类型  null 资源类型(resource)    $co
  • mybatis tools 配置详解 AILIKES mybatis
    MyBatis Generator中文文档 MyBatis Generator中文文档地址： http://generator.sturgeon.mopaas.com/ 该中文文档由于尽可能和原文内容一致，所以有些地方如果不熟悉，看中文版的文档的也会有一定的障碍，所以本章根据该中文文档以及实际应用，使用通俗的语言来讲解详细的配置。 本文使用Markdown进行编辑，但是博客显示效
  • 继承与多态的探讨 百合不是茶 JAVA面向对象 继承 对象
    继承 extends   多态 继承是面向对象最经常使用的特征之一：继承语法是通过继承发、基类的域和方法 //继承就是从现有的类中生成一个新的类，这个新类拥有现有类的所有extends是使用继承的关键字：     在A类中定义属性和方法； class A{ //定义属性 int age； //定义方法 public void go
  • JS的undefined与null的实例 bijian1013 JavaScriptJavaScript
    <form name="theform" id="theform"> </form> <script language="javascript"> var a alert(typeof(b)); //这里提示undefined if(theform.datas
  • TDD实践（一） bijian1013 java敏捷TDD
    一.TDD概述         TDD：测试驱动开发，它的基本思想就是在开发功能代码之前，先编写测试代码。也就是说在明确要开发某个功能后，首先思考如何对这个功能进行测试，并完成测试代码的编写，然后编写相关的代码满足这些测试用例。然后循环进行添加其他功能，直到完全部功能的开发。     
  • [Maven学习笔记十]Maven Profile与资源文件过滤器 bit1129 maven
    什么是Maven Profile Maven Profile的含义是针对编译打包环境和编译打包目的配置定制，可以在不同的环境上选择相应的配置，例如DB信息，可以根据是为开发环境编译打包，还是为生产环境编译打包，动态的选择正确的DB配置信息   Profile的激活机制 1.Profile可以手工激活，比如在Intellij Idea的Maven Project视图中可以选择一个P
  • 【Hive八】Hive用户自定义生成表函数(UDTF) bit1129 hive
    1. 什么是UDTF   UDTF，是User Defined Table-Generating Functions，一眼看上去，貌似是用户自定义生成表函数，这个生成表不应该理解为生成了一个HQL Table， 貌似更应该理解为生成了类似关系表的二维行数据集   2. 如何实现UDTF 继承org.apache.hadoop.hive.ql.udf.generic
  • tfs restful api 加auth 2.0认计 ronin47
    　　目前思考如何给tfs的ngx-tfs api增加安全性。有如下两点： 　　一是基于客户端的ip设置。这个比较容易实现。 　　二是基于OAuth2.0认证，这个需要lua，实现起来相对于一来说，有些难度。 　　现在重点介绍第二种方法实现思路。 　　 前言：我们使用Nginx的Lua中间件建立了OAuth2认证和授权层。如果你也有此打算，阅读下面的文档，实现自动化并获得收益。SeatGe
  • jdk环境变量配置 byalias javajdk
    进行java开发，首先要安装jdk，安装了jdk后还要进行环境变量配置： 1、下载jdk（http://java.sun.com/javase/downloads/index.jsp），我下载的版本是：jdk-7u79-windows-x64.exe 2、安装jdk-7u79-windows-x64.exe 3、配置环境变量：右击"计算机"-->&quo
  • 《代码大全》表驱动法-Table Driven Approach-2 bylijinnan java
    package com.ljn.base; import java.io.BufferedReader; import java.io.FileInputStream; import java.io.InputStreamReader; import java.util.ArrayList; import java.util.Collections; import java.uti
  • SQL 数值四舍五入 小数点后保留2位 chicony 四舍五入
    1.round() 函数是四舍五入用，第一个参数是我们要被操作的数据，第二个参数是设置我们四舍五入之后小数点后显示几位。 2.numeric 函数的2个参数，第一个表示数据长度，第二个参数表示小数点后位数。 例如： 　　select   cast(round(12.5,2)   as   numeric(5,2))  
  • c++运算符重载 CrazyMizzz C++
    一、加+，减-，乘*，除/ 的运算符重载 Rational operator*(const Rational &x) const{ return Rational(x.a * this->a); } 在这里只写乘法的，加减除的写法类似 二、<<输出,>>输入的运算符重载      &nb
  • hive DDL语法汇总 daizj hive修改列DDL修改表
    hive DDL语法汇总 １、对表重命名 hive> ALTER TABLE table_name RENAME TO new_table_name;   2、修改表备注 hive> ALTER TABLE table_name SET TBLPROPERTIES ('comment' = new_comm
  • jbox使用说明 dcj3sjt126com Web
    参考网址：http://www.kudystudio.com/jbox/jbox-demo.html jBox v2.3 beta [ 点击下载]  技术交流QQGroup：172543951 100521167 [2011-11-11] jBox v2.3 正式版 - [调整&修复] IE6下有iframe或页面有active、applet控件
  • UISegmentedControl 开发笔记 dcj3sjt126com
      //    typedef NS_ENUM(NSInteger, UISegmentedControlStyle) {     //        UISegmentedControlStylePlain,     // large plain   &
  • Slick生成表映射文件 ekian scala
    Scala添加SLICK进行数据库操作，需在sbt文件上添加slick-codegen包 "com.typesafe.slick" %% "slick-codegen" % slickVersion 因为我是连接SQL Server数据库，还需添加slick-extensions，jtds包 "com.typesa
  • ES-TEST gengzg test
    package com.MarkNum; import java.io.IOException; import java.util.Date; import java.util.HashMap; import java.util.Map; import javax.servlet.ServletException; import javax.servlet.annotation
  • 为何外键不再推荐使用 hugh.wang mysqlDB
    表的关联，是一种逻辑关系，并不需要进行物理上的“硬关联”，而且你所期望的关联，其实只是其数据上存在一定的联系而已，而这种联系实际上是在设计之初就定义好的固有逻辑。 在业务代码中实现的时候，只要按照设计之初的这种固有关联逻辑来处理数据即可，并不需要在数据库层面进行“硬关联”，因为在数据库层面通过使用外键的方式进行“硬关联”，会带来很多额外的资源消耗来进行一致性和完整性校验，即使很多时候我们并不
  • 领域驱动设计 julyflame VODAO设计模式DTOpo
    概念： VO（View Object）：视图对象，用于展示层，它的作用是把某个指定页面（或组件）的所有数据封装起来。 DTO（Data Transfer Object）：数据传输对象，这个概念来源于J2EE的设计模式，原来的目的是为了EJB的分布式应用提供粗粒度的数据实体，以减少分布式调用的次数，从而提高分布式调用的性能和降低网络负载，但在这里，我泛指用于展示层与服务层之间的数据传输对
  • 单例设计模式 hm4123660 javaSingleton单例设计模式懒汉式饿汉式
           单例模式是一种常用的软件设计模式。在它的核心结构中只包含一个被称为单例类的特殊类。通过单例模式可以保证系统中一个类只有一个实例而且该实例易于外界访问，从而方便对实例个数的控制并节约系统源。如果希望在系统中某个类的对象只能存在一个，单例模式是最好的解决方案。      &nb
  • logback zhb8015 loglogback
    一、logback的介绍      Logback是由log4j创始人设计的又一个开源日志组件。logback当前分成三个模块：logback-core,logback- classic和logback-access。logback-core是其它两个模块的基础模块。logback-classic是log4j的一个 改良版本。此外logback-class
  • 整合Kafka到Spark Streaming——代码示例和挑战 Stark_Summer sparkstormzookeeperPARALLELISMprocessing
    作者Michael G. Noll是瑞士的一位工程师和研究员，效力于Verisign，是Verisign实验室的大规模数据分析基础设施（基础Hadoop）的技术主管。本文，Michael详细的演示了如何将Kafka整合到Spark Streaming中。 期间， Michael还提到了将Kafka整合到 Spark Streaming中的一些现状，非常值得阅读，虽然有一些信息在Spark 1.2版
  • spring-master-slave-commondao 王新春 DAOspringdataSourceslavemaster
    互联网的web项目，都有个特点：请求的并发量高，其中请求最耗时的db操作，又是系统优化的重中之重。 为此，往往搭建 db的 一主多从库的 数据库架构。作为web的DAO层，要保证针对主库进行写操作，对多个从库进行读操作。当然在一些请求中，为了避免主从复制的延迟导致的数据不一致性，部分的读操作也要到主库上。（这种需求一般通过业务垂直分开，比如下单业务的代码所部署的机器，读去应该也要从主库读取数
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他