frida522-CSDN博客

原创 2021-09-24

HTTP cookies一、概念HTTP cookies 是服务器发送到用户浏览器并保存在本地的一小块数据二、用途告知服务端两个请求是否来自于同一浏览器。如保持用户的登录状态。cookies 使基于无状态的http协议记录稳定的状态信息成为了可能。三、主要应用场景有三个方面会话状态管理（如用户的登录状态、购物车、游戏积分以及其他需要记录的信息）个性化设置（如用户自定义、主题等）浏览器行为跟踪（如跟踪分析用户行为）四、Cookies的现状由于现代浏览器开始支持各种各样的存储方式，Coo

2021-09-24 10:58:12 220

原创小程序03--轮播（swiper）

轮播图的实例 index.js//index.jsvar app = getApp()Page({ data: { imgUrls: [//轮播图的图片数组 '../../img/banner01.jpg', '../../img/banner02.jpg', '../../img/banner03.jpg', '../../img...

2018-05-10 20:40:49 273

原创小程序02--之Tabbar配置

tabBar如果小程序是一个多 tab 应用（客户端窗口的底部或顶部有 tab 栏可以切换页面），可以通过 tabBar 配置项指定 tab 栏的表现，以及 tab 切换时显示的对应页面。Tip：当设置 position 为 top 时，将不会显示 icontabBar 中的 list 是一个数组，只能配置最少2个、最多5个 tab，tab 按数组的顺序排序。Tabbar的配置是在app.json...

2018-05-08 21:07:02 985

原创小程序01-初时小程序之Page（页面结构）

小程序并不像html一样，我们不用节点去操作dom 。更像vue 一样他是用数据驱动dom变化。下面我们来了解下小程序的注册页面page（网址：https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/page.html）---点击注册页面--page的具体用法都在。pages文件夹下边的.js文件就是我们写j...

2018-05-08 20:43:16 1195

原创创建一个小程序

登录 https://mp.weixin.qq.com/cgi-bin/wxopen?action=list&token=646435533&lang=zh_CN用邮箱注册一个小程序，生成小程序的appid 并记住你的AppSecret(小程序密钥)；在官方下载一个开发者工具用管理员微信扫一下后出现小程序和微信网页选择小程序填写你之前生成的appid --- 小程序名...

2018-05-08 19:56:22 316

原创用node配置vue环境

首先下载 node安装node把node添加到系统的path电脑--属性---高级属性--path---添加系统path（你安装的node的路径）进入cmd 输入node -v 如果安装成功会出现 node的版本号安装node 的同时就已经安装好了npm 输入npm -v 会返回版本号安装cnpm在cmd中输入 npm config set registry https://registry....

2018-05-07 21:18:48 267

原创如何使做的鼠标浮上放大等效果自然更真实

在做网页的时候少不了做各种鼠标浮上时的动画，那么如何让自己写的动画也不生硬看着更真实？给你的动画加上 transition 过度<div> <img src='你的图片路径'></div><style>div{ width: 300px; height:...

2018-04-25 14:51:48 210

转载用 highstock 做的可视化数据

<html><head> <title>highstock报表示例</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <script src="http://www.wevall

2018-04-25 09:55:53 553

转载用highstock 做的可视化数据的一些配置

<html><head> <title>highstock报表示例</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <script src="http://www.wevall

2018-04-25 09:54:34 1056

转载 ajax跨域请求

题纲关于跨域，有N种类型，本文只专注于ajax请求跨域(,ajax跨域只是属于浏览器”同源策略”中的一部分,其它的还有Cookie跨域iframe跨域,LocalStorage跨域等这里不做介绍)，内容大概如下: 什么是ajax跨域原理表现(整理了一些遇到的问题以及解决方案)如何解决ajax跨域JSONP方式CORS方式代理请求方式如何分析ajax跨域http抓包的分析一些示例什么是ajax跨...

2018-04-19 09:07:33 167

转载移动端的优化

相对于桌面端浏览器，移动端Web浏览器上有一些较为明显的特点：设备屏幕较小、新特性兼容性较好、支持一些较新的HTML5和CSS3特性、需要与Native应用交互等。但移动端浏览器可用的CPU计算资源和网络资源极为有限，因此要做好移动端Web上的优化往往需要做更多的事情。首先，在移动端Web的前端页面渲染中，桌面浏览器端上的优化规则同样适用，此外针对移动端也要做一些极致的优化来达到更好的效果。需...

2018-04-17 14:08:30 851

原创利用split（）函数给字符串智能的折行

最近做项目遇到一个需求：粘贴一段文字发出的博文格式遇分号就自动换行。背景：采用的百度的编辑插件。写的博客到公司的网站上要求在编辑器里黏贴一段字符串这段字符串遇到“；”自动折行。if(con.indexOf(";") >0){ //con = con.replace(/；/gm,"</br>"); if(con.indexOf("img") >0){...

2018-04-17 13:45:50 335

转载如何解决用ajax请求来的页面但是js不执行

事件背景有一个公用页面需要在多个页面调用，其中涉及到部分js已经写在了公用页面中，通过ajax加载该页面后无法执行其中的js。解决思路1. 采用附加一个iframe的方法去执行js，为我等代码洁癖者所不齿。2. 使用document.write输出代码，我等简洁主义者所不愿。3. 最简单的方法是把js放到需要调用的父页面，那想这样的公用页面，每个地方调用都要写入一次，代码冗余。4. eval是个解...

2018-04-17 13:38:11 4047 1

原创头像上做鼠标浮上显示连接的动画效果

鼠标浮上产生旋转动画；出现连接；<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .case-item{wid

2018-04-17 10:41:07 586

原创圆形头像鼠标浮上去的样式

鼠标经过头像的动画：代码如下<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .tj_box{

2018-04-17 10:33:35 233

原创关闭浏览器用js监听，可向服务器发送请求

上传页面用户开始上传文件之后用户点击任意跳转都需要弹出提示层进行二次确定才允许他进行跳转，这样做的目的是为了防止用户的错误操作导致这珍贵的UGC 流失(通常用户在一次上传不成功之后，很容易就会打消了上传的念头的了，或去到其他平台进行上传)。在这里用到的是 onbeforeunload 事件。下面就梳理下 onunload、onbeforeunload 这两个事件onunload，onbeforeu...

2018-04-10 10:44:21 8390

原创用css3做出好看的盒子阴影

<div class='docs-card'>盒子阴影</div>.docs-card { height: 194px; width: 30%; background-color: #fff; border-radius: 4px; box-shadow: 0 2px 2px rgba(10,16,20,.24),0 0 2px rg...

2018-04-03 10:42:11 8767

原创浅谈前端工程师的进化带你理解在不同模式中前端工程师的角色

写了3月的博客有一个粉丝以及一个热心前辈的评论鼓励，我很欣慰，也更加坚定了我写博客的决心，虽然本人技术尚浅，但我乐于将自己的所读的好的咨讯总结分享给大家，将自己在工作中的经验在这里记录，以便初入职场者查看翻阅。如有任何技术上的错误，也欢迎各位技术大牛们随时评论。。我定虚心接受。一：前端与后端的开发区别。前端：主要是针对浏览器开发。代码运行在浏览器端。后端：主要是针对...

2018-04-03 10:09:36 266

原创 angualr2和jquery如何混用

相信很多人无法脱离jq编程，而基于angualr2的框架又那么少，如何在angualr2的项目中使用jq呢打开cmd 进入项目 cnpm install jquery --save然后在你要是用的ts文件中使用import * as $ from 'jquery';ok大功告成，但是不推荐在angualr中使用jq 因为他们的核心是违背的...

2018-04-02 16:14:58 656 1

原创用angualr做项目时报错ERROR TypeError: _co.a is not a function(…) 是什么错误

基于angualr的项目做了事件绑定，绑定了一个函数，但是点击后报错ERROR TypeError: _co.a is not a function(…)如何解决，以及这个错误是因为什么？1.这个错误是操作错误，你调用的这个函数不是一个函数，无法找到或无法解析。2.解决方案：检查自己是否定义了这个函数检查自己...

2018-03-29 09:19:30 1955 1

原创 angualr 做路由跳转的时候报错Uncaught Error: Component HomeComponent is not part of any NgModule or the module

报错：Uncaught Error: Component HomeComponent is not part of any NgModule or the module has not been imported into your module. 如何解决解决方案：@NgModule({ declarations: [ AppComponent, JokesComponent...

2018-03-27 15:52:28 3708 4

原创利用ajax做的下拉模糊查询

$(".moni_buying_left").bind("click",'.word_span',function(){ if (highlightindex != -1) { //每两分钟获取一次数据 var comText = $("#auto").hide().children("div").eq(highlightindex).text(); ...

2018-03-26 13:43:15 596

翻译 angualr的模版

如果你想要掌握angualr模版，那么你必须掌握以下知识：1.对比各种js模版的引擎2.Mustache（八字胡）语法3.模版内的局部变量4.属性绑定，事件绑定，双向绑定5.在模版里使用结构指令（‘ngif’，‘ngFor’，‘n'gswitch’）6.在模版里使用属性指令（‘ngCLASS’'n'gSt'yle'，‘n'g'M'odel’）7.在模版里使用管道格式化数据一。模版引擎1.你不能在...

2018-03-20 13:51:37 160

原创如何用一张图片做背景图，并且图片自适应div的大小

background: url("../stu_wengu.png") center center no-repeat;background-size: cover;

2018-03-20 10:23:57 15444 5

原创网站的表单验证

html代码： <form id="register_form" name="register-form" action="###" method="post"> <label> <input id="phone" name="phone" pla

2018-03-19 14:32:29 197

原创背景图片定时自动切换

$(document).ready(function(){ var bgCounter = 0, backgrounds = [ "img/banner.jpg", "img/banner1.jpg" ]; function changeBackground() { bgCou...

2018-03-19 14:24:18 3842

原创不定义div的宽度，如何让内容居中

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .box{bac

2018-03-19 14:16:29 1041

原创前端js的事件绑定以及事件流

事件是可以被 JavaScript 侦测到的行为。网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。事件通常与函数配合使用，当事件发生时函数才会执行。执行JS 事件的方式：HTML 事件属性可以直接执行 JavaScript 代码HTML 事件属性可以调用 JavaScript 函数你可以为 HTML 元素指定自己的事件处理程序你可以阻止事件的发生。等等 ...常用的...

2018-03-19 14:13:49 689

原创 css布局常遇见的一些问题

CSS样式层叠表1、link与@import的区别（5点）（1）、link为XHTML的标签，可以引进CSS样式表，除了引进CSS文件还可以引进其他的文件如.js或.rss文件;@import为CSS中的标签，只能引进CSS文件。（2）、加载顺序不同：link引进的CSS时同时也被加载，而@import引进的CSS要下载完才加载。（3）、兼容性问题：@import是CSS2.1才出来的不被老的浏览...

2018-03-19 14:11:37 240

原创如何css做一个点击导航页面滚动，并且有动画效果

见图：见html代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href=

2018-03-19 14:07:40 1857

原创 css动画鼠标浮上图片变大，遮罩层下来

直接甩代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>css3遮罩</title> <style type="text/css">

2018-03-19 14:01:40 401

原创 angualr构建组件所使用的的标签的作用

angular vue react 等等的前端框架都是有组件的这概念的，而且也都是核心。那么如何构建组件并使用。import { Component } from '@angular/core';@Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app....

2018-03-15 15:21:06 195

转载如何一边宽度自适应一边宽度固定

一：右侧固定宽度左侧自适应第一种：左侧用margin-right，右侧float：right 就可以实现。HTML代码可以如下写: <div class="box-left"> <a href="" target="_blank">我是龙恩</a> </div>　 <div class=&qu

2018-03-15 14:58:52 445 1

原创新建一个angular项目

新版本的angular是基于Typscript的不是js ， angualr的项目基于TypeScript compiler、webpack、Karma、Jasmine、Protracter 等模块。，而自己动手搭建这些模块很麻烦， ng cli命令可以帮我们省去这一麻烦的环节。首先确保你的电脑上安装了 node，如果没有请去node的官网安装匹配的版本。1.全局安装cnpm ,使用cnpm...

2018-03-15 14:51:29 1655

原创 http请求 get和post的比较

什么是HTTP请求？http即超文本传输协议的目的是保证客户端和服务端的通信。http请求分为GET和POST请求GET请求从指定的资源请求。POST向指定的资源提交要处理的数据。GET请求：1可以被缓存。2.请求保留在浏览器历史记录里3.有传输长度的限制（2048字符）。4.不可以处理敏感数据。5.数据会显示在url中。POST请求：1.不可以被缓存。2.没有长度限制。3.不会保存在浏览器历史记...

2018-03-08 10:55:37 130

原创 js中对象的理解

以下是我对js中对象的一些理解，简述了什么是对象，对象的创建，使用以及其属性。js对象是j's的基本数据类型， js中的对象是动态的，可以新增属性，也可以删除属性。对象中最常用的用法是创建（create），设置（set），查找（query），删除（delete），检查（test），枚举（enumerate）。一. js中的对象具有三类对象两类属性：内置对象：是由ECMAScript规...

2018-03-06 14:47:41 309

翻译 webstrom的格式化代码快捷键

windows 下 webstorm 格式化代码的快键键 Ctrl+Alt+lmac 下 webstorm 格式化代码的快捷键 Option+Command+lcentOS 下webstorm 格式化代码的快捷键 Ctrl+Shift+l windows 下 webstorm 格式化代码的快键键 Ctrl+Alt+lmac 下 webstorm 格式化代码的快捷键 Option+Command+l...

2018-03-06 13:17:04 2112

转载弹性布局的语法

转载地址：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html弹性布局的兼容性：不兼容ie11以下。Flex 布局教程：语法篇网页布局（layout）是 CSS 的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易...

2018-03-06 10:16:26 337

转载转弹性布局

今天看见阮一峰老师的关于弹性布局的笔记，觉得见解独到，通俗易懂特转到自己的博客。转载地址：http://www.ruanyifeng.com/blog/2015/07/flex-examples.html你会看到，不管是什么布局，Flex往往都可以几行命令搞定。我只列出代码，详细的语法解释请查阅《Flex布局教程：语法篇》。我的主要参考资料是Landon Schropp的文章和Solv...

2018-03-06 10:02:30 189

转载移动端优化

摘要: 前端性能优化是一个很宽泛的概念，本书前面的部分也多多少少提到一些前端优化方法，这也是我们一直在关注的一件重要事情。配合各种方式、手段、辅助系统，前端优化的最终目的都是提升用户体验，改善页面性能，我们常常竭尽全力进行前端页面优化，但却忽略了这样做的效果和意义。先不急于探究前端优化具体可以怎样去做，先看看什么是前端性能，应该怎样去了解和评价前端页面的性能。相对于桌面端浏览器，移动端Web浏览器...

2018-03-06 09:37:17 352

老虎机抽奖效果.zip

空空如也