now try &
前端要掌握的HTML、CSS、Javascript知识

一、HTML（HyperText Markup Language）

HTML是构建网页内容和结构的基础。现代前端开发要求对HTML5的熟练掌握。
语义化标签
基础结构：掌握常见的结构化标签，如
（头部），
（导航），
（主要内容），
（文章），
（章节），
（侧边栏），
（底部）等。
文本内容：
（段落），
（引用），（代码），（预格式化文本），-（标题），（强调），（斜体）。
 
     列表和表格：（无序列表），（有序列表），（列表项），，（行），（单元格）， （表头）。 
     
    多媒体元素 
     
     图片与图像：，（响应式图像），（矢量图形）。 
     音频和视频：和标签，熟悉其属性与方法，如controls，autoplay，loop等。 
     
    表单处理 
     
     表单标签：，，</code>，<code><button></code>，<code><label></code>。</li> 
     <li><strong>HTML5表单新特性</strong>：日期选择<code><input type="date"></code>，颜色选择<code><input type="color"></code>，邮箱验证<code><input type="email"></code>，范围选择<code><input type="range"></code>等。</li> 
    </ul></li> 
   <li> <p><strong>离线与存储</strong></p> 
    <ul> 
     <li><strong>Local Storage和Session Storage</strong>：本地存储数据在浏览器中。</li> 
     <li><strong>IndexedDB</strong>：复杂数据的离线存储，处理较大数据量时使用。</li> 
     <li><strong>Service Workers</strong>：实现离线应用的基础，通过拦截网络请求、缓存内容，提供更快的加载速度和离线支持。</li> 
    </ul></li> 
   <li> <p><strong>增强用户体验</strong></p> 
    <ul> 
     <li><strong>微数据和ARIA</strong>：通过ARIA标签和微数据（Microdata）改善页面的无障碍访问和SEO表现。</li> 
     <li><strong><code><template></code> 和 <code><slot></code></strong>：使用<code><template></code>元素进行内容的预定义和渲染控制，<code><slot></code>用于自定义Web组件中的内容插槽。</li> 
    </ul></li> 
  </ol> 
  <h4>二、CSS（Cascading Style Sheets）</h4> 
  <p>CSS用于描述HTML文档的外观和布局，是控制网页视觉效果的关键。</p> 
  <ol> 
   <li> <p><strong>选择器和基础样式</strong></p> 
    <ul> 
     <li><strong>基础选择器</strong>：类型选择器（如<code>div</code>），类选择器（如<code>.class</code>），ID选择器（如<code>#id</code>），属性选择器（如<code>[type="text"]</code>）。</li> 
     <li><strong>组合选择器</strong>：子选择器（如<code>div > p</code>），后代选择器（如<code>div p</code>），相邻兄弟选择器（如<code>div + p</code>），通用兄弟选择器（如<code>div ~ p</code>）。</li> 
     <li><strong>伪类与伪元素</strong>：<code>:hover</code>，<code>:focus</code>，<code>:nth-child()</code>，<code>::before</code>，<code>::after</code>。</li> 
    </ul></li> 
   <li> <p><strong>布局技术</strong></p> 
    <ul> 
     <li><strong>盒模型</strong>：理解<code>content</code>，<code>padding</code>，<code>border</code>，<code>margin</code>四个区域的布局原理。</li> 
     <li><strong>Flexbox布局</strong>：使用<code>display: flex;</code>进行弹性布局，掌握<code>justify-content</code>，<code>align-items</code>，<code>flex-wrap</code>等属性的用法。</li> 
     <li><strong>Grid布局</strong>：使用<code>display: grid;</code>进行二维布局，理解网格容器和网格项，熟悉<code>grid-template-rows</code>，<code>grid-template-columns</code>，<code>grid-area</code>等属性。</li> 
     <li><strong>响应式设计</strong>：使用<code>@media</code>媒体查询实现不同设备的适配，掌握视口单位（如<code>vw</code>，<code>vh</code>）和流式布局的使用。</li> 
    </ul></li> 
   <li> <p><strong>高级样式</strong></p> 
    <ul> 
     <li><strong>背景与边框</strong>：<code>background-image</code>，<code>background-size</code>，<code>background-position</code>，<code>border-radius</code>（圆角）等。</li> 
     <li><strong>渐变</strong>：<code>linear-gradient</code>（线性渐变），<code>radial-gradient</code>（径向渐变）。</li> 
     <li><strong>动画与过渡</strong>：<code>transition</code>用于元素状态变化的平滑过渡，<code>@keyframes</code>用于定义复杂动画。</li> 
     <li><strong>变形与转换</strong>：使用<code>transform</code>实现元素的旋转、缩放、平移和倾斜，<code>perspective</code>用于3D效果。</li> 
    </ul></li> 
   <li> <p><strong>预处理器</strong></p> 
    <ul> 
     <li><strong>Sass/SCSS</strong>：使用Sass或SCSS进行CSS代码的模块化、变量管理、嵌套结构、混合（mixins）和继承，提升CSS代码的可维护性。</li> 
     <li><strong>PostCSS</strong>：结合PostCSS插件，实现自动补全浏览器前缀、CSS变量处理、现代CSS特性支持等。</li> 
    </ul></li> 
   <li> <p><strong>现代CSS特性</strong></p> 
    <ul> 
     <li><strong>CSS变量</strong>：<code>--main-color: #333;</code>，通过<code>var(--main-color)</code>引用变量，支持主题切换和动态样式调整。</li> 
     <li><strong>CSS Grid Layout</strong>：实现复杂的二维布局，能够自由地控制网格区域的大小、位置和排列方式。</li> 
     <li><strong>自定义属性</strong>：<code>var()</code>函数动态控制CSS样式，增强样式的灵活性和复用性。</li> 
    </ul></li> 
  </ol> 
  <h4>三、JavaScript</h4> 
  <p>JavaScript是前端开发中实现交互和逻辑控制的核心编程语言。</p> 
  <ol> 
   <li> <p><strong>基础语法</strong></p> 
    <ul> 
     <li><strong>数据类型</strong>：包括基本类型（如<code>string</code>，<code>number</code>，<code>boolean</code>，<code>null</code>，<code>undefined</code>，<code>symbol</code>）和复杂类型（如<code>object</code>，<code>array</code>，<code>function</code>）。</li> 
     <li><strong>变量声明</strong>：理解<code>var</code>，<code>let</code>，<code>const</code>的作用域差异和使用场景。</li> 
     <li><strong>运算符</strong>：掌握算术运算符、比较运算符、逻辑运算符、三元运算符等。</li> 
    </ul></li> 
   <li> <p><strong>控制流与函数</strong></p> 
    <ul> 
     <li><strong>条件语句</strong>：<code>if</code>，<code>else</code>，<code>switch</code>的使用。</li> 
     <li><strong>循环语句</strong>：<code>for</code>，<code>while</code>，<code>do-while</code>循环，<code>break</code>和<code>continue</code>语句。</li> 
     <li><strong>函数定义</strong>：函数声明、函数表达式、箭头函数（<code>=></code>），理解函数作用域和闭包。</li> 
     <li><strong>高阶函数</strong>：掌握<code>map</code>，<code>filter</code>，<code>reduce</code>等高阶函数，理解回调函数的概念和应用。</li> 
    </ul></li> 
   <li> <p><strong>对象与类</strong></p> 
    <ul> 
     <li><strong>对象</strong>：创建对象的多种方式，属性和方法的操作，<code>this</code>关键字的用法。</li> 
     <li><strong>类与继承</strong>：ES6中的类<code>class</code>的使用，<code>constructor</code>构造函数，类的继承（<code>extends</code>），<code>super</code>调用父类方法。</li> 
     <li><strong>原型链与继承</strong>：理解JavaScript的原型继承机制，掌握<code>Object.create</code>，<code>Object.assign</code>等方法。</li> 
    </ul></li> 
   <li> <p><strong>DOM操作</strong></p> 
    <ul> 
     <li><strong>选择元素</strong>：<code>getElementById</code>，<code>getElementsByClassName</code>，<code>querySelector</code>，<code>querySelectorAll</code>等方法。</li> 
     <li><strong>操作DOM</strong>：创建、删除、修改元素，设置或获取元素属性，操作<code>classList</code>管理元素类名。</li> 
     <li><strong>事件处理</strong>：<code>addEventListener</code>绑定事件，事件冒泡与捕获机制，常用事件如<code>click</code>，<code>input</code>，<code>submit</code>，<code>keyup</code>等。</li> 
     <li><strong>动态DOM操作</strong>：使用<code>innerHTML</code>，<code>appendChild</code>，<code>removeChild</code>等方法动态修改页面结构。</li> 
    </ul></li> 
   <li> <p><strong>异步编程</strong></p> 
    <ul> 
     <li><strong>回调函数</strong>：理解和使用回调函数处理异步任务。</li> 
     <li><strong>Promise</strong>：掌握<code>Promise</code>对象，<code>then</code>，<code>catch</code>，<code>finally</code>方法，使用<code>Promise.all</code>，<code>Promise.race</code>处理并发任务。</li> 
     <li><strong>async/await</strong>：ES6中<code>async</code>和<code>await</code>的语法糖，简化异步代码的写法。</li> 
    </ul></li> 
   <li> <p><strong>现代JavaScript特性</strong></p> 
    <ul> 
     <li><strong>解构赋值</strong>：数组和对象的解构赋值，简化代码结构。</li> 
     <li><strong>模板字符串</strong>：使用反引号（``）和<code>${}</code>进行字符串插值，支持多行字符串。</li> 
     <li><strong>模块化</strong>：使用<code>import</code>和<code>export</code>进行模块导入和导出，支持代码分割。</li> 
     <li><strong>扩展运算符</strong>：<code>...</code>操作符用于数组和对象的拷贝、合并等操作。</li> 
     <li><strong>ES6类</strong>：使用<code>class</code>关键字定义类，理解构造函数、静态方法、继承等。</li> 
    </ul></li> 
   <li> <p><strong>前端框架与库</strong></p> 
    <ul> 
     <li><strong>React</strong>：理解组件化开发，使用JSX编写UI，掌握状态管理（<code>useState</code>），生命周期方法（如<code>useEffect</code>），React Router进行路由管理。</li> 
     <li><strong>Vue.js</strong>：熟悉<code>Vue</code>实例，模板语法，指令（如<code>v-if</code>，<code>v-for</code>），组件通信，Vue Router与Vuex。</li> 
     <li><strong>Angular</strong>：掌握组件、服务、依赖注入、路由、表单管理等核心概念。</li> 
     <li><strong>jQuery</strong>：虽然逐渐不如React和Vue普及，但了解其基础依然有助于理解现有代码库。</li> 
    </ul></li> 
   <li> <p><strong>调试与测试</strong></p> 
    <ul> 
     <li><strong>调试工具</strong>：掌握浏览器开发者工具（DevTools）的使用，如元素检查、控制台、网络请求监控、断点调试、性能分析等。</li> 
     <li><strong>测试</strong>：熟悉单元测试框架（如Jest、Mocha），掌握测试驱动开发（TDD）和行为驱动开发（BDD）的基本理念。</li> 
    </ul></li> 
  </ol> 
  <h4>四、综合技能</h4> 
  <p>除了HTML、CSS和JavaScript外，前端工程师还需要掌握一些综合技能：</p> 
  <ol> 
   <li> <p><strong>版本控制</strong></p> 
    <ul> 
     <li><strong>Git</strong>：掌握Git的基本操作，如克隆、提交、分支、合并、冲突解决等，理解Git的工作流程（如Feature Branching, Git Flow）。</li> 
     <li><strong>GitHub/GitLab</strong>：使用这些平台进行代码托管、协作开发、Pull Request流程、CI/CD集成等。</li> 
    </ul></li> 
   <li> <p><strong>构建工具</strong></p> 
    <ul> 
     <li><strong>Webpack</strong>：掌握模块化开发、代码打包、CSS预处理器集成、代码分割、热更新等功能。</li> 
     <li><strong>Babel</strong>：理解ES6+语法转换为ES5的过程，配置Babel进行语法转换和Polyfill的添加。</li> 
     <li><strong>Gulp</strong>：任务自动化工具，理解其在项目中执行任务（如编译、压缩、优化等）的作用。</li> 
    </ul></li> 
   <li> <p><strong>性能优化</strong></p> 
    <ul> 
     <li><strong>代码优化</strong>：减少重绘和重排，优化DOM操作，使用节流和防抖技术。</li> 
     <li><strong>网络优化</strong>：压缩和合并资源文件，使用懒加载、CDN和缓存策略，减小页面加载时间。</li> 
     <li><strong>安全防范</strong>：掌握基本的前端安全知识，如防范XSS（跨站脚本攻击）、CSRF（跨站请求伪造）、SQL注入等。</li> 
    </ul></li> 
   <li> <p><strong>跨浏览器与跨设备兼容</strong></p> 
    <ul> 
     <li><strong>CSS兼容性</strong>：处理不同浏览器间的样式兼容性问题，使用PostCSS等工具自动添加前缀。</li> 
     <li><strong>响应式设计</strong>：通过媒体查询和弹性布局适配不同屏幕尺寸的设备。</li> 
     <li><strong>渐进增强和优雅降级</strong>：根据不同设备和浏览器的支持情况，逐步增加功能或简化功能。</li> 
    </ul></li> 
   <li> <p><strong>前端架构</strong></p> 
    <ul> 
     <li><strong>组件化</strong>：理解组件的封装、复用、管理，掌握在大型项目中的应用。</li> 
     <li><strong>状态管理</strong>：在复杂应用中使用Redux、Vuex等工具管理全局状态。</li> 
     <li><strong>模块化与代码拆分</strong>：使用ES6模块、Webpack等工具将代码分割成可复用的模块。</li> 
    </ul></li> 
  </ol> 
  <h4>总结</h4> 
  <p>前端工程师需要系统掌握HTML、CSS、JavaScript三大核心技术，并熟悉前端生态中的工具和框架。不断学习和实践这些知识，可以提升代码质量和开发效率，适应复杂多变的前端开发需求</p> 
 </div> 
</div>
                            </div>
                        </div>
                    </div>
                    <!--PC和WAP自适应版-->
                    <div id="SOHUCS" sid="1919165106525106176"></div>
                    <script type="text/javascript" src="/views/front/js/chanyan.js"></script>
                    <!-- 文章页-底部 动态广告位 -->
                    <div class="youdao-fixed-ad" id="detail_ad_bottom"></div>
                </div>
                <div class="col-md-3">
                    <div class="row" id="ad">
                        <!-- 文章页-右侧1 动态广告位 -->
                        <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
                            <div class="youdao-fixed-ad" id="detail_ad_1"> </div>
                        </div>
                        <!-- 文章页-右侧2 动态广告位 -->
                        <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
                            <div class="youdao-fixed-ad" id="detail_ad_2"></div>
                        </div>
                        <!-- 文章页-右侧3 动态广告位 -->
                        <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad">
                            <div class="youdao-fixed-ad" id="detail_ad_3"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(前端学习,html5)</h4>
        <div id="paradigm-article-related">
            <div class="recommend-post mb30">
                <ul class="widget-links">
                    <li><a href="/article/1950104727928762368.htm"
                           title="震惊！DOM变化监控神器MutationObserver，前端开发必知的隐藏武器！" target="_blank">震惊！DOM变化监控神器MutationObserver，前端开发必知的隐藏武器！</a>
                        <span class="text-muted">coding随想</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a>
                        <div>一、什么是MutationObserver？如果你是一个前端开发者，一定会遇到这样的场景：页面动态加载内容后，某些操作失效了。比如，你写了一个监听按钮点击的代码，但按钮是通过AJAX动态加载的，你的代码根本无法触发。这个时候，你就需要一个“监控哨兵”——MutationObserver，它能实时监听DOM树的变化，帮你捕获那些“暗中作祟”的节点变动。MutationObserver是HTML5引入</div>
                    </li>
                    <li><a href="/article/1950100184717389824.htm"
                           title="11. HTML 中 DOCTYPE 的作用" target="_blank">11. HTML 中 DOCTYPE 的作用</a>
                        <span class="text-muted">yqcoder</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95-CSS/1.htm">前端面试-CSS</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>总结H5的声明HTML5的DOCTYPE声明HTML5中的声明用于告诉浏览器当前文档使用的是HTML5的文档类型。它必须是文档中的第一行内容（在任何HTML标签之前），以确保浏览器能够正确地解析和渲染页面。DOCTYPE的作用触发标准模式：DOCTYPE声明的主要作用是让浏览器以标准模式（StandardsMode）来解析和渲染页面，而不是以兼容模式（QuirksMode）。兼容性：在没有DOCT</div>
                    </li>
                    <li><a href="/article/1949895918400630784.htm"
                           title="前端面试题" target="_blank">前端面试题</a>
                        <span class="text-muted">大大。</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
                        <div>HTML5的新特性和CSS3的新特性引入了一系列语义化标签使文档结构更加清晰(header,nav,aside,article,footer,section)，多媒体支持video,audio，Canvas绘图div上下居中对齐的几种方式第一种：flex布局display:flex;justify-content:center;/*水平居中/align-items:center;/垂直居中/第二种</div>
                    </li>
                    <li><a href="/article/1949694170553708544.htm"
                           title="html5效果案例,10个优秀HTML5网站案例赏析" target="_blank">html5效果案例,10个优秀HTML5网站案例赏析</a>
                        <span class="text-muted"></span>

                        <div>随着Adobe的弃Flash转投HTML5，HTML5又开始吸引着大众的目光。与现在使用的HTML标记语言相比，HTML5有更多的标签和属性，使用更为灵活，功能更为强大。现在已经有很多前沿的HTML5网站开始使用HTML5，本文收集整理出了10个非常优秀的HTML5网站。那么，什么才是优秀的HTML5网站？因为HTML5还没有成为国际标准，旧的浏览器还无法支持HTML5，所以优秀的HTML5网站示</div>
                    </li>
                    <li><a href="/article/1949681688023986176.htm"
                           title="HTML5" target="_blank">HTML5</a>
                        <span class="text-muted">Darling02zjh</span>
<a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
                        <div>HTML:和其他的语言一样也有基础的框架和快捷键。命名规则：后缀名是“.html”每个项目最上面都有是H5的声明，处于标签之前骨架：html标签：定义HTML文档，这个元素我们浏览器看到后就明白这是个HTML文档了，所以你的其他元素要包裹在这个标签里面，标签限定了文档的开始点和结束点。...其他元素head标签：head标签用于文档的头部，文档的头部描述文档的各种属性和信息，包括文档的标题，在we</div>
                    </li>
                    <li><a href="/article/1949650632512172032.htm"
                           title="HTML5+JavaScript动画基础 完整版 中文pdf扫描版" target="_blank">HTML5+JavaScript动画基础 完整版 中文pdf扫描版</a>
                        <span class="text-muted">不一样的女孩6</span>

                        <div>《HTML5+JavaScript动画基础》包括了基础知识、基础动画、高级动画、3D动画和其他技术5大部分，分别介绍了动画的基本概念、动画的JavaScript基础、动画中的三角学、渲染技术、速度向量和加速度、边界与摩擦力、用户交互：移动物体、缓动与弹动、碰撞检测、坐标旋转与斜面反弹、撞球物理、粒子与万有引力、正向运动学：让事物行走、反向运动学：拖曳与伸出、三维基础、三维线条与填充、背面剔除与三维</div>
                    </li>
                    <li><a href="/article/1949573392332025856.htm"
                           title="HTML5元素相关补充" target="_blank">HTML5元素相关补充</a>
                        <span class="text-muted">QZ_orz_freedom</span>
<a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
                        <div>一.元素是HTML5的文档类型声明，它告诉浏览器当前页面是使用HTML5规范编写的，HTML5是最新的HTML版本，拥有更多的功能和优化，因此推荐在新的Web页面中使用它。在HTML文档中，声明通常是文档的第一行文档元数据元素描述指定用于一个文档中包含的所有相对URL的根URL。一份中只能有一个该元素。包含文档相关的配置信息（元数据），包括文档的标题、脚本和样式表等。指定当前文档与外部资源的关系。</div>
                    </li>
                    <li><a href="/article/1949558142270500864.htm"
                           title="HTML5：中如何触发按钮点击事件" target="_blank">HTML5：中如何触发按钮点击事件</a>
                        <span class="text-muted">Dy大叔</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91%E8%AE%B0%E5%BD%95/1.htm">前端开发记录</a><a class="tag" taget="_blank" href="/search/HTML5/1.htm">HTML5</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
                        <div>在HTML5中，可以通过多种方式触发按钮点击事件，包括使用JavaScript原生方法、使用jQuery库和使用HTML表单和提交按钮，根据项目需求和技术栈选择合适的方法来实现按钮点击事件的触发。使用JavaScript原生方法在HTML5中，可以使用JavaScript的addEventListener方法为按钮添加点击事件，需要在HTML文件中创建一个按钮元素，并为其设置一个唯一的ID，在Ja</div>
                    </li>
                    <li><a href="/article/1949543979942998016.htm"
                           title="【前端学习笔记】CSS的两种盒子模型" target="_blank">【前端学习笔记】CSS的两种盒子模型</a>
                        <span class="text-muted">花上</span>

                        <div>CSS有两种盒子模型。一种是W3C的标准盒子模型。另一种是IE的盒子模型。W3C的标准盒子模型中width包括了width+padding+border。IE的盒子模型的width只有width，不包含padding和border。box-sizing的作用如果想要切换盒子模型，可以使用box-sizing属性。例：box-sizing:content-box是W3C盒子模型  box-sizin</div>
                    </li>
                    <li><a href="/article/1949525230741417984.htm"
                           title="HTML5 新特性：MutationObserver 详解" target="_blank">HTML5 新特性：MutationObserver 详解</a>
                        <span class="text-muted">索西引擎</span>
<a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a>
                        <div>一、概念与背景MutationObserver是HTML5引入的一个强大的JavaScriptAPI，它用于异步观察DOM树的变化。在MutationObserver出现之前，开发者若要监测DOM变化，常采用轮询（如使用setInterval不断检查DOM状态）或依赖DOM事件（如DOMNodeInserted、DOMNodeRemoved等）的方式。但轮询效率低下，频繁检查会消耗大量资源；而旧的</div>
                    </li>
                    <li><a href="/article/1949425111731859456.htm"
                           title="【高中数学之函数】四种幂函数图线（二次、三次、开方、开立方）" target="_blank">【高中数学之函数】四种幂函数图线（二次、三次、开方、开立方）</a>
                        <span class="text-muted">土门子拉马努金</span>
<a class="tag" taget="_blank" href="/search/%E9%AB%98%E4%B8%AD%E6%95%B0%E5%AD%A6%E4%B9%8B%E5%87%BD%E6%95%B0/1.htm">高中数学之函数</a><a class="tag" taget="_blank" href="/search/%E9%AB%98%E4%B8%AD%E6%95%B0%E5%AD%A6/1.htm">高中数学</a><a class="tag" taget="_blank" href="/search/%E5%87%BD%E6%95%B0/1.htm">函数</a>
                        <div>【图像】【代码】UNASSIGNED.centerlize{margin:0auto;border:0pxsolidred;width:1200px;height:600px;}如果看到这段文字说您的浏览器尚不支持HTML5Canvas，请更换浏览器再试.retval.max){retval.max=y;retval.max_x=cds[i].x;}if(yarr.length){index=in</div>
                    </li>
                    <li><a href="/article/1949333960383328256.htm"
                           title="【QT进阶】Qt http编程之websocket的简单介绍" target="_blank">【QT进阶】Qt http编程之websocket的简单介绍</a>
                        <span class="text-muted">不吃~香菜</span>
<a class="tag" taget="_blank" href="/search/QT%E8%BF%9B%E9%98%B6/1.htm">QT进阶</a><a class="tag" taget="_blank" href="/search/qt/1.htm">qt</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/websocket/1.htm">websocket</a>
                        <div>往期回顾【QT进阶】Qthttp编程之用户登录注册功能实现-CSDN博客【QT进阶】Qthttp编程之json解析的简单介绍-CSDN博客【QT进阶】Qthttp编程之nlohmannjson库使用的简单介绍-CSDN博客【QT进阶】Qthttp编程之websocket的简单介绍一、什么是websocket1、简介websocket是HTML5中新增的一个协议，这个协议的出现，让客户端和服务器之前</div>
                    </li>
                    <li><a href="/article/1949251496080109568.htm"
                           title="【HTML】＜script＞元素中的 defer 和 async 属性详解" target="_blank">【HTML】＜script＞元素中的 defer 和 async 属性详解</a>
                        <span class="text-muted"></span>

                        <div>文章目录元素中的defer和async属性详解基本概念传统脚本加载defer属性async属性对比表格使用场景建议注意事项示例在HTML5中，元素有两个控制脚本加载和执行行为的属性：defer和async。这两个属性可以帮助开发者优化页面加载性能，特别是在处理外部脚本时。基本概念传统脚本加载没有使用任何属性的元素会阻塞HTML解析：浏览器遇到这个脚本时会暂停HTML解析下载并执行脚本执行完成后才继</div>
                    </li>
                    <li><a href="/article/1949181375550648320.htm"
                           title="像素风格超级玛丽HTML游戏" target="_blank">像素风格超级玛丽HTML游戏</a>
                        <span class="text-muted"></span>

                        <div>像素风格超级玛丽HTML游戏创建一个像素风格的HTML5小游戏，模仿超级玛丽的经典玩法。游戏包含移动、跳跃、收集金币、躲避敌人和到达终点等核心机制。设计思路使用纯HTML5Canvas实现游戏渲染像素风格美术设计(16x16像素元素)实现物理引擎(重力、碰撞检测)键盘控制移动和跳跃添加经典超级玛丽元素(砖块、水管、蘑菇敌人)下面是完整的实现代码：像素超级玛丽*{margin:0;padding:0</div>
                    </li>
                    <li><a href="/article/1949181376288845824.htm"
                           title="像素风格坦克大战游戏" target="_blank">像素风格坦克大战游戏</a>
                        <span class="text-muted">代码改变世界10086</span>
<a class="tag" taget="_blank" href="/search/%E6%B8%B8%E6%88%8F/1.htm">游戏</a><a class="tag" taget="_blank" href="/search/%E5%83%8F%E7%B4%A0%E6%B8%B8%E6%88%8F/1.htm">像素游戏</a><a class="tag" taget="_blank" href="/search/%E6%B8%B8%E6%88%8F/1.htm">游戏</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/css3/1.htm">css3</a>
                        <div>像素风格坦克大战游戏下面我将实现一个基于HTML5Canvas的像素风格坦克大战游戏，玩法类似经典的FC坦克大战。设计思路使用像素风格渲染游戏元素玩家控制坦克移动和射击敌方AI坦克自动移动和攻击可破坏的砖墙和不可破坏的钢墙基地保护机制计分系统和生命值显示实现代码像素坦克大战*{margin:0;padding:0;box-sizing:border-box;font-family:'PressSt</div>
                    </li>
                    <li><a href="/article/1949085415449358336.htm"
                           title="canvas使用" target="_blank">canvas使用</a>
                        <span class="text-muted">CDwenhuohuo</span>
<a class="tag" taget="_blank" href="/search/canva%E5%8F%AF%E7%94%BB/1.htm">canva可画</a>
                        <div>是HTML5引入的一个新标签，它首次出现在2004年的Safari浏览器中，由Apple提出，并在后来的HTML5标准中被正式采纳。IE8及以下❌不支持Canvas的基本用法-WebAPI|MDNvue3import{onMounted}from'vue';onMounted(()=>{constcanvas=document.getElementById('myCanvas');constctx</div>
                    </li>
                    <li><a href="/article/1948986571701153792.htm"
                           title="通过Deepseek找工作" target="_blank">通过Deepseek找工作</a>
                        <span class="text-muted">速易达网络</span>
<a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a>
                        <div>推送的结果如下，对应的AI提示词在底部：计算机方向远程工作职位汇总整合全球远程技术岗位|支持全地域远程办公|涵盖开发、安全、云计算等方向覆盖方向：8+个技术领域薪资范围：¥10K-¥40K/月工作模式：100%远程远程技术职位列表职位名称技能要求经验要求薪资待遇工作模式WordPress开发工程师PHP,HTML5/CSS3,WordPress二次开发,SEO优化3年+1.4-1.6万/月全球远程</div>
                    </li>
                    <li><a href="/article/1948920632704036864.htm"
                           title="HTML制作一个介绍自己家乡的网站——贵州贵阳，排版整洁，内容丰富，主题鲜明" target="_blank">HTML制作一个介绍自己家乡的网站——贵州贵阳，排版整洁，内容丰富，主题鲜明</a>
                        <span class="text-muted">软件技术NINI</span>
<a class="tag" taget="_blank" href="/search/%E6%97%85%E6%B8%B8/1.htm">旅游</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/css/1.htm">css</a>
                        <div>一、‍网站题目旅游，当地特色，历史文化，特色小吃等网站的设计与制作。二、✍️网站描述‍静态网站的编写主要是用HTMLDIV+CSS等来完成页面的排版设计‍,常用的网页设计软件有Dreamweaver、EditPlus、HBuilderX、VScode、Webstorm、Animate等等，用的最多的还是DW，当然不同软件写出的前端Html5代码都是一致的，本网页适合修改成为各种类型的产品展示网页，</div>
                    </li>
                    <li><a href="/article/1948891766690213888.htm"
                           title="HTML5和SVG篝火动画实战：月亮下的野营炊烟效果" target="_blank">HTML5和SVG篝火动画实战：月亮下的野营炊烟效果</a>
                        <span class="text-muted">申增浩</span>

                        <div>本文还有配套的精品资源，点击获取简介：HTML5是网页标记语言的最新标准，支持更加动态和丰富的用户体验。本项目源码展示了如何使用HTML5的SVG来绘制篝火和炊烟动画，通过CSS3动画、JavaScript交互、Canvas与SVG的选择以及Web动画性能优化，实现了一个月亮下的篝火和野营炊烟效果。项目还考虑了响应式设计和数据结构的使用，为开发者提供了一个学习Web前端开发的实践案例。1.HTML</div>
                    </li>
                    <li><a href="/article/1948847531521798144.htm"
                           title="如何自学前端找到一份工作" target="_blank">如何自学前端找到一份工作</a>
                        <span class="text-muted">luckySnail01</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a>
                        <div>建议先看下鱼皮的两个视频+如何学习技术文章：https://bcdh.yuque.com/staff-wpxfif/resource/rito86b49l53w1w2（前端1小时-1小时16分钟）https://www.bilibili.com/video/BV1nh411e7oG，超级详情的前端学习路线https://bcdh.yuque.com/staff-wpxfif/resource/nx</div>
                    </li>
                    <li><a href="/article/1948812853125378048.htm"
                           title="技术大牛谈HTML 5设计原理" target="_blank">技术大牛谈HTML 5设计原理</a>
                        <span class="text-muted">Bluestar</span>
<a class="tag" taget="_blank" href="/search/Web%E5%BC%80%E5%8F%91/1.htm">Web开发</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a><a class="tag" taget="_blank" href="/search/xhtml/1.htm">xhtml</a><a class="tag" taget="_blank" href="/search/%E6%B5%8F%E8%A7%88%E5%99%A8/1.htm">浏览器</a><a class="tag" taget="_blank" href="/search/%E6%96%87%E6%A1%A3/1.htm">文档</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a>
                        <div>本篇文章是JeremyKeith在Fronteers2010上的主题演讲，主要跟大家谈谈HTML5的设计。主要分两个方面，一方面就是HTML5；另一方面就是80/20。JeremyKeith在Fronteers2010上的主题演讲下载PPT(PDF)http://adactio.com/extras/slides/designofhtml5.pdf观看视频http://fronteers.nl/c</div>
                    </li>
                    <li><a href="/article/1948705688083558400.htm"
                           title="html结构解析" target="_blank">html结构解析</a>
                        <span class="text-muted">ca_rry</span>
<a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/html/1.htm">html</a>
                        <div>：声明为HTML5文档：根元素，指定页面语言为中文：设置字符编码，确保中文正常显示：实现响应式设计，使页面在移动设备上正确显示：设置浏览器标签页标题：内嵌CSS样式，用于定义页面元素的显示效果：页面主容器，用于统一管理页面内容的布局：页面主标题，应用了自定义标题样式：示例图片，添加了悬停缩放效果：表单容器，包含输入框、下拉选择器和提交按钮：特性列表，使用自定义列表样式</div>
                    </li>
                    <li><a href="/article/1948336800086945792.htm"
                           title="JS执行机制" target="_blank">JS执行机制</a>
                        <span class="text-muted">1024k纯金</span>

                        <div>首先我们来看几个问题：1.JS是单线程的么？2.JS有异步么？3.JS单线程怎么实现的的异步1.JS是单线程的么？这个问题毫无悬念，肯定是单线程的。js刚开始就是作为浏览器脚本语言推出的，试想如果是多线程:那么一个线程在某个DOM节点上添加内容，另一个线程删除了这个节点，这时浏览器应该以哪个线程为准？这样就复杂化了，HTML5提出WebWorker标准，允许JavaScript脚本创建多个线程，但</div>
                    </li>
                    <li><a href="/article/1948224750979444736.htm"
                           title="网页视频进度条禁止拖动----解决" target="_blank">网页视频进度条禁止拖动----解决</a>
                        <span class="text-muted"></span>

                        <div>点击键盘F12键，进入开发者模式发现标志,html5播放器，属于原生支持最方便实现加速的在开发者模式中找到Console调式窗口，输入以下代码可以设置视频播放速度/*playvideotwiceasfast*/document.querySelector('video').defaultPlaybackRate=1.0;//默认一倍速播放document.querySelector('video'</div>
                    </li>
                    <li><a href="/article/1948111160557498368.htm"
                           title="前端项目启动 npm 安装 之 常见错误 意外解决了 一直报 esbuild 的问题，使程序正常运行" target="_blank">前端项目启动 npm 安装 之 常见错误 意外解决了 一直报 esbuild 的问题，使程序正常运行</a>
                        <span class="text-muted"></span>

                        <div>写在前面：本文作为本人学习总结之用，同时分享给大家~个人前端博客网站：zhangqiang.hk.cn欢迎加入博主的前端学习qq交流群：：706947563，专注前端开发，共同学习进步！通常要运行一个前端项目操作流程为：npminstall（用于安装库，可以理解为初试化用的）npmstart（启动项目）1、上面这两个为我们理想话的安装，实际上会遇到各种意想不到的bug，比如网络原因，这个时候我们要</div>
                    </li>
                    <li><a href="/article/1948103937403973632.htm"
                           title="HTML5+CSS3小实例：流星划过天际的动画效果" target="_blank">HTML5+CSS3小实例：流星划过天际的动画效果</a>
                        <span class="text-muted">艾恩小灰灰</span>

                        <div>实例：流星划过天际的动画效果技术栈：HTML+CSS效果：源码：【html】流星划过天际的动画效果【css】*{/*初始化*/margin:0;padding:0;}body{/*100%窗口高度*/height:100vh;/*溢出隐藏*/overflow:hidden;}.container{/*绝对定位*/position:absolute;top:0;left:0;width:100%;h</div>
                    </li>
                    <li><a href="/article/1948005624440745984.htm"
                           title="ios 集成H5+SDK" target="_blank">ios 集成H5+SDK</a>
                        <span class="text-muted">梦迪达达</span>

                        <div>突然接受一个H5+很茫然，打开官方文档更是无法言语，技术人员已经明确提出开发文档停止更新，那么我们只能综合文档以及前辈们的实战来解决了HTML5+SDK一共三种集成方式，“独立应用”、“Widget”和“WebView”1、独立应用集成方式:使用独立应用方式，开发者需要将HTML5+SDK生成的首页面设置为当前View的subView。HTML5+SDK将对应用进行管理。2、Widget集成方式:</div>
                    </li>
                    <li><a href="/article/1947472423611854848.htm"
                           title="webkitSpeechRecognitionHTML5语音识别文字（直接运行）" target="_blank">webkitSpeechRecognitionHTML5语音识别文字（直接运行）</a>
                        <span class="text-muted">AIGC创想家</span>
<a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%E8%AF%AD%E9%9F%B3%E8%AF%86%E5%88%AB/1.htm">语音识别</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a>
                        <div>前端想要实现语音转文字，其实不需要任何云服务，浏览器自带的api就能搞定。下面是已经封装好的代码，复制之后可以在控制台只接运行。classSpeechRecognitionManager{??tempTranscript=''??isRecording=false;??timeoutid=0;??exitKeywors=['stop','exit','quit','退出','停止识别','说完了'</div>
                    </li>
                    <li><a href="/article/1947393245533237248.htm"
                           title="webView显示网页的时候，右半部分有白色一片空白区域" target="_blank">webView显示网页的时候，右半部分有白色一片空白区域</a>
                        <span class="text-muted"></span>

                        <div>这时需要设置他的滚动条wv_showHTML.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY)WebView中android:scrollbarSize="0dip"加上这句就好了引用于：http://www.17jquery.com/html_html5/38376/和http://bbs.csdn.net/topics/350001955</div>
                    </li>
                    <li><a href="/article/1947366518224384000.htm"
                           title="Vue3 - 实现一个雨水滴落的动画效果" target="_blank">Vue3 - 实现一个雨水滴落的动画效果</a>
                        <span class="text-muted">程序员的成长之路</span>
<a class="tag" taget="_blank" href="/search/Vue3/1.htm">Vue3</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/vue/1.htm">vue</a>
                        <div>在Vue3中实现一个雨水滴落的动画效果，可以使用HTML5的元素和JavaScript来绘制和控制动画。以下是一个实现雨水滴落效果的示例：创建一个Vue3项目首先，确保你已经创建了一个Vue3项目。如果还没有，可以使用VueCLI来创建：vuecreaterain-animationcdrain-animation添加Canvas组件创建一个新的Vue组件来包含我们的元素和动画逻辑。创建一个名为R</div>
                    </li>
                                <li><a href="/article/93.htm"
                                       title="java工厂模式" target="_blank">java工厂模式</a>
                                    <span class="text-muted">3213213333332132</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E6%8A%BD%E8%B1%A1%E5%B7%A5%E5%8E%82/1.htm">抽象工厂</a>
                                    <div>工厂模式有 
1、工厂方法 
2、抽象工厂方法。 
 
下面我的实现是抽象工厂方法, 
 
给所有具体的产品类定一个通用的接口。 
 

package 工厂模式;

/**
 * 航天飞行接口
 * 
 * @Description
 * @author FuJianyong
 * 2015-7-14下午02:42:05
 */
public interface SpaceF</div>
                                </li>
                                <li><a href="/article/220.htm"
                                       title="nginx频率限制+python测试" target="_blank">nginx频率限制+python测试</a>
                                    <span class="text-muted">ronin47</span>
<a class="tag" taget="_blank" href="/search/nginx+%E9%A2%91%E7%8E%87+python/1.htm">nginx 频率 python</a>
                                    <div>       
部分内容参考：http://www.abc3210.com/2013/web_04/82.shtml 
首先说一下遇到这个问题是因为网站被攻击，阿里云报警，想到要限制一下访问频率，而不是限制ip（限制ip的方案稍后给出）。nginx连接资源被吃空返回状态码是502，添加本方案限制后返回599，与正常状态码区别开。步骤如下：</div>
                                </li>
                                <li><a href="/article/347.htm"
                                       title="java线程和线程池的使用" target="_blank">java线程和线程池的使用</a>
                                    <span class="text-muted">dyy_gusi</span>
<a class="tag" taget="_blank" href="/search/ThreadPool/1.htm">ThreadPool</a><a class="tag" taget="_blank" href="/search/thread/1.htm">thread</a><a class="tag" taget="_blank" href="/search/Runnable/1.htm">Runnable</a><a class="tag" taget="_blank" href="/search/timer/1.htm">timer</a>
                                    <div>java线程和线程池 
一、创建多线程的方式 
    java多线程很常见，如何使用多线程，如何创建线程，java中有两种方式，第一种是让自己的类实现Runnable接口，第二种是让自己的类继承Thread类。其实Thread类自己也是实现了Runnable接口。具体使用实例如下： 
1、通过实现Runnable接口方式          1   2   </div>
                                </li>
                                <li><a href="/article/474.htm"
                                       title="Linux" target="_blank">Linux</a>
                                    <span class="text-muted">171815164</span>
<a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a>
                                    <div>ubuntu kernel 
http://kernel.ubuntu.com/~kernel-ppa/mainline/v4.1.2-unstable/ 
 
安卓sdk代理 
mirrors.neusoft.edu.cn        80 
 
输入法和jdk 
sudo apt-get install fcitx 
su</div>
                                </li>
                                <li><a href="/article/601.htm"
                                       title="Tomcat JDBC Connection Pool" target="_blank">Tomcat JDBC Connection Pool</a>
                                    <span class="text-muted">g21121</span>
<a class="tag" taget="_blank" href="/search/Connection/1.htm">Connection</a>
                                    <div>       Tomcat7 抛弃了以往的DBCP 采用了新的Tomcat Jdbc Pool 作为数据库连接组件，事实上DBCP已经被Hibernate 所抛弃，因为他存在很多问题，诸如：更新缓慢，bug较多，编译问题，代码复杂等等。 
       Tomcat Jdbc P</div>
                                </li>
                                <li><a href="/article/728.htm"
                                       title="敲代码的一点想法" target="_blank">敲代码的一点想法</a>
                                    <span class="text-muted">永夜-极光</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E9%9A%8F%E7%AC%94/1.htm">随笔</a><a class="tag" taget="_blank" href="/search/%E6%84%9F%E6%83%B3/1.htm">感想</a>
                                    <div>              入门学习java编程已经半年了,一路敲代码下来,现在也才1w+行代码量,也就菜鸟水准吧,但是在整个学习过程中,我一直在想,为什么很多培训老师,网上的文章都是要我们背一些代码?比如学习Arraylist的时候,教师就让我们先参考源代码写一遍,然</div>
                                </li>
                                <li><a href="/article/855.htm"
                                       title="jvm指令集" target="_blank">jvm指令集</a>
                                    <span class="text-muted">程序员是怎么炼成的</span>
<a class="tag" taget="_blank" href="/search/jvm+%E6%8C%87%E4%BB%A4%E9%9B%86/1.htm">jvm 指令集</a>
                                    <div>转自：http://blog.csdn.net/hudashi/article/details/7062675#comments 
  
  
  
将值推送至栈顶时 const ldc  push   load指令 
const系列 
该系列命令主要负责把简单的数值类型送到栈顶。(从常量池或者局部变量push到栈顶时均使用) 
0x02 &nbs</div>
                                </li>
                                <li><a href="/article/982.htm"
                                       title="Oracle字符集的查看查询和Oracle字符集的设置修改" target="_blank">Oracle字符集的查看查询和Oracle字符集的设置修改</a>
                                    <span class="text-muted">aijuans</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a>
                                    <div> 本文主要讨论以下几个部分：如何查看查询oracle字符集、 修改设置字符集以及常见的oracle utf8字符集和oracle exp 字符集问题。 
一、什么是Oracle字符集  
 Oracle字符集是一个字节数据的解释的符号集合,有大小之分,有相互的包容关系。ORACLE 支持国家语言的体系结构允许你使用本地化语言来存储，处理，检索数据。它使数据库工具，错误消息，排序次序，日期，时间，货</div>
                                </li>
                                <li><a href="/article/1109.htm"
                                       title="png在Ie6下透明度处理方法" target="_blank">png在Ie6下透明度处理方法</a>
                                    <span class="text-muted">antonyup_2006</span>
<a class="tag" taget="_blank" href="/search/css/1.htm">css</a><a class="tag" taget="_blank" href="/search/%E6%B5%8F%E8%A7%88%E5%99%A8/1.htm">浏览器</a><a class="tag" taget="_blank" href="/search/Firebug/1.htm">Firebug</a><a class="tag" taget="_blank" href="/search/IE/1.htm">IE</a>
                                    <div>由于之前到深圳现场支撑上线，当时为了解决个控件下载，我机器上的IE8老报个错，不得以把ie8卸载掉，换个Ie6,问题解决了，今天出差回来，用ie6登入另一个正在开发的系统，遇到了Png图片的问题，当然升级到ie8(ie8自带的开发人员工具调试前端页面JS之类的还是比较方便的，和FireBug一样，呵呵)，这个问题就解决了，但稍微做了下这个问题的处理。 
 
我们知道PNG是图像文件存储格式，查询资</div>
                                </li>
                                <li><a href="/article/1236.htm"
                                       title="表查询常用命令高级查询方法(二)" target="_blank">表查询常用命令高级查询方法(二)</a>
                                    <span class="text-muted">百合不是茶</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E9%A1%B5%E6%9F%A5%E8%AF%A2/1.htm">分页查询</a><a class="tag" taget="_blank" href="/search/%E5%88%86%E7%BB%84%E6%9F%A5%E8%AF%A2/1.htm">分组查询</a><a class="tag" taget="_blank" href="/search/%E8%81%94%E5%90%88%E6%9F%A5%E8%AF%A2/1.htm">联合查询</a>
                                    <div>----------------------------------------------------分组查询 group by    having   --平均工资和最高工资   select avg(sal)平均工资,max(sal)  from emp ;  --每个部门的平均工资和最高工资</div>
                                </li>
                                <li><a href="/article/1363.htm"
                                       title="uploadify3.1版本参数使用详解" target="_blank">uploadify3.1版本参数使用详解</a>
                                    <span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a><a class="tag" taget="_blank" href="/search/uploadify3.1/1.htm">uploadify3.1</a>
                                    <div>使用： 
    绑定的界面元素<input id='gallery'type='file'/>$("#gallery").uploadify({设置参数，参数如下}); 
设置的属性： 
id: jQuery(this).attr('id'),//绑定的input的ID
      langFile: 'http://ww</div>
                                </li>
                                <li><a href="/article/1490.htm"
                                       title="精通Oracle10编程SQL(17)使用ORACLE系统包" target="_blank">精通Oracle10编程SQL(17)使用ORACLE系统包</a>
                                    <span class="text-muted">bijian1013</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/plsql/1.htm">plsql</a>
                                    <div>/*
 *使用ORACLE系统包
 */
--1.DBMS_OUTPUT
--ENABLE:用于激活过程PUT,PUT_LINE,NEW_LINE,GET_LINE和GET_LINES的调用
--语法：DBMS_OUTPUT.enable(buffer_size in integer default 20000);

--DISABLE:用于禁止对过程PUT,PUT_LINE,NEW</div>
                                </li>
                                <li><a href="/article/1617.htm"
                                       title="【JVM一】JVM垃圾回收日志" target="_blank">【JVM一】JVM垃圾回收日志</a>
                                    <span class="text-muted">bit1129</span>
<a class="tag" taget="_blank" href="/search/%E5%9E%83%E5%9C%BE%E5%9B%9E%E6%94%B6/1.htm">垃圾回收</a>
                                    <div>将JVM垃圾回收的日志记录下来，对于分析垃圾回收的运行状态，进而调整内存分配(年轻代，老年代，永久代的内存分配)等是很有意义的。JVM与垃圾回收日志相关的参数包括： 
 
 -XX:+PrintGC 
 -XX:+PrintGCDetails 
 -XX:+PrintGCTimeStamps  
 -XX:+PrintGCDateStamps 
 -Xloggc 
 -XX:+PrintGC 
通</div>
                                </li>
                                <li><a href="/article/1744.htm"
                                       title="Toast使用" target="_blank">Toast使用</a>
                                    <span class="text-muted">白糖_</span>
<a class="tag" taget="_blank" href="/search/toast/1.htm">toast</a>
                                    <div>Android中的Toast是一种简易的消息提示框，toast提示框不能被用户点击，toast会根据用户设置的显示时间后自动消失。 
  
  
 
 创建Toast 
   两个方法创建Toast   
makeText(Context context, int resId, int duration)  
  
  参数：context是toast显示在</div>
                                </li>
                                <li><a href="/article/1871.htm"
                                       title="angular.identity" target="_blank">angular.identity</a>
                                    <span class="text-muted">boyitech</span>
<a class="tag" taget="_blank" href="/search/AngularJS/1.htm">AngularJS</a><a class="tag" taget="_blank" href="/search/AngularJS+API/1.htm">AngularJS API</a>
                                    <div>angular.identiy   描述:   返回它第一参数的函数. 此函数多用于函数是编程.    使用方法:   angular.identity(value);   参数详解:      Param Type Details   value 
*  
to be returned.      返回值:   传入的value   实例代码:   
<!DOCTYPE HTML>
</div>
                                </li>
                                <li><a href="/article/1998.htm"
                                       title="java-两整数相除，求循环节" target="_blank">java-两整数相除，求循环节</a>
                                    <span class="text-muted">bylijinnan</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a>
                                    <div>
import java.util.ArrayList;
import java.util.List;

public class CircleDigitsInDivision {

	/**
	 * 题目：求循环节，若整除则返回NULL，否则返回char*指向循环节。先写思路。函数原型：char*get_circle_digits(unsigned k,unsigned j) 
</div>
                                </li>
                                <li><a href="/article/2125.htm"
                                       title="Java 日期 周 年" target="_blank">Java 日期 周 年</a>
                                    <span class="text-muted">Chen.H</span>
<a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/C%2B%2B/1.htm">C++</a><a class="tag" taget="_blank" href="/search/c/1.htm">c</a><a class="tag" taget="_blank" href="/search/C%23/1.htm">C#</a>
                                    <div>

/**
 * java日期操作(月末、周末等的日期操作)
 * 
 * @author 
 * 
 */
public class DateUtil {
	
    /** */
    /**
     * 取得某天相加(减)後的那一天
     * 
     * @param date
     * @param num
     *           </div>
                                </li>
                                <li><a href="/article/2252.htm"
                                       title="[高考与专业]欢迎广大高中毕业生加入自动控制与计算机应用专业" target="_blank">[高考与专业]欢迎广大高中毕业生加入自动控制与计算机应用专业</a>
                                    <span class="text-muted">comsci</span>
<a class="tag" taget="_blank" href="/search/%E8%AE%A1%E7%AE%97%E6%9C%BA/1.htm">计算机</a>
                                    <div> 
 
      不知道现在的高校还设置这个宽口径专业没有,自动控制与计算机应用专业,我就是这个专业毕业的,这个专业的课程非常多,既要学习自动控制方面的课程,也要学习计算机专业的课程,对数学也要求比较高.....如果有这个专业,欢迎大家报考...毕业出来之后,就业的途径非常广..... 
 
     以后</div>
                                </li>
                                <li><a href="/article/2379.htm"
                                       title="分层查询（Hierarchical Queries）" target="_blank">分层查询（Hierarchical Queries）</a>
                                    <span class="text-muted">daizj</span>
<a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/%E9%80%92%E5%BD%92%E6%9F%A5%E8%AF%A2/1.htm">递归查询</a><a class="tag" taget="_blank" href="/search/%E5%B1%82%E6%AC%A1%E6%9F%A5%E8%AF%A2/1.htm">层次查询</a>
                                    <div>Hierarchical Queries 
 
If a table contains hierarchical data, then you can select rows in a hierarchical order using the hierarchical query clause: 
 
hierarchical_query_clause::= 
 
start with condi</div>
                                </li>
                                <li><a href="/article/2506.htm"
                                       title="数据迁移" target="_blank">数据迁移</a>
                                    <span class="text-muted">daysinsun</span>
<a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E8%BF%81%E7%A7%BB/1.htm">数据迁移</a>
                                    <div>最近公司在重构一个医疗系统，原来的系统是两个.Net系统，现需要重构到java中。数据库分别为SQL Server和Mysql，现需要将数据库统一为Hana数据库，发现了几个问题，但最后通过努力都解决了。 
1、原本通过Hana的数据迁移工具把数据是可以迁移过去的，在MySQl里面的字段为TEXT类型的到Hana里面就存储不了了，最后不得不更改为clob。 
 
2、在数据插入的时候有些字段特别长</div>
                                </li>
                                <li><a href="/article/2633.htm"
                                       title="C语言学习二进制的表示示例" target="_blank">C语言学习二进制的表示示例</a>
                                    <span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/c/1.htm">c</a><a class="tag" taget="_blank" href="/search/basic/1.htm">basic</a>
                                    <div>进制的表示示例 
# include <stdio.h>

int main(void)
{
	int i = 0x32C;

	printf("i = %d\n", i);
	/*
		printf的用法
		%d表示以十进制输出
		%x或%X表示以十六进制的输出
		%o表示以八进制输出
	*/

	return 0;
}
 
</div>
                                </li>
                                <li><a href="/article/2760.htm"
                                       title="NsTimer 和 UITableViewCell 之间的控制" target="_blank">NsTimer 和 UITableViewCell 之间的控制</a>
                                    <span class="text-muted">dcj3sjt126com</span>
<a class="tag" taget="_blank" href="/search/ios/1.htm">ios</a>
                                    <div>情况是这样的: 
一个UITableView, 每个Cell的内容是我自定义的 viewA viewA上面有很多的动画, 我需要添加NSTimer来做动画, 由于TableView的复用机制, 我添加的动画会不断开启, 没有停止, 动画会执行越来越多. 
  
解决办法: 
在配置cell的时候开始动画, 然后在cell结束显示的时候停止动画 
  
查找cell结束显示的代理</div>
                                </li>
                                <li><a href="/article/2887.htm"
                                       title="MySql中case when then 的使用" target="_blank">MySql中case when then 的使用</a>
                                    <span class="text-muted">fanxiaolong</span>
<a class="tag" taget="_blank" href="/search/casewhenthenend/1.htm">casewhenthenend</a>
                                    <div>select "主键",  "项目编号", "项目名称","项目创建时间", "项目状态","部门名称","创建人"

union

(select
	pp.id as "主键",
	pp.project_number as &</div>
                                </li>
                                <li><a href="/article/3014.htm"
                                       title="Ehcache（01）——简介、基本操作" target="_blank">Ehcache（01）——简介、基本操作</a>
                                    <span class="text-muted">234390216</span>
<a class="tag" taget="_blank" href="/search/cache/1.htm">cache</a><a class="tag" taget="_blank" href="/search/ehcache/1.htm">ehcache</a><a class="tag" taget="_blank" href="/search/%E7%AE%80%E4%BB%8B/1.htm">简介</a><a class="tag" taget="_blank" href="/search/CacheManager/1.htm">CacheManager</a><a class="tag" taget="_blank" href="/search/crud/1.htm">crud</a>
                                    <div>Ehcache简介 
目录 
1       CacheManager 
1.1      构造方法构建 
1.2      静态方法构建 
2       Cache 
2.1&</div>
                                </li>
                                <li><a href="/article/3141.htm"
                                       title="最容易懂的javascript闭包学习入门" target="_blank">最容易懂的javascript闭包学习入门</a>
                                    <span class="text-muted">jackyrong</span>
<a class="tag" taget="_blank" href="/search/JavaScript/1.htm">JavaScript</a>
                                    <div>http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html 
 
闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。 
下面就是我的学习笔记，对于Javascript初学者应该是很有用的。 
一、变量的作用域 
要理解闭包，首先必须理解Javascript特殊</div>
                                </li>
                                <li><a href="/article/3268.htm"
                                       title="提升网站转化率的四步优化方案" target="_blank">提升网站转化率的四步优化方案</a>
                                    <span class="text-muted">php教程分享</span>
<a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/1.htm">数据结构</a><a class="tag" taget="_blank" href="/search/PHP/1.htm">PHP</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E6%8C%96%E6%8E%98/1.htm">数据挖掘</a><a class="tag" taget="_blank" href="/search/Google/1.htm">Google</a><a class="tag" taget="_blank" href="/search/%E6%B4%BB%E5%8A%A8/1.htm">活动</a>
                                    <div>网站开发完成后,我们在进行网站优化最关键的问题就是如何提高整体的转化率，这也是营销策略里最最重要的方面之一，并且也是网站综合运营实例的结果。文中分享了四大优化策略：调查、研究、优化、评估，这四大策略可以很好地帮助用户设计出高效的优化方案。 
PHP开发的网站优化一个网站最关键和棘手的是，如何提高整体的转化率，这是任何营销策略里最重要的方面之一，而提升网站转化率是网站综合运营实力的结果。今天，我就分</div>
                                </li>
                                <li><a href="/article/3395.htm"
                                       title="web开发里什么是HTML5的WebSocket？" target="_blank">web开发里什么是HTML5的WebSocket？</a>
                                    <span class="text-muted">naruto1990</span>
<a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a><a class="tag" taget="_blank" href="/search/html5/1.htm">html5</a><a class="tag" taget="_blank" href="/search/%E6%B5%8F%E8%A7%88%E5%99%A8/1.htm">浏览器</a><a class="tag" taget="_blank" href="/search/socket/1.htm">socket</a>
                                    <div>当前火起来的HTML5语言里面，很多学者们都还没有完全了解这语言的效果情况，我最喜欢的Web开发技术就是正迅速变得流行的 WebSocket API。WebSocket 提供了一个受欢迎的技术，以替代我们过去几年一直在用的Ajax技术。这个新的API提供了一个方法，从客户端使用简单的语法有效地推动消息到服务器。让我们看一看6个HTML5教程介绍里 的 WebSocket API：它可用于客户端、服</div>
                                </li>
                                <li><a href="/article/3522.htm"
                                       title="Socket初步编程——简单实现群聊" target="_blank">Socket初步编程——简单实现群聊</a>
                                    <span class="text-muted">Everyday都不同</span>
<a class="tag" taget="_blank" href="/search/socket/1.htm">socket</a><a class="tag" taget="_blank" href="/search/%E7%BD%91%E7%BB%9C%E7%BC%96%E7%A8%8B/1.htm">网络编程</a><a class="tag" taget="_blank" href="/search/%E5%88%9D%E6%AD%A5%E8%AE%A4%E8%AF%86/1.htm">初步认识</a>
                                    <div>初次接触到socket网络编程，也参考了网络上众前辈的文章。尝试自己也写了一下，记录下过程吧： 
  
服务端：（接收客户端消息并把它们打印出来） 
  
public class SocketServer {
	private List<Socket> socketList = new ArrayList<Socket>();
	 public s</div>
                                </li>
                                <li><a href="/article/3649.htm"
                                       title="面试：Hashtable与HashMap的区别（结合线程）" target="_blank">面试：Hashtable与HashMap的区别（结合线程）</a>
                                    <span class="text-muted">toknowme</span>

                                    <div>昨天去了某钱公司面试，面试过程中被问道 
Hashtable与HashMap的区别？当时就是回答了一点，Hashtable是线程安全的，HashMap是线程不安全的，说白了，就是Hashtable是的同步的，HashMap不是同步的，需要额外的处理一下。 
  
今天就动手写了一个例子，直接看代码吧 
package com.learn.lesson001;

import java</div>
                                </li>
                                <li><a href="/article/3776.htm"
                                       title="MVC设计模式的总结" target="_blank">MVC设计模式的总结</a>
                                    <span class="text-muted">xp9802</span>
<a class="tag" taget="_blank" href="/search/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/1.htm">设计模式</a><a class="tag" taget="_blank" href="/search/mvc/1.htm">mvc</a><a class="tag" taget="_blank" href="/search/%E6%A1%86%E6%9E%B6/1.htm">框架</a><a class="tag" taget="_blank" href="/search/IOC/1.htm">IOC</a>
                                    <div>随着Web应用的商业逻辑包含逐渐复杂的公式分析计算、决策支持等，使客户机越 
来越不堪重负，因此将系统的商业分离出来。单独形成一部分，这样三层结构产生了。 
其中‘层’是逻辑上的划分。 
三层体系结构是将整个系统划分为如图2.1所示的结构[3] 
 
 
（1）表现层（Presentation layer）：包含表示代码、用户交互GUI、数据验证。 
该层用于向客户端用户提供GUI交互，它允许用户</div>
                                </li>
                </ul>
            </div>
        </div>
    </div>

<div>
    <div class="container">
        <div class="indexes">
            <strong>按字母分类：</strong>
            <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a
                href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a
                href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a
                href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a
                href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a
                href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a
                href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a
                href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a
                href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a>
        </div>
    </div>
</div>
<footer id="footer" class="mb30 mt30">
    <div class="container">
        <div class="footBglm">
            <a target="_blank" href="/">首页</a> -
            <a target="_blank" href="/custom/about.htm">关于我们</a> -
            <a target="_blank" href="/search/Java/1.htm">站内搜索</a> -
            <a target="_blank" href="/sitemap.txt">Sitemap</a> -
            <a target="_blank" href="/custom/delete.htm">侵权投诉</a>
        </div>
        <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.
<!--            <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>-->
        </div>
    </div>
</footer>
<!-- 代码高亮 -->
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script>
<script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script>
<link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/>
<script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script>





</body>

</html>