- 博客(15)
- 收藏
- 关注
原创 微信小程序基础学习笔记
微信小程序基础学习笔记 (小白基础)个人学习豆瓣电影简单的小程序基础构造,笔记会定期的更新目前笔记范围包括: 1.设置小程序基础配置,清除多余代码,保留原始配置,页面的文件配置建立在page中 img文件夹、app.js、app.json、app.wxss、project.config.json、sitemap.json、page 2.编写页面结构,样式,使用基础的循环,判断等 3.部分页面结构相同设置组件,也就是公共部分的结构和样式封装 4.获取数据,wx.
2021-04-15 17:04:07
247
原创 全选,全不选功能
需求: 1.点击全选,子项全部选中,再次点击,则全部不选中。 2.选中全部子项,全选选中,没有选中则不选中全选按钮。前端部分: 调用:Ack.checkedChoicefn("itemsAll","items"); <div class="controls"> <label class="checkbox" > <input type="checkbox" value="1" name="itemsAll...
2021-04-08 15:34:02
1227
原创 针对前端tab切换页面动态引入js(不重复引用)
在我们做项目的时候,肯定会遇到页面加载的性能优化,来是页面迅速渲染,不影响用户的体验,一下是我曾经针对tab页面引入的不同的js文件需求:点击tab切换动态引入对应的js文件,重复点击的时候,则会判断是否有了该js文件,如果存在则不加载,如果没有则加载,废话不多说,上代码:/**tab切换动态加载js*传递参数url即可,就是js的绝对路径,列如/home_www/ackhome_resources/js/groupManageme...
2021-04-08 15:16:30
565
原创 微信小程序点击分享功能
[html部分] <view class="usermotto carDesc carDesc1"> <!-- <button class="user-motto share">{{motto}}</button> --> <button class='share user-motto' id="shareBtn&quo
2018-03-14 18:48:08
22000
原创 document.write和innerHtml的区别
document.write是直接写入到页面的内容流,如果在写之前没有调用document.open, 浏览器会自动调用open。每次写完关闭之后重新调用该函数,会导致页面被重写。innerHTML则是DOM页面元素的一个属性,代表该元素的html内容。你可以精确到某一个具体的元素来进行更改。如果想修改document的内容,则需要修改document.documentElement.inne
2017-11-02 10:01:09
2693
原创 可以单独把footer、header等交互多比较难的版块单独拿出来的js
首先你把尾部的html代码摘出来 另存一份文件比如叫 footer.html然后在你原来放头部html代码的地方写如下代码然后再在 footer 里 引入以下js$(function(){$("#myfooter").load("footer.html"); //footer和其他静态页放同一目录下})//jquery该路径无效(有待
2017-10-23 20:03:14
875
原创 css使其背景固定
body { background-image: url(images/huarun3.jpg); background-repeat: no-repeat; font-family: "宋体"; font-size: 12
2017-10-16 20:04:18
547
转载 如何让链接为空 即点击时不进行跳转
主要是针对时,还进行跳转的情况。通常会跳转到首页。解决的几种办法如下:1. 2. 3. 4. 相当于一个ajax请求。但是页面如果需要刷新时,慎用void()这个方法。
2017-10-15 14:18:37
2686
转载 LESS CSS 框架简介
简介CSS(层叠样式表)是一门历史悠久的标记性语言,同 HTML 一道,被广泛应用于万维网(World Wide Web)中。HTML 主要负责文档结构的定义,CSS 负责文档表现形式或样式的定义。作为一门标记性语言,CSS 的语法相对简单,对使用者的要求较低,但同时也带来一些问题:CSS 需要书写大量看似没有逻辑的代码,不方便维护及扩展,不利于复用,尤其对于非前端开发工程师来讲,往往会因
2017-10-10 14:41:17
324
转载 下面是javascript基础的一些面试题
1、javascript 的 typeof 返回哪些数据类型2、例举 3 种强制类型转换和 2 种隐式类型转换?3、split() join() 的区别4、数组方法 pop() push() unshift() shift()5、事件绑定和普通事件有什么区别6、IE 和 DOM 事件流的区别7、IE 和标准下有哪些兼容性的写法8、call 和 apply 的区别9、
2017-10-02 13:44:57
3430
原创 给老铁们一些前端面试题,关于HTML+CSS的
1、你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?2、每个 HTML 文件里开头都有个很重要的东西,Doctype,知道这是干什么的吗?3、Quirks 模式是什么?它和 Standards 模式有什么区别4、div+css 的布局较 table 布局有什么优点?5、 img 的 alt 与 title 有何异同? strong 与 em 的异同?6、你能描述一下渐
2017-09-30 16:10:11
1547
转载 解决wow插件 与fullpage插件的冲突
script type="text/javascript"> $(document).ready(function() { $('#home').fullpage({ // sectionsColor: ['#1bbc9b', '#4BBFC3', '#7BAABE', 'whitesmoke', '#ccddff'], anchors: ['page1'
2017-09-28 14:59:16
2669
1
转载 同源策略
1 含义 一个域内的脚本仅仅具有本域内的权限,可以理解为本域脚本只能读写本域内的资源,而无法访问其它域的资源。这种安全限制称为同源策略。 例如img script style等标签,都允许垮域引用资源,严格说这都是不符合同源要求的。然而,你也只能是引用这些资源而已,并不能读取这些资源的内容, 1995年,同源政策由 Netscape
2017-09-26 08:24:37
419
转载 解决fullpage尾屏半屏问题
fullPage.js 是一个基于 jQuery 的插件,它能够很方便、很轻松的制作出全屏网站。但是在写全屏网站时,我们经常会遇到最后一屏不满一屏,上下都有留白的问题。比如这样:如果遇到这样的问题,我们可以这样解决(这是我之前找了好久,试了好多方法才找到的),在这里只解决尾屏不满一屏问题,关于fullpage的相关知识点就不介绍了。第一步:打开fullpage.js文件,在
2017-09-25 09:57:25
1693
原创 JS和jquery获取各种屏幕的宽度和高度的代码
Javascript: 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: document.body.offsetWidth (包括边线的宽) 网页可见区域高: document.body.offsetHeight (包括边线的高) 网页正文全文宽: docu
2017-09-22 14:46:54
345
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人