随笔分类 - js/js框架
摘要：如果使用vscode工具编辑前端，插件cssrem让px转换为rem. flexible.js原理： 利用调整根字体大小，让像素按照根字体大小成比例变化，即rem。 其实之前讲过一种思路，详见：像素2（pc端web中css的rem适配 就是屏幕像素/设计稿的大小*100px作为根字体大小，根字体大小
阅读全文
摘要：常见适配的解决方案 在微信小程序中引入了rpx这个单位， 在Android用的是dp，在ccs中用的rem， 在苹果中用的pt这个单位，苹果是以iPhone6 简介： 因为电脑屏幕虽然大小存在差异， 但差距也不是非常大， 以中间范围作为模板， 根据分辨率进行比例缩放，总是能凑合。 rem这种方式，基
阅读全文
摘要：模块化：是一种处理复杂系统分解为代码结构更合理，可维护性更高的可管理的模块的方式。 AMD规范Asynchronous Module Definition， 即异步模块加载机制。 整描述了模块的定义，依赖关系，引用关系以及加载机制。 被requireJS，NodeJs，Dojo，JQuery使用 J
阅读全文
摘要：什么是矢量图？矢量图格式是什么？和位图又有什么区别？ 个人理解： 矢量图就是有具体描述图的组成结构的（点和线）特性（大小长度颜色等） 位图就是只是描述单个像素点的色彩，然后将所有像素点整合成一张图。 绘制图表主要分为canvas和svg方式。 SVG 指可伸缩矢量图形 (Scalable Vecto
阅读全文
摘要：ajax跨域，这应该是最全的解决方案了 浏览器同源政策及其规避方法 跨域资源共享 CORS 详解 JS跨域请求解决方案 早期同源策略： 1995年，同源政策由 Netscape 公司引入浏览器。 目前，所有浏览器都实行这个政策。 最初，它的含义是指，A网页设置的 Cookie，B网页不能打开， 除非
阅读全文
摘要：js使用正则两种方式 语法 1 re = /pattern/[flags] 语法 2 re = new RegExp("pattern",["flags"]) 在使用js中正则表达式作为参数不能像java那么用双引号包裹而是斜杠： 实例： //替换非字母的字符 var reg = new RegEx
阅读全文
摘要：1，Content-Type：application/x-www-form-urlencoded 使用Ajax默认格式来传递数据【推荐】 Ajax的默认格式为：application/x-www-form-urlencoded， 相当于(username=“admin”&password=123)
阅读全文
摘要：YogurtQ 特别注意parseInt()是js全局函数，（习惯(java的方式）integer.parseInt()会报错！） 1，Math.ceil()方法向上取整，整数部分值+1： Math.ceil(3/2) 输出：2 2，Math.floor()方法向下取整，整数部分值不变： Math.
阅读全文
摘要：js的ES5 特性：模板字符串，用英文单引号表示， 内部直接用 ${变量} 获取值然后拼接字符串，不用通常：“字符串”+变量名称 的方式拼接 模板字符串必须用 `` 包含 变化的部分用 ${xyz}定义 let obj={name:'bob',age:18} let str=`姓名：${obj.na
阅读全文
摘要：微信小程序setData中键名key中使用变量 以下省略了js中page({data:{属性省略了}})的数据。 1，当页面绑定值是根据变量值确定时候，如何更新数据： <van-field value="{{ weight }}" clearable label="体重(kg)" placehold
阅读全文
摘要：JavaScript数组方法--concat、push 1，方法有参数：将参数和调用数组合并成一个新数组 2，方法没有参数：相当于拷贝元素返回一个新数组。
阅读全文
摘要：JavaScript关于作用域、作用域链和闭包的理解
阅读全文
摘要：《Javascript面向对象编程（一）：封装》 《Javascript面向对象编程（二）：构造函数的继承》 《Javascript面向对象编程（三）：非构造函数的继承》 1，Object空对象 2，函数名称赋值： 3，prototype属性 ps:即xxx对象.prototype对象中包含了自身的
阅读全文
摘要：实现图片轮播的几种思路： 1，将多张图片水平或者垂直方向衔接排好，沿着某一个方式移动，父元素设置固定的大小，溢出的内容进行隐藏 2，通过position条件下：z-index的覆盖显示。 3，利用元素的显示显示/隐藏方式。
阅读全文
摘要：工作中遇到的mouseout 与mouseleave的问题 mouseout与mouseleave区别 ps: mouseout在所选区域内，从父元素到子元素也算移出触发。 mouseleave，在所选区域，不管有没有子元素，移出才会触发。
阅读全文
摘要：时间上 onmousemove 事件触发后，再触发 onmouseover 事件。 动作上 onmouseover 只在刚进入区域时触发。 onmousemove 除了刚进入区域触发外，在区域内移动鼠标，也会触发该事件。 当鼠标移动很快时，可能不会触发这两个事件。 onmouseover与onmou
阅读全文
摘要：参考： JS实现图片自动滚动(图片横向滚动) html: css: js: 补充： offsetLeft与style.left的区别 JS中的位置和宽度：clientWidth、offsetWidth、scrollWidth等区别 原生js—offsetWidth、screenWidth、clien
阅读全文
摘要：定义和用法 height 属性设置元素的高度。 说明 这个属性定义元素内容区的高度，在内容区外面可以增加内边距、边框和外边距。 获取高和宽的属性值： width() - 返回元素的宽度。 height() - 返回元素的高度。 innerWidth() 方法返回元素的宽度（包括内边距）。 inner
阅读全文
