snowflakett的博客

微软公司开发的移动应用架构平台。使用该架构，不仅能够在智能手机等高级移动终端上使用Web服务，而且全世界数百万Visual Studio NET开发人员能够轻松地在Pocket PC OS上开发移动应用程序。

媒体查询（Media Query）是CSS3新语法。 - 使用 @media查询，可以针对不同的媒体类型定义不同的样式 - @media 可以针对不同的屏幕尺寸设置不同的样式 - 当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面 - 目前针对很多苹果手机、Android手机，平板等设备都用得到多媒体查询

The hiSlide jQuery plug-in Easily create image rotator with seven images in your web pages. The images will keep on rotating automatically or arrows are also given for moving the next or previous image. The plug-in file size is only 3K (which is negligible) and is cross browser compatible. The markup is also pretty simple; just use the image tags inside the <ul> and <li> tags. See the demos and code in the coming section.

实现mvvm主要包含两个方面，数据变化更新视图，视图变化更新数据 关键点在于data如何更新view，因为view更新data其实可以通过事件监听即可，比如input标签监听 'input' 事件就可以实现了。所以我们着重来分析下，当数据改变，如何更新视图的。 数据更新视图的重点是如何知道数据变了，只要知道数据变了，那么接下去的事都好处理。如何知道数据变了，其实上文我们已经给出答案了，就是通过Object.defineProperty( )对属性设置一个set函数，当数据改变了就会来触发这个函数，所以我们只要将一些需要更新的方法放在这里面就可以实现data更新view了。

## Help wanted! - Add a ⭐️ - Vote for this solution at stackoverflow https://stackoverflow.com/a/57000437/4865307 - Test, report bugs and send pull requests. - Tweet about if you like it. ## How it works The script makes use of the fact that IE has minimal custom properties support where properties can be defined and read out with the cascade in mind. This is not possible with properties starting with double dashes. `.myEl {-ie-test:'aaa'} // only one dash allowed! "-"` then you can read it in IE with javascript: `getComputedStyle( querySelector('.myEl') )['-ie-test']` In the raw CSS, it replaces for example `--foo` with `-ie-foo`. It searches for all rules containing variable getters and setter, remembers the affected selectors so future affected Elements can be found in a mutation observer. Each affected Element gets a uniq class-attribute and its own style-sheet to draw the Element. These are the steps that the script does: 1. given the CSS ```css header { --myColor:red; } main { --myColor:green; } li { color:var(--myColor); } ``` 2. rewritten CSS ```css header { -ie-myColor:red; } main { -ie-myColor:green; } li { -ieHasVar-color:var(-ie-myColor); } ``` 3. find all affected Element and get its property-values ```js querySelectorAll('li').forEach(function(){ var color = getComputedStyle(this).getPropertyValue('--myColor'); // getPropertyValue is extended to handle custom properties // draw_the_Element() }) ``` 3. draw Elements, this leads in separate rules for each Element ```css li.iecp-u1 { color:red; } li.iecp-u2 { color:red; } li.iecp-u3 { color:green; } li.iecp-u4 { color:green; }

## It can: - chaining `--bar:var(--foo)` - fallback `var(--color, blue)` - :focus, :target, :hover - handle dynamic added html-content - handle dynamic added `<style>`, `<link>`-elements - js-integration: - `style.setProperty('--x','y')` - `style.getPropertyValue('--x')` - `getComputedStyle(el).getPropertyValue('--inherited')` - Houdini’s new API: `CSS.registerProperty({name:'--red', inherit:false, initialValue:'#e33'})` (of course not animatable) - style-attributes `<div ie-style="--foo:bar"...` - cascade works - inheritance works - `!important` on setters and getters - SVG-support - media-queries (redraw on media-changes) - transform relative to absolute urls - under 3k (min+gzip) and dependency-free

svg xlink:href不兼容问题解决，通过引入svg4everybody.js解决兼容，此款插件如何使用说明书

SVG for Everybody adds SVG External Content support to all browsers.解决ie11不兼容svg的问题，引用此脚本可以解决兼容性问题 使用方法 To use it now, include the script in your document. <script src="/path/to/svg4everybody.js"></script> <script>svg4everybody(); // run it now or whenever you are ready</script>

第一种形式适用于，功能通用但是最后根据配置输出一个产品的独立管理台、一个独立小程序等，这样用自己一套独有的CSS文件就很方便。但是如果我们提供一个通用的产品去接入不同的合作方，接入方都有定制主题的需求，就可以选择预处理器或CSS自定义属性

var() ie11浏览器兼容polyfill!!比如说，你在:root上定义了一个color变量，用于设置页面的主题色，那么通过下面的JS，你就可以很简单地改变color变量的值，从而改变页面的主题色。换个皮肤，so easy。

css原生变量兼容性问题解决，其实CSS自定义属性还有很多小名，比如CSS变量、原生变量、CSS自定义属性级联变量，这些指的都是同个东西。解决在ie11不兼容问题

Vue是一套用于构建用户界面的渐进式框架,vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合 它是一个Vue.js官方提供的路由管理器。是一个功能更加强大的前端路由器，推荐使用。 Vue Router和Vue.js非常契合，可以一起方便的实现SPA(single page web application,单页应用程序)应用程序的开发。 Vue Router依赖于Vue，所以需要先引入Vue，再引入Vue Router

接口调用方式 原生ajax 基于jQuery的ajax fetch axios - avaScript的执行环境是「单线程」 - 所谓单线程，是指JS引擎中负责解释和执行JavaScript代码的线程只有一个，也就是一次只能完成一项任务，这个任务执行完后才能执行下一个，它会「阻塞」其他任务。这个任务可称为主线程 - 异步模式可以一起执行多个任务 - JS中常见的异步调用

vue基本指令，路由，案例的使用，以及代码案例！生命周期，以及各种钩子函数。有的情况下，你仍然需要对普通 DOM 元素进行底层操作，这时候就会用到自定义指令

vue学习总结 基本地语法 vue全家桶。vue mvvm开发模式地优缺点分析。以及与其他开发模式地对比